/* The site navbar: one floating glass pill, identical on EVERY public page (home, blog,
   docs, info pages). Loaded from aigence/_head.html, so there is exactly one definition.
   Scoped to body.aigence-home, which the shared header adds on every aigence page.
   Positioning is deliberately not set here: the home page lets the pill float over the
   hero, while pages without a hero (e.g. docs) keep it in the normal flow so it
   reserves its own height -- the look is the same either way. */

body.aigence-home .topbar { display: none; }   /* the contact strip lives in the footer */

body.aigence-home .main-header { margin-top: clamp(18px, 3.2vh, 30px); }
body.aigence-home .main-header__container::after {
    width: calc(100% + 28px);
    border: 1px solid rgba(255, 255, 255, .085);   /* ~#ffffff15 */
    border-radius: 20px;
    /* Dark enough to stay readable on the white pages as well as over the hero. */
    background: rgba(8, 14, 44, .8);
    -webkit-backdrop-filter: blur(14px) saturate(150%);
            backdrop-filter: blur(14px) saturate(150%);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .28);
}
body.aigence-home .main-header__inner { padding: 9px 6px; }
body.aigence-home .main-header__logo img { width: 38px; }
body.aigence-home .main-header__logo span { font-size: 17px !important; }
body.aigence-home .main-menu__list > li { padding: 14px 0; }
body.aigence-home .main-menu__list > li > a { font-size: 13.5px; letter-spacing: .02em; }
body.aigence-home .main-header__btn .aigence-btn { transform: scale(.92); transform-origin: right center; }

/* The theme clones the navbar into a full-width bar once you scroll; make it the same floating pill. */
body.aigence-home .sticky-header--cloned {
    top: 14px; left: 50%; right: auto;
    width: min(1200px, calc(100% - 32px));
    border: 1px solid rgba(255, 255, 255, .085);
    border-radius: 20px;
    background: rgba(8, 14, 44, .88);
    -webkit-backdrop-filter: blur(14px) saturate(150%);
            backdrop-filter: blur(14px) saturate(150%);
    transform: translate(-50%, -170%);
}
body.aigence-home .sticky-header--cloned.active { transform: translate(-50%, 0); }
body.aigence-home .sticky-header--cloned .main-header__container { padding-inline: 14px; }

/* Tablet / phone */
@media (max-width: 991px) {
    body.aigence-home .main-header__container::after { width: calc(100% + 12px); border-radius: 18px; }
    body.aigence-home .main-header__inner { padding: 10px 4px; }
}

/* Inner-page banner (info, blog): the theme reserved ~300px for its old, taller header. */
body.aigence-home .page-header { padding-top: 168px; padding-bottom: 84px; }
@media (max-width: 1199px) { body.aigence-home .page-header { padding-top: 150px; padding-bottom: 72px; } }
@media (max-width: 767px)  { body.aigence-home .page-header { padding-top: 128px; padding-bottom: 60px; } }
body.aigence-home .page-header__title { font-size: clamp(34px, 4.6vw, 56px); line-height: 1.12; margin-bottom: 16px; }

/* The page you are on: one clear highlight, set by the server (see _header.html). */
body.aigence-home .main-menu .main-menu__list > li > a { opacity: .78; transition: opacity .2s ease, color .2s ease; }
body.aigence-home .main-menu .main-menu__list > li.current > a,
body.aigence-home .main-menu .main-menu__list > li:hover > a { opacity: 1; }