/* Equacom Header v11 (7.4.1)
 * MOBILE DRAWER — final crispness pass:
 * - No blur, no translucency, no filters anywhere in the drawer or overlay
 * - Solid white panel, sharp typography, modern minimalist look
 * - Hide any residual "Novedades" menu entry on the frontend
 */

/* Hide any lingering "Novedades" nav item just in case */
.equacom-header-v2 .nav-menu li.cat-item-novedades,
.equacom-header-v2 .nav-menu li a[href*="/category/novedades"]{ display:none !important; }

@media (max-width: 900px){

  /* ============ OVERLAY: solid dim, ZERO blur ============ */
  body.eq-mobile-menu-open::before{
    content:"" !important;
    position:fixed !important;inset:0 !important;z-index:9998 !important;
    background:rgba(15,23,42,.55) !important;
    backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
    filter:none !important;
    opacity:1 !important;
  }

  /* ============ DRAWER PANEL: fully opaque, no filters ============ */
  .equacom-header-v2 .header-categories-nav,
  .equacom-header-v2 .header-categories-nav *,
  .equacom-header-v2 .header-categories-nav .container,
  .equacom-header-v2 .header-categories-nav .nav-menu,
  .equacom-header-v2 .header-categories-nav .nav-menu *{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    filter:none !important;
    text-shadow:none !important;
  }

  .equacom-header-v2 .header-categories-nav{
    position:fixed !important;
    top:0 !important;right:0 !important;bottom:0 !important;left:auto !important;
    width:min(88vw,360px) !important;
    height:100vh !important;height:100dvh !important;
    background:#ffffff !important;
    color:#0f1a2b !important;
    opacity:1 !important;
    box-shadow:-24px 0 60px rgba(15,23,42,.28) !important;
    border-left:1px solid #e5ecf5 !important;
    transform:translateX(105%);
    transition:transform .3s cubic-bezier(.22,.61,.36,1);
    z-index:9999 !important;
    overflow-y:auto;overscroll-behavior:contain;
    padding:72px 0 28px !important;
  }
  body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav{
    transform:translateX(0) !important;
  }

  /* Container reset */
  .equacom-header-v2 .header-categories-nav .container{
    padding:0 !important;max-width:100% !important;margin:0 !important;
    background:transparent !important;
  }
  .equacom-header-v2 .header-categories-nav .menu-toggle{display:none !important;}

  /* Menu — clean minimalist rows */
  .equacom-header-v2 .header-categories-nav .nav-menu{
    display:block !important;list-style:none !important;
    margin:0 !important;padding:4px 0 !important;background:#ffffff !important;
  }
  .equacom-header-v2 .header-categories-nav .nav-menu > li{
    display:block !important;background:#ffffff !important;
    border:0 !important;border-bottom:1px solid #eef2f7 !important;
  }
  .equacom-header-v2 .header-categories-nav .nav-menu > li:last-child{border-bottom:0 !important;}
  .equacom-header-v2 .header-categories-nav .nav-menu > li > a{
    display:block !important;
    padding:16px 24px !important;
    color:#0f1a2b !important;
    background:#ffffff !important;
    font-size:1rem !important;font-weight:600 !important;
    letter-spacing:.005em;line-height:1.3 !important;
    text-decoration:none !important;
    transition:background .15s ease, color .15s ease, padding-left .15s ease;
  }
  .equacom-header-v2 .header-categories-nav .nav-menu > li > a:hover,
  .equacom-header-v2 .header-categories-nav .nav-menu > li > a:focus,
  .equacom-header-v2 .header-categories-nav .nav-menu > li.current-menu-item > a{
    background:#f3f8ff !important;color:#1976d2 !important;padding-left:30px !important;
  }

  /* Submenus (Entretenimiento under Cultura) */
  .equacom-header-v2 .header-categories-nav .nav-menu .sub-menu,
  .equacom-header-v2 .header-categories-nav .nav-menu .children{
    display:block !important;position:static !important;
    background:#f8fbff !important;border:0 !important;box-shadow:none !important;
    padding:2px 0 8px !important;list-style:none !important;
    opacity:1 !important;visibility:visible !important;
  }
  .equacom-header-v2 .header-categories-nav .nav-menu .sub-menu li{background:transparent !important;border:0 !important;}
  .equacom-header-v2 .header-categories-nav .nav-menu .sub-menu a{
    display:block !important;
    padding:11px 24px 11px 42px !important;
    color:#3a4c62 !important;background:transparent !important;
    font-size:.94rem !important;font-weight:500 !important;
    text-decoration:none !important;
    position:relative;
  }
  .equacom-header-v2 .header-categories-nav .nav-menu .sub-menu a::before{
    content:"›";position:absolute;left:26px;top:11px;color:#90a4bd;font-weight:700;
  }
  .equacom-header-v2 .header-categories-nav .nav-menu .sub-menu a:hover{
    color:#1976d2 !important;background:#eaf3ff !important;
  }

  /* Close button — modern floating pill */
  .eq-drawer-close{
    position:fixed !important;top:16px;right:16px;z-index:10000 !important;
    width:44px;height:44px;border-radius:50%;
    background:#1976d2 !important;color:#fff !important;
    border:0 !important;font-size:20px;line-height:1;cursor:pointer;
    display:none;align-items:center;justify-content:center;
    box-shadow:0 10px 24px rgba(25,118,210,.4);
    transition:transform .16s ease, background .16s ease;
  }
  .eq-drawer-close:hover{transform:scale(1.06);background:#1565c0 !important;}
  body.eq-mobile-menu-open .eq-drawer-close{display:inline-flex !important;}

  /* Dark mode variant — still fully opaque */
  body.dark-mode .equacom-header-v2 .header-categories-nav,
  body.dark-mode .equacom-header-v2 .header-categories-nav .nav-menu,
  body.dark-mode .equacom-header-v2 .header-categories-nav .nav-menu > li,
  body.dark-mode .equacom-header-v2 .header-categories-nav .nav-menu > li > a{
    background:#0f1720 !important;color:#e6edf5 !important;
  }
  body.dark-mode .equacom-header-v2 .header-categories-nav .nav-menu > li{border-bottom-color:#1c2632 !important;}
  body.dark-mode .equacom-header-v2 .header-categories-nav .nav-menu > li > a:hover{background:#152030 !important;color:#4fb3ff !important;}
  body.dark-mode .equacom-header-v2 .header-categories-nav .nav-menu .sub-menu{background:#0b1119 !important;}
  body.dark-mode .equacom-header-v2 .header-categories-nav .nav-menu .sub-menu a{color:#a9b6c5 !important;}
}

/* Desktop safety: never apply drawer styles on wide screens */
@media (min-width: 901px){
  .equacom-header-v2 .header-categories-nav{
    position:static !important;transform:none !important;
    width:auto !important;height:auto !important;
    box-shadow:none !important;padding:0 !important;
    background:transparent !important;border:0 !important;
  }
  .eq-drawer-close{display:none !important;}
}