/* Champs communs aux outils. S'appuie sur les jetons du thème ZMB.fr. */
.zmb-outil-racine{min-height:320px}

.zmb-couleur{display:flex;gap:var(--space-2)}
.zmb-champ .zmb-couleur input[type="color"]{flex:none;width:46px;height:48px;padding:3px;background:var(--fond);cursor:pointer}
.zmb-couleur input[type="color"]::-webkit-color-swatch-wrapper{padding:0}
.zmb-couleur input[type="color"]::-webkit-color-swatch{border:0;border-radius:5px}
.zmb-couleur input[type="color"]::-moz-color-swatch{border:0;border-radius:5px}
.zmb-couleur input[type="text"]{flex:1;min-width:0}

.zmb-champ.zmb-champ--curseur{display:grid;grid-template-columns:1fr auto;align-items:center}
.zmb-champ--curseur input,.zmb-champ--curseur small{grid-column:1/-1}
.zmb-champ input[type="range"]{height:48px;padding:0;background:none;border:0;accent-color:var(--accent);cursor:pointer}

.zmb-champ input[type="file"]{font-family:var(--font-sans);cursor:pointer}
.zmb-champ input[type="file"]::file-selector-button{margin-right:var(--space-3);padding:var(--space-1) var(--space-4);background:transparent;color:var(--encre);border:1px solid var(--trait-fort);border-radius:var(--radius-rond);font:500 15px/22px var(--font-sans);cursor:pointer}
.zmb-champ input[type="file"]::file-selector-button:hover{background:var(--menthe-pale)}

.zmb-coche{display:flex;align-items:center;gap:var(--space-2);font:500 15px/22px var(--font-sans);cursor:pointer}
.zmb-coche input{width:18px;height:18px;margin:0;accent-color:var(--accent)}

.zmb-choix{min-width:0;margin:0;padding:0;border:0}
.zmb-choix legend{margin-bottom:var(--space-2);padding:0;font:500 15px/22px var(--font-sans)}
.zmb-choix>div{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.zmb-choix label{position:relative;cursor:pointer}
.zmb-choix input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.zmb-choix span{display:block;padding:var(--space-1) var(--space-4);border:1px solid var(--trait-fort);border-radius:var(--radius-rond);font:500 15px/22px var(--font-sans)}
.zmb-choix label:hover span{background:var(--menthe-pale)}
.zmb-choix input:checked+span{background:var(--menthe-pale);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.zmb-choix input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}

/* Boutons d'action sur une ligne sur les téléphones courants */
@media (min-width:370px) and (max-width:420px){.zmb-outil .zmb-actions{flex-wrap:wrap}.zmb-outil .zmb-actions .zmb-btn{padding-inline:var(--space-2);font-size:14px;white-space:nowrap}}

/* Pages d'outil compactes sur téléphone : l'outil apparaît dès le premier écran */
@media (max-width:767px){
  .zmb-conteneur.zmb-page{padding-top:var(--space-3)}
  .zmb-page .zmb-ariane{display:none}
  .zmb-page .zmb-page__tete{gap:var(--space-1);margin-bottom:var(--space-4)}
  .zmb-page .zmb-page__tete .zmb-titre-1{font-size:24px;line-height:30px}
  .zmb-page .zmb-page__tete .zmb-chapeau{display:none}
}