/**
 * CSS for hiding header on scroll
 *
 * @package BK_Pilates
 */

/* Header styles */
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: transparent;
    transition: transform 0.3s ease;
}

/* Class added when header should be hidden (scrolling down) */
.header-hidden {
    transform: translateY(-100%);
}

/* Transparent header for all pages */
.site-header {
    background-color: transparent;
    box-shadow: none;
}

/*.site-header .header-actions .btn {*/
/*    background-color: var(--primary-color, #e0a36f);*/
/*    color: #fff;*/
/*}*/

/* Class added when user has scrolled down a bit */
.site-header.scrolled {
    /* Maintain transparency even when scrolled */
    background-color: transparent;
}

.site-header.scrolled .header-actions .btn {
    background-color: var(--btn-bg, #e0a36f);
    color: #fff;
}

/* Add padding to body to compensate for fixed header */
/*body {*/
/*    padding-top: var(--header-height, 92px);*/
/*}*/

/* Home page doesn't need top padding when header is transparent */
body.home {
    padding-top: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .site-header {
        padding: 10px 15px;
    }

    body {
        --header-height: 70px;
    }
}