/* ─────────────────────────────────────────────────────────────────────────
 * custom.css — Habillage Avenue des Réseaux (Komu ADR) pour Pollaris
 * Chargé automatiquement par base.html.twig (asset_exists('custom.css')),
 * APRÈS application.css : nos surcharges priment. Aucun patch upstream (R4).
 *
 * Principe : la couleur de marque de Pollaris est l'échelle Radix "iris"
 * (le header et --color-primaryN s'y réfèrent). On redéfinit cette échelle
 * vers l'orange ADR -> tout l'habillage (header, boutons, liens, focus,
 * sélections du calendrier) se retéinte d'un seul coup. DRY.
 * ───────────────────────────────────────────────────────────────────────── */

:root {
  /* Échelle claire — orange ADR (solide #E8620A, survol #C4510A) */
  --color-iris1:  #fefcfb;
  --color-iris2:  #fff4e9;
  --color-iris3:  #ffe8d0;
  --color-iris4:  #ffd9b5;
  --color-iris5:  #ffc99c;
  --color-iris6:  #fbb583;
  --color-iris7:  #f0a06b;
  --color-iris8:  #e6854a;
  --color-iris9:  #e8620a;   /* couleur de marque ADR */
  --color-iris10: #c4510a;   /* survol ADR */
  --color-iris11: #bd4b00;   /* orange lisible pour texte/liens sur fond clair */
  --color-iris12: #5a2a10;   /* brun foncé, fort contraste */

  /* Échelle sombre — orange ADR (mode dark / prefers-color-scheme) */
  --color-iris-dark1:  #17120e;
  --color-iris-dark2:  #1f160f;
  --color-iris-dark3:  #331d0c;
  --color-iris-dark4:  #431f00;
  --color-iris-dark5:  #512700;
  --color-iris-dark6:  #61340e;
  --color-iris-dark7:  #76441f;
  --color-iris-dark8:  #94552a;
  --color-iris-dark9:  #e8620a;   /* marque ADR */
  --color-iris-dark10: #f5712a;   /* survol (dark) */
  --color-iris-dark11: #ffa366;   /* orange clair lisible sur fond sombre */
  --color-iris-dark12: #ffe0c2;
}

/* Chevauchement : le bouton flottant ADR (fixed, haut-droit) recouvrait le
 * bouton « Préférences ». On réserve l'espace à droite du header. */
.header {
  padding-right: 124px;
}

/* ─── Lisibilité des champs, ADAPTÉE au schéma de couleurs (Pollaris suit prefers-color-scheme).
 * Clair : page en gris très léger ADR (#F8F8F8) + champs blancs + filet -> champs visibles.
 * Sombre : on NE force PAS de fond clair (sinon contraste violent avec le thème sombre de
 *          Pollaris) ; un filet clair discret suffit à délimiter les champs.
 * Focus orange ADR dans les deux cas. ─── */
@media (prefers-color-scheme: light) {
  html, body { background-color: #F8F8F8; }

  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="range"]):not([type="color"]),
  textarea,
  select {
    background-color: #FFFFFF;
    border: 1px solid #D0D0D0;
  }
}

@media (prefers-color-scheme: dark) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="range"]):not([type="color"]),
  textarea,
  select {
    border: 1px solid rgba(255, 255, 255, 0.22);
  }
}

input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus,
textarea:focus,
select:focus {
  border-color: #E8620A;
  outline: none;
}