/* RESPONSIVE — overrides par breakpoints */

/* MOBILE — < 480px */
@media (max-width: 480px) {
  /* Home */
  .home-v2{padding:1.5rem 1.25rem 1.25rem;}
  .home-title{font-size:1.8rem;}
  .home-title span{font-size:.9rem;letter-spacing:.4em;}
  .home-hero-img{width:64px;height:64px;}
  .home-features{gap:.25rem;}
  .home-feat{font-size:.6rem;}

  /* Pause */
  .pause-v2 .pause-stats{grid-template-columns:repeat(2,1fr);}
  .pause-v2 .pause-modal{padding:1.25rem 1rem;}
  .pause-v2 .pause-title{font-size:1.2rem;}
  .pause-v2 .pause-btn{font-size:.8rem;padding:.75rem;}
}

/* MOBILE LARGE / TABLET — < 768px */
@media (max-width: 768px) {
  /* Settings: hide tab labels, show only icons */
  #settings-menu .settings-tab span{display:none!important;}
  #settings-menu .settings-tab{padding:.6rem;min-width:44px;flex:1;}
  #settings-menu .settings-tab img{width:20px;height:20px;}
  #settings-menu .settings-modal{max-height:96vh;border-radius:12px;}
  #settings-menu .settings-content{padding:1rem;}
}

/* TABLET — 768-1024px */
@media (min-width: 769px) and (max-width: 1024px) {
  .home-v2{max-width:480px;}
  #settings-menu .settings-modal{max-width:600px;}
  .pause-v2 .pause-modal{max-width:480px;}
}

/* DESKTOP — >= 1025px */
@media (min-width: 1025px) {
  .home-v2{max-width:440px;}
  #settings-menu .settings-modal{max-width:580px;}
  .pause-v2 .pause-modal{max-width:460px;}
}

/* LANDSCAPE COURT — pour mobile en paysage */
@media (max-height: 500px) and (orientation: landscape) {
  .home-v2{padding:1rem 1.5rem;}
  .home-hero{margin-bottom:.25rem;}
  .home-hero-img{width:48px;height:48px;}
  .home-title{font-size:1.4rem;}
  .home-features{margin-top:.75rem;padding-top:.5rem;}
  .pause-v2 .pause-stats{grid-template-columns:repeat(6,1fr);}
  .pause-v2 .pause-buttons{flex-direction:row;}
}