/* Size desktop menu panels from the links actually rendered by the admin settings.
   Keep the existing padding, gap, typography and header morph untouched. */
@media (min-width: 961px) {
    .site-header__expanded-menu,
    .site-header__menu {
        width: max-content;
        flex: 0 0 auto;
    }

    /* Do not leave an empty glass panel when every menu link is disabled. */
    .site-header__expanded-menu:not(:has(> a)),
    .blog-header__menu:not(:has(> a)) {
        display: none;
    }
}

/* Compact headers: glass belongs to the individual panels, never to the gaps. */
@media (min-width: 961px) {
    .site-header.site-header--home-morph .site-header__navigation--compact,
    .site-header.site-header--secondary-compact .site-header__navigation {
        background: transparent;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        box-shadow: none;
    }

    .site-header.site-header--home-morph .site-header__navigation--compact > .site-header__logo,
    .site-header.site-header--home-morph .site-header__navigation--compact > .site-header__menu,
    .site-header.site-header--secondary-compact .site-header__navigation > .site-header__logo,
    .site-header.site-header--secondary-compact .site-header__navigation > .site-header__menu {
        /* Lighter frosted glass: readable on white, but not a heavy gray panel. */
        background: rgba(255, 255, 255, 0.48);
    }
}


/* Keep hero carousel and fixed compact header on separate compositor layers.
   This prevents the home hero slider from repaint-jumping when the menu attaches. */
@media (min-width: 961px) {
    .home-hero__swiper {
        transform: translate3d(0, 0, 0);
        backface-visibility: hidden;
        contain: paint;
    }

    .home-hero__slide {
        backface-visibility: hidden;
    }

    .site-header.site-header--home-morph,
    .site-header.site-header--home-morph-floating {
        backface-visibility: hidden;
        transform: translate3d(0, 0, 0);
        will-change: transform, opacity;
    }

    .site-header.site-header--home-morph .site-header__navigation--compact,
    .site-header.site-header--home-morph-floating .site-header__navigation--compact {
        will-change: transform, opacity, filter;
    }
}