/* =========================================================
   PITEX 2026 — two-row header (logos row + navy menu bar)
   Desktop: the logos row scrolls away, the menu bar stays.
   ========================================================= */
:root { --top-h: 92px; --nav-h: 60px; --header-h: var(--nav-h); }

.site-header--2row {
    position: sticky; top: calc(-1 * var(--top-h)); z-index: 1030;
    background: #fff; border-bottom: 0; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none;
}
.site-header--2row .header-top { height: var(--top-h); display: flex; align-items: center; border-bottom: 1px solid var(--line); }
.site-header--2row .header-top .container-xxl { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.site-header--2row .navbar-brand { margin: 0; padding: 0; }
.site-header--2row .brand-logo,
.site-header--2row.is-scrolled .brand-logo { height: 58px; }
.org-logo { display: block; margin-left: auto; }
.org-logo img { height: 66px; width: auto; display: block; }

/* Menu bar */
.header-nav {
    min-height: var(--nav-h) !important; padding: 0 !important;
    background: linear-gradient(90deg, var(--navy-deep), var(--navy) 55%, var(--navy-deep));
    border-bottom: 3px solid var(--orange);
    transition: box-shadow .3s var(--ease);
}
.site-header--2row.is-scrolled .header-nav { box-shadow: 0 10px 26px -14px rgba(15,37,64,.6); }
.header-nav .navbar-nav { gap: .2rem; }
.header-nav .navbar-nav .nav-link {
    color: rgba(255,255,255,.88); font-weight: 600; font-size: .95rem;
    padding: 1.15rem 1rem !important; position: relative;
}
.header-nav .navbar-nav .nav-link::after { left: 1rem; right: 1rem; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; }
.header-nav .navbar-nav .nav-link:hover, .header-nav .navbar-nav .nav-link.active { color: #fff; }
.header-nav .nav-ctas { margin-left: auto; }
.header-nav .nav-ctas .btn { padding: .55rem 1.1rem; font-size: .88rem; }
.btn-nav-outline { color: #fff; border: 2px solid rgba(255,255,255,.35); background: transparent; }
.btn-nav-outline:hover, .btn-nav-outline.is-current { color: #fff; border-color: #fff; background: rgba(255,255,255,.08); }
.header-nav .is-current { box-shadow: 0 0 0 3px rgba(244,119,69,.35); }

/* Toggler lives in the logos row (mobile only) */
.site-header--2row .navbar-toggler { display: none; }

@media (max-width: 1199.98px) {
    :root { --top-h: 72px; --header-h: var(--top-h); }
    .site-header--2row { top: 0; }
    .site-header--2row .navbar-toggler { display: flex; margin-left: .4rem; }
    .site-header--2row .brand-logo, .site-header--2row.is-scrolled .brand-logo { height: 46px; }
    .org-logo img { height: 46px; }
    .site-header--2row.is-scrolled .header-top { box-shadow: 0 8px 20px -14px rgba(15,37,64,.45); }
    .header-nav { min-height: 0 !important; border-bottom-width: 0; }
    .header-nav .navbar-collapse { margin: 0; border: 0; padding: .5rem 0 1.2rem; }
    .header-nav .navbar-collapse:not(.show):not(.collapsing) { padding: 0; }
    .header-nav .navbar-nav .nav-link { padding: .8rem 0 !important; border-bottom: 1px solid rgba(255,255,255,.1); }
    .header-nav .nav-ctas { margin: 1rem 0 0; flex-direction: column; align-items: stretch; }
    .header-nav.has-open { border-bottom-width: 3px; }
}
@media (max-width: 575.98px) {
    :root { --top-h: 64px; }
    .site-header--2row .brand-logo, .site-header--2row.is-scrolled .brand-logo { height: 38px; }
    .org-logo img { height: 36px; }
}
@media (max-width: 1199.98px) { .header-nav .navbar-nav .nav-link.active { color: var(--orange); } }