/* Téléphone : ajustements d'ensemble, chargés en dernier pour l'emporter sur les feuilles de chaque page */

/* Safari sur iPhone zoome la page dès qu'on touche un champ écrit en moins de 16 px, et ne dézoome pas ensuite :
   la page paraît alors plus large que l'écran. Sur écran tactile, tous les champs passent donc à 16 px. */
@media (pointer: coarse) {
  input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea { font-size: 16px !important; }
}

@media (max-width: 700px) {
  /* En-tête sur trois lignes : logo et boutons, recherche sur toute la largeur, menu qui défile */
  .topbar { gap: 10px; padding: 10px 16px 4px; }
  .brand { order: 1; }
  .top-actions { order: 2; }
  .symbol-form { order: 3; flex: 1 1 100%; max-width: none; }
  .top-nav { order: 4; width: calc(100% + 32px); margin: 0 -16px; padding: 0 12px 4px; scrollbar-width: none; }
  .top-nav::-webkit-scrollbar { display: none; }
  .top-nav a { white-space: nowrap; }

  /* Résultats de recherche : place gardée pour le symbole et le nom, sans la place de cotation */
  .search-results { max-height: min(420px, 60vh); }
  .search-results .sr-exch { display: none; }

  /* Cartes des marchés sur deux colonnes */
  .mk-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }

  /* Bouton « Demander à Orpaille » réduit à son icône pour ne pas cacher le contenu */
  .chat-fab { width: 52px; height: 52px; padding: 0; justify-content: center; border-radius: 50%; }
  .chat-fab span { display: none; }
  .chat-fab .ic { width: 22px; height: 22px; }

  /* Discussion en plein écran : place réservée à la barre du bas de l'iPhone */
  body.chat-open .chat-panel { padding-bottom: calc(14px + env(safe-area-inset-bottom)); }
  body.chat-open { overflow: hidden; }
}