/**
 * GharGrid.com - iOS Safari Sticky Navigation Fix
 * Is code ko apni nayi custom CSS file mein dalein.
 */

/* 1. Aapke main header/navigation element ke liye strong sticky engine */
header, 
.main-navbar, 
.sticky-header-class { /* Yahan jahan bhi aapka top nav ka class/tag ho use add karein */
    position: -webkit-sticky !important; /* iOS Safari core requirements */
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important; /* Taaki hero section ke upar hi rahe hamesha */
    
    /* iPhone render flickering aur scroll lag ko rokne ke liye */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* 2. Parent Container Fix: iOS Safari mein layout scroll break hone se rokne ke liye */
@supports (-webkit-hyphens:none) {
    html, body {
        overflow-x: clip !important; /* 'hidden' ki jagah 'clip' sticky chain ko tootne nahi deta */
        position: relative !important;
    }
    
    /* Agar kisi parent wrapper mein overflow hidden laga ho to use clear karne ke liye */
    #wrapper, .site-wrapper {
        overflow: visible !important;
    }
}