/* 
 * DEVICE QUIRKS OVERRIDES
 * This file contains hardcoded layout fixes for specific devices where 
 * browser bugs (e.g., Safari's env(safe-area-inset-top) calculation) 
 * break the standard fluid layout.
 */

/* iPhone 14 Pro / 15 Pro / 16 Pro / 17 Pro (Dynamic Island) */
@media screen and (device-width: 393px) and (device-height: 852px) and (orientation: portrait) {
  header {
    padding-top: 59px !important;
  }
}

/* iPhone 14 Pro Max / 15 Pro Max / 16 Pro Max / 17 Pro Max (Dynamic Island) */
@media screen and (device-width: 430px) and (device-height: 932px) and (orientation: portrait) {
  header {
    padding-top: 59px !important;
  }
}

/* iPhone 12 / 13 / 14 (Notch) */
@media screen and (device-width: 390px) and (device-height: 844px) and (orientation: portrait) {
  header {
    padding-top: 47px !important;
  }
}

/* iPhone 12/13 Pro Max / 14 Plus (Notch) */
@media screen and (device-width: 428px) and (device-height: 926px) and (orientation: portrait) {
  header {
    padding-top: 47px !important;
  }
}