/*
 * Leftright Header V2 runtime positioning/state overrides.
 *
 * The global Theme Builder header (ID 13886) is the sticky positioning box.
 * Elementor Pro Sticky is deliberately not used: the optimized header keeps
 * one desktop tree and changes only its visual state on scroll.
 */
@media (min-width: 1025px) {
    header.elementor-location-header.elementor-13886 {
        position: sticky;
        top: 0;
        z-index: 999;
    }

    body.admin-bar header.elementor-location-header.elementor-13886 {
        top: 32px;
    }

    /* Beat Elementor's generated background selector without !important. */
    header.elementor-location-header.elementor-13886 .elementor-element.lr-hdr--single.lr-hdr--scrolled {
        background-color: #0B1F3A;
        border-color: #1B3A66;
        box-shadow: 0 8px 24px rgba(11, 31, 58, 0.12);
    }

    /* Keep the logo's left edge fixed while the wrapper and image shrink together. */
    header.elementor-location-header.elementor-13886 .lr-hdr--single .lr-hdr-brand {
        width: 7.75rem;
        transition: width 0.2s ease;
    }

    header.elementor-location-header.elementor-13886 .lr-hdr--single .lr-hdr-brand img {
        width: 100%;
        max-width: 100%;
    }

    header.elementor-location-header.elementor-13886 .lr-hdr--single.lr-hdr--scrolled .lr-hdr-brand {
        width: 6.4rem;
    }
}