/**
 * FUT SERVICE PRO - Smart Sticky Header (With Dynamic Content Spacing & WP Admin Bar)
 * File: assets/css/modules/fut-sticky-header.css
 */

/* ==========================================================================
   1. PAGE CONTENT OFFSET (PREVENTS HEADER OVERLAPPING CONTENT AT TOP)
   ========================================================================== */

/* Pushes the entire page content down by the exact height of the header */
body {
    padding-block-start: var(--fut-header-height, 85px) !important;
    box-sizing: border-box !important;
}


/* ==========================================================================
   2. BASE STICKY HEADER
   ========================================================================== */

.fut-website-header {
    position: fixed !important;
    inset-block-start: 0 !important;
    inset-inline-start: 0 !important;
    inline-size: 100% !important;
    z-index: 9999 !important;
    transform: translateY(0) !important; /* Page load par default visible */
    transition: transform 0.38s cubic-bezier(0.16, 1, 0.3, 1), 
                background-color 0.3s ease, 
                border-color 0.3s ease, 
                box-shadow 0.3s ease !important;
    will-change: transform;
    box-sizing: border-box !important;
}

/* Header State: Scrolling UP (Visible) */
.fut-website-header.fut-header-visible {
    transform: translateY(0) !important;
}

/* Header State: Scrolling DOWN (Hidden smoothly) */
.fut-website-header.fut-header-hidden {
    transform: translateY(-110%) !important;
}

/* Scrolled State: Dark Glassmorphic Theme */
.fut-website-header.fut-header-scrolled {
    background-color: color-mix(in srgb, var(--e-global-color-79925c3, #080607) 88%, transparent) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border-block-end: 1px solid color-mix(in srgb, var(--e-global-color-4c4ea72, #F7F3EA) 8%, transparent) !important;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.75) !important;
}


/* ==========================================================================
   3. WORDPRESS ADMIN BAR OFFSET (LOGGED IN ONLY)
   ========================================================================== */

/* Desktop WP Admin Bar */
body.admin-bar .fut-website-header {
    inset-block-start: 32px !important;
}

/* Tablet & Mobile WP Admin Bar */
@media screen and (max-width: 782px) {
    body.admin-bar .fut-website-header {
        inset-block-start: 46px !important;
    }
}

/* Tiny Mobile Screens where Admin Bar is static */
@media screen and (max-width: 600px) {
    body.admin-bar .fut-website-header {
        inset-block-start: 0 !important;
    }
}