/* ATD UI lot 1 : correctifs issus de l'audit du 25/09/2026.
   Principe des zones tactiles : on agrandit la zone cliquable (padding)
   et on compense par une marge négative, pour que rien ne bouge à l'écran. */

/* En-tête : logo 80×20, panier 18×32, burger 32×32 → 44 px de zone tactile */
.site-header__logo { padding-block: 12px; margin-block: -12px; }
/* sélecteurs renforcés : le thème impose padding:0 via #site-header … */
#site-header .site-header__mobile-cart a.wp-block-surecart-cart-menu-icon-button,
#site-header .site-header__actions a.wp-block-surecart-cart-menu-icon-button { padding: 6px 13px; margin: -6px -13px; }
#site-header #header-burger { width: 44px; height: 44px; margin: -6px; }

/* Menu mobile fermé : poussé hors écran mais encore atteignable au clavier
   et par les lecteurs d'écran. On le masque vraiment, après l'animation. */
.mobile-menu { visibility: hidden; transition: transform 0.3s ease, visibility 0s linear 0.3s; }
.mobile-menu.is-open { visibility: visible; transition: transform 0.3s ease, visibility 0s; }
.mobile-menu__user a { display: inline-block; padding-block: 11px; margin-block: -11px; }

/* Barre collante : croix 22×22 → 44×44, centre inchangé */
#sticky-bar-close { box-sizing: border-box; min-width: 44px; min-height: 44px; margin: -11px; display: flex; align-items: center; justify-content: center; }
/* Barre collante : textes à 9-11 px → plancher de 12 px */
.sbp__gar-m, .sbp__gar > span, .sbp__tag small, .sbp__tag b { font-size: 12px !important; }

/* Fil d'Ariane : icône Accueil 16×16 sans nom lisible, liens de 21 px */
.jurible-breadcrumb-item { padding: 12px 8px; margin: -12px -8px; }
.jurible-breadcrumb-home { padding: 14px; margin: -14px; }
/* Le nom accessible de l'icône Accueil est ajouté par lot1.js (texte masqué sur mobile) */

/* Liens isolés trop bas (19 à 21 px). Pas les pastilles des cartes : la marge négative
   écrase la hauteur des lignes et les pastilles passées à la ligne se chevauchent (05/10/2026).
   :where() garde la spécificité à 0,1,1 : sinon la règle écrase les pastilles du hero d article (06/10/2026) */
.hero-voir-formules a, .taxonomy-category:where(:not(.is-style-tag-category):not(.is-style-tag-secondary)) a, .comments-section .wp-block-comment-reply-link a.comment-reply-link, .comment-reply-link { display: inline-block; padding-block: 12px; margin-block: -12px; }

/* Commentaires et formulaires : police sous 16 px = zoom automatique d'iOS au focus */
@media (max-width: 767px) {
  #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"], #commentform textarea { font-size: 16px; }
}

/* Newsletter : mention à 11 px (style en ligne) → 12 px */
.jurible-newsletter__consent { font-size: 12px !important; }

/* Débordements horizontaux */
/* Boutique à 320 px : grille figée sur une colonne de 330 px */
@media (max-width: 479px) { .atd-boutique__niveaux-grid { grid-template-columns: minmax(0, 1fr) !important; } }
/* Boutons Gutenberg dont le texte refuse d'aller à la ligne (Cours L1) */
@media (max-width: 479px) { .wp-block-button__link { white-space: normal; max-width: 100%; } }
/* Agenda zcal intégré (Prépa PASS DROIT) : il impose 320 px de large. Sous 360 px,
   on retire les marges latérales de sa section plutôt que de comprimer l'agenda. */
@media (max-width: 359px) { .wp-block-group:has(> .zcal-inline-widget) { padding-left: 0 !important; padding-right: 0 !important; } }
/* Commentaires : l'élément li hérite de .comment{display:flex}, les réponses se
   placent à droite du commentaire au lieu d'en dessous */
.wp-block-comment-template li.comment { display: block; }
/* Générateurs IA : 3 colonnes qui ne s'empilent pas à 768 px */
@media (max-width: 781px) {
  .wp-block-columns:has(.minos-card) { flex-wrap: wrap !important; }
  .wp-block-columns:has(.minos-card) > .wp-block-column { flex-basis: 100% !important; }
}