/* ==========================================================
   TIENDA MOYA - HEADER CLEAN V2
========================================================== */

.electro-topbar{
    position:relative;
    z-index:50;
}

.electro-header{
    position:relative;
    z-index:60;
    background:#fff;
}

.electro-header .header-main{
    min-height:86px;
    display:flex;
    align-items:center;
    gap:18px;
}

.electro-logo{
    flex:0 0 auto;
    display:flex !important;
    align-items:center;
    justify-content:flex-start;
}

.electro-logo img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:155px !important;
    max-height:52px !important;
    object-fit:contain !important;
}

.electro-header .header-icons{
    position:static !important;
    inset:auto !important;
    flex:0 0 auto;
    margin-left:auto;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:13px !important;
    width:auto !important;
    height:auto !important;
}

.electro-header .header-icons > a{
    position:relative !important;
    inset:auto !important;
    width:auto !important;
    height:34px !important;
    min-width:28px;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px;
    padding:0 !important;
    margin:0 !important;
    color:#333e48;
    text-decoration:none;
    background:transparent !important;
}

.tm-header-svg{
    display:block !important;
    position:static !important;
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    max-width:18px !important;
    min-height:18px !important;
    max-height:18px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.5 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
    transform:none !important;
}

.electro-header .cart-link strong{
    font-size:11px !important;
    font-weight:600 !important;
    white-space:nowrap;
}


/* Los iconos viejos no deben reaparecer */

.electro-header .tm-flat-icon{
    display:none !important;
}


/* Evita iconos Font Awesome fuera de escala */

.tm-shop-page .fa-chevron-up,
.tm-shop-page .fa-chevron-down,
.tm-product-page .fa-chevron-up,
.tm-product-page .fa-chevron-down{
    position:static !important;
    inset:auto !important;

    display:inline-block !important;

    width:12px !important;
    height:12px !important;

    min-width:12px !important;
    min-height:12px !important;

    max-width:12px !important;
    max-height:12px !important;

    font-size:11px !important;
    line-height:12px !important;

    transform:none !important;

    overflow:hidden !important;
}


/* Barra principal */

.yellow-menu{
    background:
        var(--tm-primary,var(--tm-primary,#ff7b00)) !important;
}

.yellow-menu,
.yellow-menu *{
    box-sizing:border-box;
}


@media(max-width:760px){

    .electro-header .header-main{
        min-height:72px;
        gap:9px;
    }

    .electro-logo img{
        max-width:125px !important;
        max-height:44px !important;
    }

    .electro-header .header-icons{
        gap:7px !important;
    }
}



/* ==========================================================
   TIENDA MOYA - HEADER FONT SCALE V3
========================================================== */

.electro-topbar,
.electro-topbar a{
    font-size:12px !important;
}


.electro-search input,
.electro-search select,
.electro-search button{
    font-size:13px !important;
}


.yellow-menu a,
.yellow-menu button,
.yellow-menu .mega-trigger,
.yellow-menu .departments-link{
    font-size:13px !important;
}


.mega-panel a,
.mega-panel strong{
    font-size:13px !important;
}


.mega-panel small{
    font-size:11px !important;
}


.electro-header .cart-link strong{
    font-size:12px !important;
}


@media(max-width:760px){

    .yellow-menu a,
    .yellow-menu button{
        font-size:12px !important;
    }

}