/* Nokia 8110 4G - 240x320 */
@media (max-width: 240px) {
  html {
    font-size: 12px;
  }
  
  * {
    scroll-padding-top: 60px;
  }
}

/* Mobile Small - 320px+ */
@media (min-width: 320px) {
  html {
    font-size: 14px;
  }
}

/* Mobile Medium - 375px+ */
@media (min-width: 375px) {
  html {
    font-size: 15px;
  }
}

/* Mobile Large - 425px+ */
@media (min-width: 425px) {
  html {
    font-size: 16px;
  }
}

/* Tablet - 768px+ */
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

/* Laptop - 1024px+ */
@media (min-width: 1024px) {
  html {
    font-size: 17px;
  }
}

/* Desktop - 1440px+ */
@media (min-width: 1440px) {
  html {
    font-size: 17px;
  }
}

/* Wide - 1920px+ */
@media (min-width: 1920px) {
  html {
    font-size: 18px;
  }
}

/* Orientation landscape pour petits écrans */
@media (max-height: 500px) and (orientation: landscape) {
  header {
    position: relative;
  }
  
  .audio-player-widget {
    position: static;
    margin: var(--space-md) auto;
    transform: none;
  }
}

/* Print styles */
@media print {
  header,
  footer,
  .audio-player-widget,
  .modal-animation,
  .modal-messages,
  .share-buttons-grid {
    display: none !important;
  }
  
  body {
    font-size: 12pt;
    line-height: 1.5;
  }
  
  a[href^="http"]::after {
    content: " (" attr(href) ")";
  }
}

/* High DPI displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
}

/* Dark mode support (si souhaité plus tard) */
@media (prefers-color-scheme: dark) {
  /* Préparation pour mode sombre futur */
  /* :root {
    --color-bg-primary: #1a1a1a;
    --color-text-primary: #f5f5f5;
  } */
}