/* =========================================================
   HERBIER — Adaptations mobiles (max-width: 768px)
   ========================================================= */

/* Reglages globaux mobiles — pas sous media-query car -webkit-* doivent
   agir aussi sur tablettes/touch screens larges */
html {
  /* Evite le zoom auto d'iOS quand un input est focus (taille de police < 16px) */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
button, a, [role="button"], .tag {
  /* Supprime le flash bleu/gris d'iOS et Android au tap */
  -webkit-tap-highlight-color: transparent;
}

@media (max-width: 768px) {
  /* Feuilles décoratives — réduites pour ne pas déborder */
  .leaf-1 { left: -6vw; width: 28vw; opacity: .22; }
  .leaf-2 { right: -8vw; width: 32vw; opacity: .14; }

  /* Bascule de thème — compacte, en bas à gauche pour ne pas gêner le pouce */
  .theme-toggle {
    bottom: 14px;
    right: 14px;
    padding: 4px;
    gap: 3px;
  }
  .theme-toggle button {
    padding: 7px 9px;
    font-size: 9px;
    letter-spacing: .12em;
  }

  /* Scrollbar fine */
  ::-webkit-scrollbar { width: 3px; height: 3px; }
  ::-webkit-scrollbar-thumb { border-radius: 3px; }

  /* Chips/tags légèrement plus petites */
  .tag { padding: 3px 9px; font-size: 9px; }

  /* Nav horizontale du sommaire de fiche – masquer la scrollbar */
  .fiche-toc-mobile { scrollbar-width: none; -ms-overflow-style: none; }
  .fiche-toc-mobile::-webkit-scrollbar { display: none; }
  /* Touch targets confortables sur les liens du sommaire (norme HIG : 44px) */
  .fiche-toc-mobile a { padding: 10px 14px !important; min-height: 36px; display: inline-flex; align-items: center; }

  /* Boutons .btn : assurer une hauteur tactile minimale */
  .btn { min-height: 44px; }

  /* Inputs : font-size 16px minimum pour eviter le zoom auto iOS */
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="url"],
  textarea,
  select {
    font-size: 16px !important;
  }

  /* Empeche le scroll horizontal accidentel */
  html, body { overflow-x: hidden; }

  /* Animation d'entrée de page — déplacement vertical réduit */
  @keyframes pageIn {
    0%   { opacity: 0; transform: translateY(4px); filter: blur(2px); }
    100% { opacity: 1; transform: translateY(0); filter: blur(0); }
  }
}