/* --- Custom Sticky Header Styles (v9 - transitionend fix) --- */

.primary-nav-sticky.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    transform: translateY(-100%);
    /* The transition is now only for the slide animation */
    transition: transform 0.5s ease-out;
}

.primary-nav-sticky.is-sticky.is-visible {
    transform: translateY(0);
}

/* NEW: This class is now responsible for visibility */
.primary-nav-sticky.is-sticky.is-fully-hidden {
    visibility: hidden;
}

/* This handles the WordPress Admin Bar. */
body.admin-bar .primary-nav-sticky.is-sticky {
    top: 32px;
}

/* --- Breakpoint Adjustments for Layout Consistency --- */

/* For large screens (1600px fixed width) */
@media (min-width: 1601px) {
    .primary-nav-sticky.is-sticky {
        width: 1600px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* For medium screens (95% width) */
@media (max-width: 1600px) and (min-width: 768px) {
    .primary-nav-sticky.is-sticky {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* For mobile screens (90% width) */
@media (max-width: 767px) {
    .primary-nav-sticky.is-sticky {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}