/* ---------------------------------------------------------
   Site header — global, loads on every page
--------------------------------------------------------- */

/* The visible header row is .elementor-element-0625fb5 (position:absolute
   by default, "transparent-position" style, pinned to the hero only).
   Switch it to fixed so it stays put on scroll instead of scrolling
   away with the hero. #rs-header itself has no size/background of
   its own, so this is a drop-in replacement of absolute → fixed —
   no layout shift, no padding-top needed. */
#rs-header .elementor-element-0625fb5 {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease, box-shadow 0.3s ease !important;
}

/* Glass/scrolled state — toggled by header-scroll.js, which adds
   "header-glass" to #rs-header past 20px of scroll (direction-
   independent; the theme's own "sicky-add" only fires on scroll-up
   past 200px, a hide-on-scroll-down pattern that doesn't fit here).
   Header stays transparent at rest (overlay-on-hero look), then
   picks up a translucent blurred bar as soon as you scroll. */
.header-glass-rounded {
    background-color: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-shadow: 0 4px 24px rgba(18, 25, 51, 0.08) !important;
}