/* header style  */

/* Base header - relative positioning by default */
.turbo-header-template,
#tahefobu-header {
    position: relative;
    z-index: 9999;
}

/* CRITICAL: Headers with scroll animation MUST be sticky positioned */
#tahefobu-header.ta-header-scroll-animation,
.turbo-header-template.ta-header-scroll-animation {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: var(--ta-sticky-top, 0) !important;
    z-index: 9999 !important;
    transition: transform 0.3s ease, opacity 0.3s ease !important;
    will-change: transform, opacity;
}

/* Sticky Header - always positioned sticky */
#tahefobu-header.ta-sticky-header,
.turbo-header-template.ta-sticky-header {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: var(--ta-sticky-top, 0) !important;
    z-index: 9999 !important;
}

/* CRITICAL: Hide state for scroll animation */
#tahefobu-header.ta-header-hide,
#tahefobu-header.ta-header-hidden,
.turbo-header-template.ta-header-hide,
.turbo-header-template.ta-header-hidden {
    transform: translateY(-100%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* CRITICAL: Show state for scroll animation */
#tahefobu-header.ta-header-show,
.turbo-header-template.ta-header-show {
    transform: translateY(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Ensure transitions work */
#tahefobu-header.ta-header-scroll-animation,
.turbo-header-template.ta-header-scroll-animation {
    transition: transform 0.25s ease, opacity 0.25s ease !important;
}

/* ===== Sticky Active State (for fixed positioning fallback) ===== */
#tahefobu-header.ta-sticky-active,
.turbo-header-template.ta-sticky-active {
  position: fixed !important;
  top: var(--ta-sticky-top, 0) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
}

/* Spacer to prevent content jump */
.ta-header-spacer {
  display: none;
  width: 100%;
}

/* Additional scroll direction classes */
/* #tahefobu-header.ta-scroll-down,
.turbo-header-template.ta-scroll-down { */
  /* Direction indicator - actual hide/show controlled by ta-header-hide/show */
/* } */

/* #tahefobu-header.ta-scroll-up,
.turbo-header-template.ta-scroll-up { */
  /* Direction indicator - actual hide/show controlled by ta-header-hide/show */
/* } */