/* Targeted Header Position Fix - Minimal intervention to prevent scrolling issues */

/* Only fix the transform issue that was causing mobile header problems */
#main-header {
    position: sticky;
    top: 0;
    z-index: 1000;
}

/* Prevent JavaScript from hiding header completely on mobile */
@media (max-width: 768px) {
    #main-header[style*="translateY(-100%)"] {
        transform: translateY(0) !important;
    }
    
    #main-header[style*="translateY(-70%)"] {
        transform: translateY(0) !important;
    }
}

/* Only override problematic transform values, leave responsive classes alone */
#main-header.scrolled {
    /* Let the existing responsive CSS handle this */
}