/* ==========================================================================
   Matmap Header CSS (Lite)
   Version: 1.0.7
   ========================================================================== */

/* Variables base */
:root {
  --header-height: 80px;
  --top-bar-height: 30px;
  --primary-color: #3a3a72;
  --secondary-color: #e69130;
  --text-color: #333;
  --header-bg: #fff;
  --light-gray: #f8f9fa;
  --border-color: #e9ecef;
  --success-color: #28a745;
  --header-z-index: 99990;
  --transition-fast: 0.2s;
  --transition-base: 0.4s;
  --container-width: 1320px;
}

#page-container, #page, .site, .et-boc { overflow-x: clip !important; }

:focus-visible{ outline:3px solid var(--secondary-color); outline-offset:2px; border-radius:4px; }
[hidden]{display:none !important;}
#main-header, #top-header{display:none !important}

/* ========================================================================== */
/* Header fijo                                                                */
/* ========================================================================== */
.mh-header{position:fixed;top:0;left:0;width:100%;background:var(--header-bg);box-shadow:0 2px 10px rgba(0,0,0,.08);z-index:var(--header-z-index);-webkit-transform:translateZ(0)}
.mh-header__top-bar{background:var(--primary-color);color:#fff;height:var(--top-bar-height);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
#mh-slider-container{position:relative;width:100%;height:100%}
.mh-slider-link{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff!important;font-size:13px;text-decoration:none;opacity:0;transition:opacity .5s}
.mh-slider-link i{margin-right:8px}
.mh-slider-link.is-active{opacity:1}

.mh-header__main{height:var(--header-height)}
.mh-header__container{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-width);margin:0 auto;padding:0 20px;gap:20px}
.mh-header__left,.mh-header__right{display:flex;align-items:center;gap:5px}
.mh-header__center{flex-grow:1;display:flex;justify-content:center}

/* Desktop */
@media(min-width:981px){
  .mh-header__left{flex-basis:25%;justify-content:flex-start}
  .mh-header__center{flex-basis:50%}
  .mh-header__right{flex-basis:25%;justify-content:flex-end;gap:15px}
  .mh-header__search-desktop{flex-grow:1;max-width:450px}
}
/* Mobile */
@media(max-width:980px){
  .mh-header__left,.mh-header__right{flex:1}
  .mh-header__left{justify-content:flex-start}
  .mh-header__right{justify-content:flex-end}
  .mh-header__center{flex-grow:0}
}

.mh-header__logo img{max-height:50px;width:auto;display:block}

/* ========================================================================== */
/* Iconos / Acciones                                                          */
/* ========================================================================== */
.mh-header__actions{display:flex;align-items:center;gap:5px}
@media(min-width:981px){.mh-header__actions{gap:10px}}

.mh-action-item{color:var(--primary-color);font-size:22px;position:relative;cursor:pointer;background:none;border:none;padding:10px;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast)}
.mh-action-item:hover{background-color:var(--light-gray)}
.mh-action-item i{color:var(--primary-color)!important}

/* Visibilidad (sin duplicados) */
.mh-action-item--mobile,.mh-action-item--search-mobile{display:flex;}
.mh-categories-toggle,.mh-header__search-desktop{display:none;}
@media (min-width:981px){
  .mh-action-item--mobile,.mh-action-item--search-mobile{display:none!important;}
  .mh-categories-toggle{display:flex;align-items:center;}
  .mh-header__search-desktop{display:block;}
}

/* Botón categorías (solo desktop) */
.mh-categories-toggle{font-weight:600;background:var(--light-gray);border:1px solid var(--border-color);height:44px;padding:0 15px;border-radius:6px;gap:10px;cursor:pointer;transition:all .2s;white-space:nowrap;color:var(--primary-color)}
.mh-categories-toggle:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}
.mh-categories-toggle i{color:currentColor!important}
.mh-categories-toggle span{display:inline-block}

/* Búsqueda (Fibo) */
.mh-header__search-desktop .dgwt-wcas-sf-wrapp{display:flex!important;height:44px;border:1px solid #ccc;border-radius:6px;overflow:hidden;background:var(--light-gray);transition:all .2s}
.mh-header__search-desktop .dgwt-wcas-sf-wrapp:focus-within{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(58,57,114,.1)}
.mh-header__search-desktop .dgwt-wcas-search-input{flex-grow:1;border:none!important;height:100%!important;padding:0 20px!important;background:transparent!important;font-size:15px!important}
.dgwt-wcas-search-submit{border:none!important;background:transparent!important;cursor:pointer;padding:0 15px!important;display:flex;align-items:center;justify-content:center}
.dgwt-wcas-search-submit .dgwt-wcas-ico-magnifier{width:20px;height:20px}
.dgwt-wcas-search-submit .dgwt-wcas-ico-magnifier path{fill:var(--primary-color)!important}

/* ========================================================================== */
/* Overlays y paneles                                                         */
/* ========================================================================== */
.mh-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999998!important;opacity:0;visibility:hidden;transition:opacity var(--transition-base)}
.mh-overlay.is-active{opacity:1;visibility:visible}

.mh-panel-search{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;z-index:999999!important;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
.mh-panel-search.is-active{opacity:1;visibility:visible;transition-delay:0s}
.mh-panel-search .mh-panel__close{position:absolute;top:30px;right:30px}
.mh-panel-search .mh-panel__content{width:100%;max-width:700px}

.mh-panel-cart,.mh-panel-nav{position:fixed;top:0;right:0;width:100%;max-width:420px;height:100%;background:#fff;z-index:999999!important;transform:translateX(100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;box-shadow:10px 0 40px rgba(0,0,0,.15)}
.mh-panel-cart.is-active,.mh-panel-nav.is-active{transform:translateX(0)}

.mh-panel__close{background:#e9ecef;border:none;font-size:20px;cursor:pointer;color:#6c757d;padding:0;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;transition:all .2s}
.mh-panel__close:hover{background-color:var(--primary-color);color:#fff;transform:rotate(90deg)}
.mh-panel-cart__header,.mh-panel-nav__header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}
.mh-panel-cart__header h3,.mh-panel-nav__header h3{margin:0;font-size:20px}

/* ========================================================================== */
/* Mini carrito                                                               */
/* ========================================================================== */
.mh-panel-cart__shipping-progress{flex-shrink:0;padding:20px;border-bottom:1px solid var(--border-color)}
.mh-shipping-progress__text{margin:0 0 10px;font-size:15px;text-align:center}
.mh-shipping-progress__bar{width:100%;height:10px;background:#e9ecef;border-radius:5px;overflow:hidden}
.mh-shipping-progress__bar-inner{width:0;height:100%;background:linear-gradient(90deg,var(--primary-color),#6a69a2);border-radius:5px;transition:width .4s}
.mh-shipping-progress__bar-inner.is-full{background:var(--success-color)}
.mh-panel-cart__content-scroll{flex-grow:1;overflow:auto;padding:0 20px}
.mh-panel-cart__footer{flex-shrink:0;background:#fff;padding:20px;border-top:1px solid var(--border-color);box-shadow:0 -5px 20px -5px rgba(0,0,0,.1)}
#mh-panel-cart .widget_shopping_cart_content p.woocommerce-mini-cart__total{display:none!important}
#mh-panel-cart .mh-panel-cart__footer .woocommerce-mini-cart__total{display:flex!important;justify-content:space-between;align-items:center;font-weight:700;font-size:20px;padding-bottom:20px;margin:0}
#mh-panel-cart .mh-panel-cart__footer .woocommerce-mini-cart__total .woocommerce-Price-amount{color:var(--primary-color)}
.woocommerce-mini-cart__buttons{display:flex;flex-direction:column;gap:12px}
.woocommerce-mini-cart__buttons .button{padding:16px!important;font-size:16px!important;font-weight:700!important;text-align:center!important;border-radius:8px!important;text-decoration:none;display:block}
.woocommerce-mini-cart__buttons a.checkout{background:var(--secondary-color)!important;color:var(--primary-color)!important}
.woocommerce-mini-cart__buttons a.button:not(.checkout){background:#fff!important;color:var(--primary-color)!important;border:2px solid var(--primary-color)!important}

/* ========================================================================== */
/* Nav móvil (submenús cerrados + scroll)                                     */
/* ========================================================================== */
.mh-nav-list,.mh-nav-list ul{list-style:none!important;padding:0!important;margin:0!important}
.mh-nav-list li{display:flex;flex-wrap:wrap;align-items:stretch;border-bottom:1px solid var(--border-color)}
.mh-nav-list li a{flex-grow:1;padding:15px 25px;text-decoration:none;color:var(--text-color);font-weight:600;font-size:16px;display:flex;align-items:center;gap:15px}
.mh-nav-list li a span{flex-grow:1}
.mh-nav-list .mh-submenu-toggle{flex-shrink:0;width:60px;background:transparent;border:none;border-left:1px solid var(--border-color);padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ccc}

/* Sin !important para permitir slideToggle */
.mh-nav-list .sub-menu{
  display:none;
  width:100%;
  background-color:var(--light-gray);
}
.mh-nav-list li.is-open > .mh-submenu-toggle i{ transform: rotate(180deg); }

.mh-panel-nav__content-scroll{ overflow-y:auto; -webkit-overflow-scrolling:touch; }

/* ===== Jerarquía visual (niveles anidados) ===== */

/* Nivel raíz */
.mh-panel-nav .mh-nav-list > li > a {
  font-size: 16px;
  font-weight: 700;
}

/* Bloques de submenú con guía vertical */
.mh-panel-nav .mh-nav-list ul.sub-menu {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 2px solid var(--border-color);
  background: transparent;
}

/* 2º nivel */
.mh-panel-nav .mh-nav-list ul.sub-menu > li > a {
  font-size: 15px;
  font-weight: 600;
  padding-left: 20px;
  background: rgba(0,0,0,0.02);
}

/* 3º nivel */
.mh-panel-nav .mh-nav-list ul.sub-menu ul.sub-menu > li > a {
  font-size: 14px;
  font-weight: 500;
  padding-left: 28px;
  background: rgba(0,0,0,0.035);
}

/* 4º nivel */
.mh-panel-nav .mh-nav-list ul.sub-menu ul.sub-menu ul.sub-menu > li > a {
  font-size: 13.5px;
  font-weight: 500;
  padding-left: 36px;
  background: rgba(0,0,0,0.05);
}

/* Padre abierto resaltado */
.mh-panel-nav .mh-nav-list li.is-open > a {
  background: rgba(58,57,114,0.06);
}

/* Ajuste chevrón e imagen miniatura */
.mh-panel-nav .mh-nav-list li .mh-submenu-toggle { width: 56px; }
.mh-panel-nav .mh-nav-list li a .mh-menu-item-image { margin-left: -4px; }

/* ========================================================================== */
/* Drilldown escritorio                                                       */
/* ========================================================================== */
.mh-panel-drilldown{position:fixed;top:0;left:0;width:100%;max-width:420px;height:100%;background:#fff;z-index:999999!important;transform:translateX(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;box-shadow:10px 0 40px rgba(0,0,0,.15)}
.mh-panel-drilldown.is-active{transform:translateX(0)}
.mh-panel-drilldown__header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}
.mh-panel-drilldown__content{flex-grow:1;overflow:hidden;position:relative}
.mh-panel-drilldown__inner{display:flex;height:100%;width:100%;position:absolute;top:0;left:0;transition:transform .35s ease-in-out}
.mh-drilldown-panel__list{list-style:none;margin:0;padding:0;background:#fff;width:100%;height:100%;overflow-y:auto;flex-shrink:0}
.mh-drilldown-panel__header{padding:0 20px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:#fff;z-index:10}
.mh-drilldown-panel__back{background:none;border:none;padding:20px 0;font-size:18px;font-weight:700;color:var(--text-color);cursor:pointer;display:flex;align-items:center;gap:10px;width:100%}
.mh-drilldown-panel__back i{color:var(--primary-color)}
.mh-drilldown-panel__item{display:flex;align-items:stretch;border-bottom:1px solid var(--border-color)}
.mh-drilldown-panel__link{flex-grow:1;padding:18px 20px;text-decoration:none;color:var(--text-color);font-weight:600;display:flex;align-items:center;gap:15px}
.mh-drilldown-panel__link:hover{background:var(--light-gray)}
.mh-drilldown-panel__next{flex-shrink:0;width:60px;background:transparent;border:none;border-left:1px solid var(--border-color);padding:0;cursor:pointer;color:#ccc;transition:all .2s}
.mh-drilldown-panel__next:hover{background:var(--light-gray);color:var(--primary-color)}
.mh-menu-item-image{width:32px;height:32px;object-fit:cover;border-radius:4px;flex-shrink:0}

/* ========================================================================== */
/* Carrito: badge                                                             */
/* ========================================================================== */
.mh-cart-count{position:absolute;top:0;right:0;background:var(--secondary-color);color:var(--primary-color)!important;border-radius:50%;width:20px;height:20px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--header-bg);line-height:1}