/* ===========================
   RESPONSIVE CUSTOM
   =========================== */

/* Mobile */
@media (max-width: 768px) {
    .page-wrapper {
        .sections.nav-sections {
            display: block;
        }
        .page-header {
            .panel.wrapper {
                .panel.header {
                    display: flex;
                    justify-content: flex-end;
                    .cont-minilogin {
                        width: 80px;
                        display: flex;
                        justify-content: end;
                    }
                    .minicart-wrapper {
                        width: 80px;
                        display: flex;
                        justify-content: end;
                        margin-top: 12px;
                        .action.showcart {
                            .text {
                                display: none;
                            }
                        }
                    }
                    .link.wishlist {
                        width: 80px;
                        display: flex;
                        justify-content: end;
                    }
                }
            }
            .header.content {
                flex-wrap: wrap; /* ← CLAVE */
                align-items: center;
                .action.nav-toggle {
                    top: -50px;
                    &:before {
                        color: #f40046;
                    }
                }
                .block.block-search {
                    margin-left: 0;
                    width: 100%;
                    .form.minisearch {
                        .field.search {
                            display: inline-block;
                            width: calc(99% - 61.71px);
                            .label {
                                display: none;
                            }
                            .control{
                                    padding: 0;
                                    margin: 0;
                                    border-top: none;
                                    #search {
                                        position: static;
                                        margin-top: 0;
                                        margin-bottom: 0;
                                        border-radius: 5px 0 0 5px;
                                        border-right: none;
                                    }
                                }
                            }
                        .actions {
                            position: relative;
                            display: inline-block;
                            line-height: 24px;
                            top: -2px;
                            left: -3px;
                            .action.search {
                                display: block;
                                border-radius: 0 5px 5px 0;
                                border-left: none;
                                background: #ffffff;
                                padding-top: 7px;
                                padding-bottom: 1px;
                                span {
                                    font-size: 0;
                                    &:before{
                                        -webkit-font-smoothing: antialiased;
                                        -moz-osx-font-smoothing: grayscale;
                                        font-size: 22px;
                                        line-height: 28px;
                                        color: #000000;
                                        content: '\e615';
                                        font-family: 'luma-icons';
                                        margin: 0 8px 0 0;
                                        vertical-align: middle;
                                        display: inline-block;
                                        font-weight: normal;
                                        overflow: hidden;
                                        speak: none;
                                        text-align: center;
                                    }
                                }
                            }
                        }

                    }

                }
            }
        }


        .page-footer {

            .footer.content.container {
                border-top: none;
                .row {
                    .logox {
                        .logo-footer {
                            margin-bottom: 30px;
                        }
                    }
                    .first-links {
                        .contact-links {
                            justify-content: left;
                            .links-contact {
                                li {
                                    a {
                                        font-size: 14px;

                                    }
                                }
                            }
                        }
                    }
                    .second-links {
                        .links-second {
                            justify-content: left;
                            .links-questions {
                                li {

                                    a {
                                        font-size: 14px;
                                    }
                                }
                            }
                        }
                    }
                    .third-links {
                        margin-top: 20px;
                        .links-third {
                            .redes-sociales {
                                margin-top: 20px;
                                margin-bottom: 30px;
                            }
                            .mail-telefono {
                                padding-left: 8px;
                                .telefono-mail {

                                    li {
                                        a {
                                            line-height: 3;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }







}

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
    .panel.wrapper {
        .panel.header {
            .navigation {
                display: none;
            }
        }
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {

}
@media screen and (min-width: 768px), print {
    .page-wrapper {
        .sections.nav-sections {
            display: none;
        }
        .page-header {
            .panel.wrapper {
                background-color: #292a2c;
                .panel.header {
                    display: flex;
                    align-items: center;
                    .navigation {
                        background: #292a2c;
                        flex: 1 1 auto;   // ocupa todo el espacio disponible
                        display: flex;
                        align-items: center;
                        .level0{
                            > .level-top {
                                color: #ffffff;
                            }
                        }
                    }
                    .cont-minilogin {
                        width: 120px;
                        .mini-login {
                            .header.links {
                                .greet.welcome {
                                    &:has(.logged-in) {
                                        display: block;
                                        margin-bottom: 0;
                                    }
                                    &:not(:has(.logged-in)) {
                                        display: none;
                                    }
                                }
                            }
                        }
                    }
                    .minicart-wrapper {
                        width: 120px;
                        .action.showcart {
                            &:before {
                                top: 2px;
                            }
                            .text {
                                padding-top: 5px;
                            }
                            &:has(.counter.qty:not(.empty)) .text {
                                padding-left: 35px;
                                padding-top: 8px;
                            }
                        }
                    }

                }
            }
        }
    }
}


/* Desktop */
@media (min-width: 1024px) {

}
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .nav-sections {
        margin-bottom: 0;
    }
    .panel.wrapper {
        .panel.header {
            .navigation {
                width: max-content;
                float: left;
            }
        }
    }
}