/* ==========================================================================
   Optimisations mobile (iPhone / petits écrans) — safe areas + touch targets
   ========================================================================== */

@media (max-width: 768px) {
  .container {
    padding-left: max(1rem, env(safe-area-inset-left));
    padding-right: max(1rem, env(safe-area-inset-right));
  }

  .wizard-body {
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
  }

  .step-footer--wizard {
    padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
  }

  /* Cibles tactiles ≥ 44px (guideline Apple) */
  .chip-btn,
  .battery-chip,
  .power-tab,
  .profile-card,
  .equip-card,
  .unit-toggle-btn,
  .btn {
    min-height: 44px;
  }

  .lead-modal-card {
    margin: max(0.5rem, env(safe-area-inset-top)) max(0.75rem, env(safe-area-inset-right))
      max(0.75rem, env(safe-area-inset-bottom)) max(0.75rem, env(safe-area-inset-left));
    max-height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 1rem);
    overflow-y: auto;
  }
}

@media (max-width: 390px) {
  .battery-choice-row { max-width: none; }

  .chip-reco-badge {
    display: block;
    margin-top: 0.15rem;
    margin-left: 0;
  }

  .rm-savings-hero { padding: 1.35rem 1rem; }
  .rm-savings-amount { font-size: 1.85rem; }
  .rm-header-actions { width: 100%; }
  .rm-header-actions .btn { flex: 1; }
}