/* ================================
   iOS SAFARI SPECIFIC FIXES
   ================================ 
   
   This file contains fixes for iOS Safari specific issues
   like viewport height bugs, position: fixed rendering,
   and safe area support for notch/dynamic island.
*/

/* iPhone Navigation: Hide logo, show "fuglia" text */
@media (max-width: 430px) {
    .home-link,
    .home-link .logo,
    .home-link .logo img {
        display: none !important;
        visibility: hidden !important;
    }
    
    .site-icon {
        display: flex !important;
        visibility: visible !important;
        position: absolute !important;
        left: 0.75rem !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        font-size: 1.5rem !important;
        font-weight: 700 !important;
        color: var(--primary-green, #447904) !important;
        z-index: 1001 !important;
    }
    
    /* Hide ONLY top ad email section on iPhone */
    .top-ad-email {
        display: none !important;
        visibility: hidden !important;
    }
}

/* Fix for iOS Safari rubber-band scrolling */
.prevent-ios-bounce {
    overscroll-behavior-y: none;
}

/* Utility class for iOS-safe viewport height */
.vh-100-ios {
    height: -webkit-fill-available;
    height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
}

/* Fix iOS Safari position: fixed elements */
.ios-fixed {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Support for iOS Safe Area (notch/dynamic island) */
@supports (padding: env(safe-area-inset-top)) {
    .safe-area-top {
        padding-top: env(safe-area-inset-top);
    }
    
    .safe-area-bottom {
        padding-bottom: env(safe-area-inset-bottom);
    }
    
    .safe-area-left {
        padding-left: env(safe-area-inset-left);
    }
    
    .safe-area-right {
        padding-right: env(safe-area-inset-right);
    }
}

/* iOS-specific media query targeting iPhone X and newer */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
    /* Bottom navigation spacing for devices with home indicator */
    #sidebar {
        padding-bottom: calc(env(safe-area-inset-bottom) + 0.5rem) !important;
    }
    
    /* Ensure cookie consent banner respects safe area */
    .cookie-consent {
        bottom: calc(1rem + env(safe-area-inset-bottom)) !important;
    }
}

/* Fix for modal/dialog positioning on iOS */
.modal-overlay, .dialog-backdrop {
    /* Use calc with custom property for accurate viewport */
    min-height: calc(var(--vh, 1vh) * 100);
}

/* Prevent iOS text size adjustment */
html {
    -webkit-text-size-adjust: 100%;
}

/* Fix for iOS input zoom prevention (already in style.css but reinforced here) */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="url"],
textarea,
select {
    font-size: 16px !important; /* Prevents iOS zoom on focus */
}

/* Fix iOS Safari sticky positioning */
.ios-sticky {
    position: -webkit-sticky;
    position: sticky;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}