/* ============================================================
   Floating "pill" header (matches the IASA Events module) +
   the soft-blue hero sky around the tree (matches
   dev.iamstillalive.com). Loaded after telehealth.css /
   iasa_themes.css so these win.
   ============================================================ */

/* Floating glassy pill nav.
   ABSOLUTE by default: inside the platform the header sits at the top and
   scrolls away with the page, so it never covers content (Join-call button,
   forms). The landing pages re-pin it to `fixed` in their own style blocks. */
.iasa-nav {
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
    width: min(1080px, calc(100vw - 56px));
    border-radius: 24px !important;
    background: var(--nav-bg) !important;
    -webkit-backdrop-filter: blur(22px) saturate(185%);
    backdrop-filter: blur(22px) saturate(185%);
    border: 1px solid var(--glass-bd) !important;
    box-shadow: 0 14px 40px rgba(12, 32, 77, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.5);
    padding: 4px 6px;
}
.page-wrap { padding-top: 108px; }

/* Brand: logo + name + script tagline (like "IASA Events / Soaring Like A Stork") */
.iasa-nav .navbar-brand { display: flex; align-items: center; gap: 11px; }
.iasa-nav .navbar-brand img { height: 46px; width: auto; }
.iasa-brand-text { line-height: 1.05; }
.iasa-brand-text .bt-name {
    font-family: var(--iasa-font-ui); font-weight: 700; font-size: 15px;
    color: var(--txt); letter-spacing: .2px;
}
.iasa-brand-text .bt-tag {
    font-family: var(--iasa-font-script); font-size: 15px; color: var(--iasa-teal);
}

@media (max-width: 991px) {
    .iasa-nav { top: 8px; width: calc(100vw - 16px); border-radius: 16px !important; }
    .page-wrap { padding-top: 86px; }
    .iasa-brand-text .bt-tag { display: none; }
}