/* Kuaby Sticky Header - frontend styles */
.kuaby-sticky-header-active {
    position: sticky !important;
    top: var(--kuaby-sticky-header-top, 0px) !important;
    left: 0;
    right: 0;
    width: 100%;
    z-index: var(--kuaby-sticky-header-z-index, 9999) !important;
    transition:
        transform var(--kuaby-sticky-header-transition, 250ms) ease,
        background-color var(--kuaby-sticky-header-transition, 250ms) ease,
        box-shadow var(--kuaby-sticky-header-transition, 250ms) ease,
        opacity var(--kuaby-sticky-header-transition, 250ms) ease !important;
    will-change: transform, background-color, box-shadow;
}

.kuaby-sticky-header-active.kuaby-sticky-header-fixed-mode {
    position: fixed !important;
}

.kuaby-sticky-header-active.kuaby-sticky-header-transparent-top:not(.kuaby-sticky-header-scrolled) {
    background: transparent !important;
    box-shadow: none !important;
}

.kuaby-sticky-header-active.kuaby-sticky-header-scrolled {
    background-color: var(--kuaby-sticky-header-bg, rgba(255, 255, 255, 1)) !important;
}

.kuaby-sticky-header-active.kuaby-sticky-header-shadow.kuaby-sticky-header-scrolled {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

.kuaby-sticky-header-active.kuaby-sticky-header-hidden {
    transform: translateY(calc(-100% - var(--kuaby-sticky-header-top, 0px))) !important;
}

.kuaby-sticky-header-active.kuaby-sticky-header-force-text-color,
.kuaby-sticky-header-active.kuaby-sticky-header-force-text-color a,
.kuaby-sticky-header-active.kuaby-sticky-header-force-text-color .menu-link,
.kuaby-sticky-header-active.kuaby-sticky-header-force-text-color .ast-builder-menu .main-header-menu .menu-item > .menu-link,
.kuaby-sticky-header-active.kuaby-sticky-header-force-text-color .site-title a,
.kuaby-sticky-header-active.kuaby-sticky-header-force-text-color .ast-site-title-wrap a {
    color: var(--kuaby-sticky-header-text-color) !important;
}

body.kuaby-sticky-header-has-fixed-header {
    padding-top: var(--kuaby-sticky-header-height, 0px);
}

@media (prefers-reduced-motion: reduce) {
    .kuaby-sticky-header-active {
        transition: none !important;
    }
}