/*
 * Confort tactile sur téléphone et petite tablette (jusqu'à 1024 px).
 *
 * Rien n'est modifié dans le thème : cette feuille est ajoutée après la sienne
 * et ne touche qu'aux tailles, jamais aux couleurs ni à la mise en page. La
 * règle de base : ce qui se touche au doigt mesure au moins 44 px, ce qui se
 * lit fait au moins 13 px. Au-delà de 1024 px, l'affichage reste inchangé.
 */

@media (max-width: 1024px) {
  /* En-tête : logo, bouton de rendez-vous, panier et menu. Le panier ne faisait
     que 16 px de large, le menu 40 × 32. */
  .hn2-logo,
  .hn2-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
  }

  .hn2-cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
  }

  .hn2-burger {
    min-width: 44px;
    min-height: 44px;
  }

  /* Boutons des cartes de BD (« ajouter au panier », « aperçu »). */
  .bcard-btn {
    min-height: 44px;
    font-size: 13.5px !important;
  }

  /* Plus / moins de la quantité, dans le panier et sur la fiche produit. */
  .wsc-qty-btn {
    min-width: 44px;
    min-height: 44px;
  }

  /* Cases à cocher du paiement (conditions, adresse de livraison différente,
     newsletter) : 13 px d'origine, impossible à viser au doigt. */
  input[type="checkbox"],
  input[type="radio"] {
    width: 22px;
    height: 22px;
  }

  /* Listes déroulantes : pays, gouvernorat, tri. */
  select,
  .select2-selection--single {
    min-height: 44px;
  }

  /* Boutons de la boutique parascolaire. */
  .wscp-btn,
  .wscp-submit {
    min-height: 44px;
  }

  /* Titres de colonnes du pied de page (11 px) et invite de défilement. */
  footer h5,
  .showcase-scroll-hint {
    font-size: 12.5px !important;
  }

  /* Liens du pied de page : ils se touchaient les uns les autres. */
  footer a {
    display: inline-block;
    padding-block: 12px;
  }

  /* Textes descriptifs passés sous 13 px. */
  .cc-desc,
  .cc-badge,
  .cc-cta,
  .sec-tag,
  .stat-l,
  .curri-country-label,
  .curri-dd-arrow {
    /* !important : le thème imprime ses tailles dans un <style> placé après
       cette feuille, il gagnerait à spécificité égale. */
    font-size: 13px !important;
  }

  /* Étiquettes des cartes de la liste des BD, mentions du pied de page et
     symbole de devise : au moins 12 px pour rester lisibles. */
  .cl-card-badge,
  .fv2-pay-lbl,
  .fv2-copy,
  .woocommerce-Price-currencySymbol {
    font-size: 12px !important;
  }

  /* Espace client : indicateurs, historique et graphiques. */
  .db-kpi-sub,
  .db-book-title,
  .db-status,
  .wsc-hbar-key,
  .wsc-hbar-val {
    font-size: 12.5px !important;
  }

  .wsc-chart-scale span {
    font-size: 11px !important;
  }
}