/* Sticky Header Styles - Desktop Only */
@media (min-width: 768px) {
    /* Make header sticky on desktop - target the header element */
    header.wp-block-template-part {
        position: sticky;
        top: 0;
        z-index: 1000;
        background: #ffffff;
        transition: all 0.3s ease;
    }
    
    /* Ensure header content is properly contained */
    header.wp-block-template-part .wp-block-group {
        background: inherit;
        transition: all 0.3s ease;
    }
    
    /* Logo styles - normal state */
    header.wp-block-template-part .wp-block-site-logo {
        transition: all 0.3s ease;
    }
    
    header.wp-block-template-part .wp-block-site-logo img {
        transition: all 0.3s ease;
        max-height: 55px;
        width: auto;
    }
    
    /* Add subtle animation when scrolling */
    header.wp-block-template-part.scrolled {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }
    
    /* Reduced header when scrolled */
    header.wp-block-template-part.scrolled .wp-block-group {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    
    /* Smaller logo when scrolled */
    header.wp-block-template-part.scrolled .wp-block-site-logo img {
        max-height: 40px;
        width: auto;
    }
    
    /* Center logo vertically when scrolled */
    header.wp-block-template-part.scrolled .wp-block-site-logo {
        display: flex;
        align-items: center;
    }
}

/* Mobile styles - keep existing behavior */
@media (max-width: 767px) {
    header.wp-block-template-part {
        position: relative;
        top: auto;
        z-index: auto;
        box-shadow: none;
    }
}