/* ios-fixes.css */
/* Handle iOS PWA status bar */
:root {
    --safe-area-inset-top: env(safe-area-inset-top);
}

body {
    /* Add padding to account for status bar in iOS */
    padding-top: var(--safe-area-inset-top);
}

.container, .countdown-container {
    /* Ensure containers respect the safe area */
    padding-top: calc(20px + var(--safe-area-inset-top));
}

@supports (padding-top: env(safe-area-inset-top)) {
    .container, .countdown-container {
        padding-top: calc(20px + env(safe-area-inset-top));
    }
}

/* Fixed elements should also respect the safe area */
.countdown-container {
    height: calc(100vh - env(safe-area-inset-top));
    margin-top: env(safe-area-inset-top);
}