/* =====================================================
       Desktop Dropdown
    ====================================================== */

    .header-nav-dropdown {
        opacity: 0;
        visibility: hidden;
        transform: translateY(-8px);
        pointer-events: none;
        transition:
            opacity 180ms cubic-bezier(0.22, 1, 0.36, 1),
            transform 180ms cubic-bezier(0.22, 1, 0.36, 1),
            visibility 0s linear 180ms;
        will-change: opacity, transform;
    }

    .header-nav-item.is-open .header-nav-dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
        transition-delay: 0s;
    }

    .header-chevron {
        transition: transform 160ms ease;
    }

    .header-nav-item.is-open .header-chevron {
        transform: rotate(180deg);
    }

    .header-nav-trigger {
        transition:
            color 180ms ease,
            font-weight 180ms ease;
    }

    .header-nav-item:hover > .header-nav-trigger,
    .header-nav-item.is-open > .header-nav-trigger {
        color: rgb(var(--color-primary-rgb));
        font-weight: 700;
    }

    /* =====================================================
       Desktop Search
    ====================================================== */

    .header-search-panel {
        opacity: 0;
        visibility: hidden;
        transform: translateY(-6px);
        pointer-events: none;
        transition:
            opacity 160ms ease,
            transform 160ms ease,
            visibility 160ms ease;
    }

    .header-search.is-open .header-search-panel {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
    }

    /* =====================================================
       Mobile Menu
    ====================================================== */

    .header-mobile-menu {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-8px);
        transition:
            opacity 180ms ease,
            transform 180ms ease,
            visibility 180ms ease;
    }

    .header-mobile-menu.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    .header-mobile-submenu {
        display: grid;
        grid-template-rows: 0fr;
        padding-bottom: 0;
        opacity: 0;
        transform: translateY(-4px);
        transition:
            grid-template-rows 220ms cubic-bezier(0.22, 1, 0.36, 1),
            padding-bottom 220ms cubic-bezier(0.22, 1, 0.36, 1),
            opacity 160ms ease,
            transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    .header-mobile-submenu > div {
        min-height: 0;
        overflow: hidden;
    }

    .header-mobile-item.is-open > .header-mobile-submenu {
        grid-template-rows: 1fr;
        padding-bottom: 1.25rem;
        opacity: 1;
        transform: translateY(0);
    }

    .header-chevron {
        transition: transform 160ms ease;
    }

    .header-mobile-item.is-open > button .header-chevron {
        transform: rotate(180deg);
    }

    :root {
        --tenant-header-height: 4rem;
    }

    .site-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        transition:
            transform 300ms ease,
            background-color 220ms cubic-bezier(0.22, 1, 0.36, 1),
            border-color 220ms ease;
    }

    .site-header[data-pages-public="true"].is-at-top {
        background-color: rgb(var(--color-bg-card-rgb) / .80);
        border-color: transparent;
    }

    .site-header[data-pages-public="true"].is-revealed:not(.is-at-top) {
        background-color: rgb(var(--color-bg-card-rgb) / .90);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
    }

    .site-header[data-pages-public="true"].has-nav-hover,
    .site-header[data-pages-public="true"].has-mobile-menu-open,
    .site-header[data-pages-public="true"]:has(.header-nav-item.is-open),
    .site-header[data-pages-public="true"]:has(.header-nav-item:hover) {
        background-color: rgb(var(--color-bg-card-rgb) / .90);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
    }

    .site-header[data-pages-public="true"].has-mobile-menu-open {
        background-color: rgb(var(--color-bg-card-rgb));
    }

    .site-header[data-pages-public="true"].is-revealed.has-mobile-menu-open {
        background-color: rgb(var(--color-bg-card-rgb));
    }

    .site-header .header-nav-dropdown > div,
    .site-header .header-search-panel > div,
    .site-header #header-profile-panel,
    .site-header .header-mobile-menu {
        background-color: rgb(var(--color-bg-card-rgb) / .90);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
    }

    .site-header .header-mobile-menu {
        background-color: rgb(var(--color-bg-card-rgb));
    }

    .site-header-spacer {
        height: var(--tenant-header-height);
    }

    .site-header.is-hidden {
        transform: translateY(-100%);
    }

    @media (min-width: 1024px) {
        .site-header .header-nav-item {
            position: static;
        }

        .site-header .header-nav-dropdown {
            top: 100%;
            left: var(--header-nav-dropdown-left, 0px);
        }
    }