/* Equacom Header v7 — Compact 970x70 header, refined mobile drawer, light-mode default
 * Applies on top of header-v3..v6. Focus: reduce vertical footprint, keep layout balanced.
 */

/* ---------- Compact main row (target ~70px total) ---------- */
.equacom-header-v2 .header-main-v4{padding:0}
.equacom-header-v2 .header-main-v4 .header-main-grid{
    max-width:1200px;margin:0 auto;padding:8px 20px;
    min-height:70px;align-items:center;gap:16px;
}
.equacom-header-v2 .header-logo-v4 img{height:52px}
.eq-brand-wordmark .eq-brand-name{font-size:1.75rem;line-height:1.05}
.eq-brand-wordmark .eq-slogan-v5{font-size:.72rem;margin-top:2px}

/* Slightly tighter pills to breathe in 70px */
.equacom-header-v2 .hqn-btn-v4{padding:7px 14px;font-size:.82rem}
.equacom-header-v2 .dark-toggle-v4{width:50px;height:28px}
.equacom-header-v2 .dark-toggle-v4::after{width:22px;height:22px}
body.dark-mode .equacom-header-v2 .dark-toggle-v4::after{transform:translateX(22px)}

/* Topbar — thinner */
.equacom-header-v2 .topbar{padding:4px 0;font-size:.72rem}
.equacom-header-v2 .topbar .container{min-height:26px}

/* Categories nav — tighter */
.equacom-header-v2 .header-categories-nav .nav-menu > li > a{padding:8px 12px;font-size:.86rem}

/* Sub-header — tighter */
.equacom-header-v2 .eq-subheader-inner{padding:4px 20px}
.equacom-header-v2 .eq-sh-datetime{font-size:.72rem;padding:2px 10px}
.equacom-header-v2 .eq-sh-ticker{font-size:.78rem}

/* ---------- Redesigned mobile drawer ---------- */
@media(max-width:768px){
    .equacom-header-v2 .header-main-v4 .header-main-grid{min-height:58px;padding:6px 12px}
    .equacom-header-v2 .header-logo-v4 img{height:36px}
    .eq-brand-wordmark .eq-brand-name{font-size:1.05rem}

    /* Modern hamburger */
    .eq-mobile-hamburger{
        width:40px;height:40px;border-radius:12px;
        background:linear-gradient(135deg,#1a2332,#2b3a55);color:#fff;
        box-shadow:0 4px 12px rgba(15,23,42,.18);font-size:20px;
        transition:transform .15s ease, box-shadow .2s ease;
    }
    .eq-mobile-hamburger:active{transform:scale(.94)}
    body.dark-mode .eq-mobile-hamburger{background:linear-gradient(135deg,#1e293b,#0f172a)}

    /* Drawer — cleaner, softer, animated */
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav{
        width:86vw;max-width:360px;padding:72px 0 24px;
        background:#ffffff;border-left:1px solid rgba(15,23,42,.06);
        box-shadow:-16px 0 48px rgba(15,23,42,.28);
        animation:eqSlideIn .28s cubic-bezier(.2,.9,.3,1);
    }
    body.dark-mode.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav{
        background:#0f172a;border-left-color:rgba(255,255,255,.06);
    }
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav::before{
        content:"Categorías";display:block;
        font:800 .78rem/1 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;
        color:#64748b;padding:0 22px 14px;
    }
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .nav-menu{gap:2px}
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .nav-menu li{
        border-bottom:0;border-radius:10px;margin:0 12px;
        transition:background .18s ease;
    }
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .nav-menu li:hover,
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .nav-menu li:active{
        background:rgba(33,150,243,.08);
    }
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .nav-menu a{
        padding:13px 14px;font:600 .95rem/1.2 'Inter',sans-serif;
        color:#1a2332;border-radius:10px;
        display:flex;align-items:center;gap:10px;
    }
    body.dark-mode.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .nav-menu a{color:#f1f5f9}
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .nav-menu a::before{
        content:"";width:6px;height:6px;border-radius:50%;background:#2196F3;flex:0 0 6px;opacity:.55;
    }
    /* Subcategory indent (WP renders .children/.sub-menu) */
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .sub-menu,
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .children{
        list-style:none;padding:0;margin:2px 0 4px 14px;
        border-left:2px solid rgba(33,150,243,.25);
    }
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .sub-menu a,
    body.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .children a{
        font-size:.86rem;font-weight:500;padding:10px 12px;color:#475569;
    }
    body.dark-mode.eq-mobile-menu-open .equacom-header-v2 .header-categories-nav .sub-menu a{color:#cbd5e1}

    /* Cleaner close button */
    .eq-drawer-close{
        width:36px;height:36px;background:#1a2332;
        box-shadow:0 6px 18px rgba(0,0,0,.25);
    }

    /* Smoother overlay */
    body.eq-mobile-menu-open::after{
        background:rgba(15,23,42,.55);backdrop-filter:blur(2px);
        animation:eqFade .25s ease;
    }
    @keyframes eqFade{from{opacity:0}to{opacity:1}}
}

/* ---------- Author byline / avatar overrides (defensive) ---------- */
/* Force author avatars to display the Equacom logo cleanly wherever they appear. */
.avatar, img.avatar, .author-avatar{
    object-fit:contain !important;background:#fff;border-radius:8px;
}
body.dark-mode .avatar, body.dark-mode img.avatar, body.dark-mode .author-avatar{background:#0f172a}