/* --- Universal Transparent Header & Full-Width Solution v3 --- */

/* 1. Force the entire body to have a top padding for the fixed header */
body.folkhub-custom-layout-active {
    padding-top: 0px !important; /* Adjust this to your tallest header height */
}

/* 2. Make Header and all its potential inner bars fixed and initially transparent */
body.folkhub-custom-layout-active .site-header,
body.folkhub-custom-layout-active .main-header-bar,
body.folkhub-custom-layout-active #ast-fixed-header,
body.folkhub-custom-layout-active .ast-main-header-wrap {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000 !important;
    width: 100% !important;
    background: transparent !important; /* Force transparent background */
    border-bottom: none !important;
    box-shadow: none !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. Style the Header for when the user scrolls */
body.folkhub-custom-layout-active.scrolled .site-header {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

/* 4. Pull the page content up to the top of the viewport - RESTORED */
body.folkhub-custom-layout-active #page {
    margin-top: 0px !important; /* Matches your body padding-top: 0px */
    padding-top: 0 !important;
}

/* 4a. Fine-tune to eliminate the thin strip above the image */
body.folkhub-custom-layout-active .entry-content > *:first-child {
    margin-top: -150px !important; /* Pull the first element up slightly */
}

/* Remove admin bar interference for logged-in users */
body.folkhub-custom-layout-active.admin-bar #page {
    margin-top: 0px !important; /* Account for WordPress admin bar */
}

/* 5. Hide the default page title to prevent it from showing up */
body.folkhub-custom-layout-active .entry-header {
    display: none !important;
}

/* 6. Stretch all direct children of entry-content to full width */
body.folkhub-custom-layout-active .entry-content > * {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    box-sizing: border-box;
}

/* Add horizontal padding to the content inside full-width containers */
body.folkhub-custom-layout-active .entry-content > * > * {
    padding-left: 20px;
    padding-right: 20px;
}