/* Equacom Header v4 — Logo left + slogan · nav right · modern buttons
 * Layered above header-v3.css. Also handles: WP admin-bar hide, removal
 * of any left-side floating UI, smart grid fallback when no ads present.
 */

/* ============ Hide WP admin bar on frontend ============ */
#wpadminbar{display:none !important}
html{margin-top:0 !important}

/* ============ Main row: LOGO LEFT · spacer · NAV RIGHT ============ */
.equacom-header-v2 .header-main-v4 .header-main-grid{
    grid-template-columns: auto 1fr auto;
    padding:10px 0;
    gap:18px;
}
.equacom-header-v2 .header-main-v4 .header-zone-left{
    justify-content:flex-start;display:flex;align-items:center;gap:14px;min-width:0;
}
.equacom-header-v2 .header-main-v4 .header-zone-center{display:none}
.equacom-header-v2 .header-main-v4 .header-zone-right{justify-content:flex-end;gap:14px}

/* Logo size (desktop bigger, mobile compact) */
.equacom-header-v2 .header-logo-v4 img{height:78px;width:auto;display:block}

/* Slogan styling */
.eq-slogan{
    font-family:'Merriweather', Georgia, serif;
    font-style:italic;
    font-size:.92rem;
    font-weight:400;
    color:#4b5b75;
    line-height:1.25;
    letter-spacing:.005em;
    padding-left:14px;
    border-left:2px solid #2196F3;
    max-width:260px;
}
body.dark .eq-slogan,html.dark .eq-slogan{color:#c5d0e4}

/* ============ Modern quick-nav buttons ============ */
.equacom-header-v2 .header-quick-nav{gap:8px;align-items:center}
.equacom-header-v2 .hqn-btn-v4{
    display:inline-flex;align-items:center;gap:8px;
    padding:9px 16px;border-radius:999px;
    font-size:.82rem;font-weight:700;letter-spacing:.01em;
    color:#fff;text-decoration:none;border:0;
    box-shadow:0 4px 12px -4px rgba(15,22,34,.25);
    transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.equacom-header-v2 .hqn-btn-v4 .hqn-ico{font-size:1rem;line-height:1}
.equacom-header-v2 .hqn-btn-v4:hover{transform:translateY(-2px);box-shadow:0 10px 22px -8px rgba(15,22,34,.35);filter:brightness(1.05)}
.equacom-header-v2 .hqn-btn-v4.hqn-blue{background:linear-gradient(135deg,#1d4ed8,#2196F3)}
.equacom-header-v2 .hqn-btn-v4.hqn-red{background:linear-gradient(135deg,#b91c1c,#ef4444)}
.equacom-header-v2 .hqn-btn-v4.hqn-amber{background:linear-gradient(135deg,#b45309,#f59e0b)}
.equacom-header-v2 .hqn-btn-v4.hqn-purple{background:linear-gradient(135deg,#6d28d9,#8b5cf6)}

/* ============ Dark-mode toggle: bigger, animated ============ */
.equacom-header-v2 .dark-toggle-v4{
    width:42px;height:42px;border-radius:50%;
    display:inline-flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,#f1f5f9,#e2e8f0);
    color:#1a2332;border:1px solid rgba(15,22,34,.08);
    box-shadow:0 4px 12px -4px rgba(15,22,34,.2);
    transition:background .35s ease, color .35s ease, transform .25s ease;
    position:relative;overflow:hidden;
}
.equacom-header-v2 .dark-toggle-v4:hover{transform:scale(1.06) rotate(8deg)}
.equacom-header-v2 .dark-toggle-v4 .icon-sun,
.equacom-header-v2 .dark-toggle-v4 .icon-moon{transition:opacity .35s ease, transform .35s ease;position:absolute}
.equacom-header-v2 .dark-toggle-v4 .icon-sun{opacity:0;transform:rotate(-90deg) scale(.6)}
.equacom-header-v2 .dark-toggle-v4 .icon-moon{opacity:1;transform:rotate(0) scale(1)}
html.dark .equacom-header-v2 .dark-toggle-v4,
body.dark .equacom-header-v2 .dark-toggle-v4{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fde68a}
html.dark .equacom-header-v2 .dark-toggle-v4 .icon-sun,
body.dark .equacom-header-v2 .dark-toggle-v4 .icon-sun{opacity:1;transform:rotate(0) scale(1)}
html.dark .equacom-header-v2 .dark-toggle-v4 .icon-moon,
body.dark .equacom-header-v2 .dark-toggle-v4 .icon-moon{opacity:0;transform:rotate(90deg) scale(.6)}

/* ============ Mobile: compact, no duplicates ============ */
@media(max-width:768px){
    .equacom-header-v2 .header-main-v4 .header-main-grid{
        grid-template-columns:auto 1fr auto;padding:6px 0;gap:8px;
    }
    .equacom-header-v2 .header-logo-v4 img{height:42px}
    .eq-slogan{display:none}
    .equacom-header-v2 .header-quick-nav,
    .equacom-header-v2 .header-tools{display:none}
    .equacom-header-v2 .header-zone-right::before{
        content:"☰";font-size:24px;cursor:pointer;
        width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;
        border-radius:10px;background:#f1f5f9;color:#1a2332;
    }
    /* Kill any duplicated header / oversized blue block on mobile */
    .equacom-header-v2 .topbar{padding:4px 0;font-size:11px}
    .equacom-header-v2 .topbar-left a,.equacom-header-v2 .topbar-right a{padding:2px 4px}
    .header-main-v4 + .header-main,
    .equacom-header-v2 + .equacom-header-v2,
    .equacom-header-v2 .logo-centered-row,
    .equacom-header-v2 .header-main:not(.header-main-v4){display:none !important}
}

/* ============ Remove ALL left-side floating UI ============ */
.wa-floating[style*="left"],
.floating-buttons.left,.floating-left,.left-popup,.left-floating,
.fixed-left-menu,.side-menu-left,
[class*="float"][style*="left:0"],
[class*="float"][style*="left: 0"]{display:none !important;visibility:hidden !important}
/* Belt-and-braces: any fixed element pinned to the left edge */
body.equacom-app [style*="position:fixed"][style*="left:0"],
body.equacom-app [style*="position: fixed"][style*="left: 0"]{display:none !important}

/* ============ Smart grid: full width when no ads ============ */
/* When the side ad slots are empty, let main content span the full row */
body.equacom-app .layout-with-ads:not(:has(.ad-banner:not(:empty))){
    grid-template-columns:1fr !important;
}
body.equacom-app .has-side-ads:not(:has(.side-ad-inner:not(:empty))) .main-col{
    grid-column:1 / -1 !important;max-width:100% !important;
}
body.equacom-app .ad-banner:empty,
body.equacom-app .side-ad:empty,
body.equacom-app .side-ad-inner:empty,
body.equacom-app .leaderboard-ad:empty{display:none !important;margin:0 !important;padding:0 !important}

/* When NO ad widgets render at all, expand the content container */
body.equacom-app main:not(:has(.ad-banner:not(:empty))) .container.content-with-side{
    max-width:100% !important;
}

/* ============ Clean stray gaps / dead spaces ============ */
body.equacom-app .equacom-header-v2 .topbar+.eq-ad-zone:empty{display:none}
body.equacom-app section:empty{display:none !important}