/*
 * PromosiProton Global Header — v2.3.5 polish
 * Mobile spacing, robust close icon, admin-bar awareness and
 * Comparison sticky compatibility.
 */
:root{
    --pp-global-header-height:72px;
    --pp-global-header-admin-offset:0px;
    --pp-global-header-offset:72px;
}

.pp-global-header{
    position:sticky;
    top:var(--pp-global-header-admin-offset,0px);
    z-index:9990;
    background:rgba(255,255,255,.97);
    border-bottom:1px solid #e8eaed;
    box-shadow:0 4px 18px rgba(15,23,42,.05);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}
.pp-global-header__shell{width:min(1180px,calc(100% - 40px));min-height:72px;margin:0 auto;display:flex;align-items:center;gap:28px}
.pp-global-header__brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;color:#111827;text-decoration:none!important;font-weight:800;letter-spacing:-.02em}
.pp-global-header__brand:hover{color:#111827}
.pp-global-header__brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#b91c1c;color:#fff;font-size:18px;line-height:1}
.pp-global-header__brand-text{font-size:18px;white-space:nowrap}
.pp-global-header__panel{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:1 1 auto;min-width:0}
.pp-global-header__nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.pp-global-header__nav>a,.pp-global-header__dropdown-toggle{appearance:none;border:0;background:transparent;color:#374151!important;text-decoration:none!important;font:inherit;font-size:14px;font-weight:650;line-height:1.2;padding:12px 11px;border-radius:9px;cursor:pointer;white-space:nowrap}
.pp-global-header__nav>a:hover,.pp-global-header__dropdown-toggle:hover,.pp-global-header__dropdown-toggle[aria-expanded="true"]{background:#f5f6f8;color:#111827!important}
.pp-global-header__dropdown{position:relative}
.pp-global-header__dropdown-toggle span{display:inline-block;margin-left:3px;font-size:13px;transition:transform .18s ease}
.pp-global-header__dropdown-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
.pp-global-header__dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;width:240px;padding:8px;background:#fff;border:1px solid #e5e7eb;border-radius:13px;box-shadow:0 18px 45px rgba(15,23,42,.14);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.16s ease}
.pp-global-header__dropdown:hover .pp-global-header__dropdown-menu,.pp-global-header__dropdown:focus-within .pp-global-header__dropdown-menu,.pp-global-header__dropdown.is-open .pp-global-header__dropdown-menu{opacity:1;visibility:visible;transform:none}
.pp-global-header__dropdown-menu a{display:block;padding:10px 11px;border-radius:8px;color:#374151!important;text-decoration:none!important;font-size:14px;font-weight:600}
.pp-global-header__dropdown-menu a:hover{background:#f7f7f8;color:#991b1b!important}
.pp-global-header__dropdown-menu .pp-global-header__all-models{margin-bottom:5px;padding-bottom:11px;border-bottom:1px solid #eceef1;border-radius:8px 8px 0 0;color:#991b1b!important}
.pp-global-header__actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.pp-global-header__phone,.pp-global-header__whatsapp{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:10px;text-decoration:none!important;font-size:14px;font-weight:750;white-space:nowrap}
.pp-global-header__phone{border:1px solid #d7dbe0;color:#374151!important;background:#fff}
.pp-global-header__whatsapp{background:#111827;color:#fff!important;border:1px solid #111827}
.pp-global-header__phone:hover{background:#f6f7f8;color:#111827!important}
.pp-global-header__whatsapp:hover{background:#991b1b;border-color:#991b1b;color:#fff!important}

/* Mobile toggle: explicitly own all states so theme button rules cannot hide the X. */
.pp-global-header__toggle,
.pp-global-header__toggle:hover,
.pp-global-header__toggle:focus,
.pp-global-header__toggle:active,
.pp-global-header__toggle[aria-expanded="true"]{
    display:none;
    width:40px;
    height:40px;
    margin-left:auto;
    padding:8px;
    border:1px solid #dfe2e6!important;
    border-radius:10px;
    background:#fff!important;
    color:#111827!important;
    box-shadow:none!important;
    cursor:pointer;
    outline:none;
}
.pp-global-header__toggle:focus-visible{box-shadow:0 0 0 3px rgba(17,24,39,.12)!important}
.pp-global-header__toggle>span:not(.screen-reader-text){display:block;width:20px;height:2px;margin:4px auto;background:#111827!important;border-radius:999px;transition:transform .18s ease,opacity .18s ease}

.pp-global-header-active #masthead,
.pp-global-header-active header#masthead,
.pp-global-header-active .site-header,
.pp-global-header-active .ast-primary-header-bar,
.pp-global-header-active .ast-mobile-header-wrap,
.pp-global-header-active .main-header-bar-wrap{display:none!important}

/* Keep the locked comparison identity sticky directly below this global header. */
body.pp-global-header-active .pp-compare-sticky{
    top:var(--pp-global-header-offset,72px)!important;
    z-index:80;
}

@media(max-width:960px){
    :root{--pp-global-header-height:66px;--pp-global-header-offset:66px}
    .pp-global-header__shell{width:min(100% - 28px,1180px);min-height:66px}
    .pp-global-header__toggle,
    .pp-global-header__toggle:hover,
    .pp-global-header__toggle:focus,
    .pp-global-header__toggle:active,
    .pp-global-header__toggle[aria-expanded="true"]{display:block}
    .pp-global-header__panel{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid #eceef1;border-bottom:1px solid #e2e5e9;box-shadow:0 18px 35px rgba(15,23,42,.10);padding:10px 18px 12px;max-height:calc(100vh - var(--pp-global-header-offset,66px));overflow:auto}
    .pp-global-header.is-open .pp-global-header__panel{display:block}
    .pp-global-header__nav{display:block;margin:0}
    .pp-global-header__nav>a,.pp-global-header__dropdown-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:10px 10px;font-size:15px;line-height:1.25}
    .pp-global-header__dropdown-menu{position:static;width:auto;padding:2px 0 4px 14px;border:0;border-left:2px solid #eceef1;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none;display:none}
    .pp-global-header__dropdown.is-open .pp-global-header__dropdown-menu{display:block}
    .pp-global-header__dropdown:hover .pp-global-header__dropdown-menu{display:none}
    .pp-global-header__dropdown.is-open:hover .pp-global-header__dropdown-menu{display:block}
    .pp-global-header__dropdown-menu a{padding:9px 10px;font-size:14px}
    .pp-global-header__dropdown-menu .pp-global-header__all-models{margin-bottom:2px;padding-bottom:10px}
    .pp-global-header__actions{margin-top:7px;padding-top:10px;border-top:1px solid #eceef1}
    .pp-global-header__phone,.pp-global-header__whatsapp{flex:1;min-height:40px}

    /* Hamburger -> crisp X. Screen-reader span is nth-of-type(1). */
    .pp-global-header.is-open .pp-global-header__toggle>span:nth-of-type(2){transform:translateY(6px) rotate(45deg)}
    .pp-global-header.is-open .pp-global-header__toggle>span:nth-of-type(3){opacity:0}
    .pp-global-header.is-open .pp-global-header__toggle>span:nth-of-type(4){transform:translateY(-6px) rotate(-45deg)}
}

@media(max-width:520px){
    .pp-global-header__brand-text{font-size:16px}
    .pp-global-header__brand-mark{width:32px;height:32px}
    .pp-global-header__shell{width:calc(100% - 22px)}
    .pp-global-header__panel{padding-left:14px;padding-right:14px}
    .pp-global-header__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
    .pp-global-header__phone,.pp-global-header__whatsapp{padding:0 10px}
}
