/*
 * civio-antirobot — l'habillage du widget. 24/09/2026.
 *
 * Volontairement minuscule. Cap se règle par des variables CSS posées sur
 * l'élément lui-même ; on se contente de le centrer, de lui donner de l'air et
 * de le faire tenir dans la largeur du formulaire de `wp-login.php`, qui est
 * étroit. Tout le reste — couleurs, rayon, police — est HÉRITÉ du site, pour
 * que l'épreuve ressemble au portail de l'Ordre et non à un encart étranger.
 */

.civio-antirobot {
  margin: 14px 0;
  display: flex;
  justify-content: center;
}

/*
 * LA LARGEUR DE L'HÔTE EST DÉFINIE, ET C'EST UN CORRECTIF — 25/09/2026.
 *
 * CE QUI SE PASSAIT. On ne voyait qu'un trait blanc vertical à la place de la
 * case. Cap dessine sa carte avec `width: var(--cap-widget-width, 260px)`, et
 * cette feuille posait `--cap-widget-width: 100%`. Or `:host` est un
 * `inline-block` (cap.min.js) placé dans un conteneur `display: flex` : la
 * largeur de l'hôte vient donc de son contenu, dont la largeur est 100 % de
 * l'hôte. Le raisonnement tourne en rond, le navigateur tranche à ZÉRO, et il
 * reste la hauteur — 58 px de carte, zéro de large.
 *
 * LE POURCENTAGE N'EST PAS LE COUPABLE : c'est l'absence de repère. On donne
 * donc à l'hôte une largeur DÉFINIE, et le pourcentage intérieur a enfin
 * quelque chose à mesurer. `min()` borne par le haut sans déborder d'un
 * formulaire étroit, et le plancher garantit qu'on ne retombe jamais sur un
 * trait, quel que soit le conteneur — c'est la règle qui manquait.
 *
 * À REVERSER À `civio-antirobot` : le défaut est dans l'amont, pas dans la
 * copie BTV. Il ne s'était pas vu parce que le portail Civio rend son widget
 * lui-même, sans passer par cette feuille.
 */
.civio-antirobot cap-widget {
  --cap-widget-width: 100%;
  --cap-font: inherit;
  width: min(320px, 100%);
  min-width: min(15rem, 100%);
  max-width: 100%;
}

/*
 * LE VISITEUR SANS JAVASCRIPT — 24/09/2026.
 *
 * `<cap-widget>` reste un élément inconnu tant que `cap.min.js` ne l'a pas
 * défini : rien ne s'affiche, et le formulaire part nu. Le `<noscript>` de
 * `Civio_Antirobot_Widget::marque()` prend alors sa place et explique pourquoi
 * l'envoi va être refusé. Il doit se voir : on lui donne l'apparence d'un
 * avertissement, pas celle d'une note de bas de page.
 *
 * Les couleurs sont écrites ici, et pas héritées comme le reste : un message
 * d'erreur qui hérite d'un thème sombre devient parfois illisible, et celui-ci
 * est le seul que le visiteur aura.
 */
.civio-antirobot-sans-js {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #d2691e;
  border-left-width: 4px;
  border-radius: 4px;
  background: #fff8f0;
  color: #6b3000;
  font-size: 0.9em;
  line-height: 1.45;
  text-align: left;
}