/* Thème Loopa pour DocuSeal, injecté par Nginx (sub_filter) : aucun fichier DocuSeal modifié.
   Cible : daisyUI 3 (variables HSL "H S% L%") + classes Tailwind de DocuSeal 3.3.x.
   Après une mise à jour de l'image, relancer les captures (README) pour vérifier ces sélecteurs.
   Licence : l'attribution « Propulsé par DocuSeal » doit rester visible (AGPL §7b, LICENSE_ADDITIONAL_TERMS). */

@font-face {
  font-family: "Inter";
  src: url("/loopa/inter-latin-wght.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

/* 1. Palette : bleu Loopa #265DFA = hsl(224 95% 56%) */
html[data-theme], :root[data-theme] {
  --b1: 0 0% 100%;          /* fond : blanc */
  --b2: 220 45% 97%;        /* #F5F7FB */
  --b3: 220 30% 92%;        /* #E5E9F1 */
  --bc: 222 16% 12%;        /* texte : #1A1D24 */
  --n: 224 95% 56%;         /* boutons principaux */
  --nf: 224 82% 47%;
  --nc: 0 0% 100%;
  --p: 224 100% 96%;        /* #EEF3FF, teinte légère */
  --pf: 224 95% 91%;
  --pc: 224 95% 56%;
  --a: 224 95% 56%;         /* accent (visite guidée, badges) */
  --af: 224 82% 47%;
  --ac: 0 0% 100%;
  --rounded-btn: .75rem;
  --rounded-box: 1rem;
  --rounded-badge: .75rem;
  --btn-text-case: none;
  --btn-focus-scale: 1;
  --animation-btn: 0s;
}

/* 2. Typographie */
html, body, button, input, select, textarea {
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, .text-2xl, .text-3xl, .text-4xl { letter-spacing: -.015em; }
#signing_form_header h1 { font-weight: 600; }
.btn { letter-spacing: 0; font-weight: 600; }
.btn-neutral:hover { background-color: hsl(var(--nf)); border-color: hsl(var(--nf)); }

/* 3. Logo : remplace le logo + nom DocuSeal de l'en-tête (page de signature et admin) */
a[href="/"]:has(> svg[viewBox="0 0 180 180"]) {
  display: block;
  width: 120px;
  height: 28px;
  background: url("/loopa/loopa-logo.png") center / contain no-repeat;
  font-size: 0;
}
a[href="/"]:has(> svg[viewBox="0 0 180 180"]) > * { display: none; }
@media (min-width: 768px) {
  a[href="/"]:has(> svg[viewBox="0 0 180 180"]) { width: 140px; height: 32px; }
}
.flex.mt-4:has(> a[href="/"]) { margin-top: 1.25rem; margin-bottom: .75rem; }

/* 4. Page de signature */
#signing_form_header { padding-top: .75rem; padding-bottom: .75rem; }
#scrollbox img[loading="lazy"][width] {
  border: 1px solid hsl(var(--b3));
  border-radius: .5rem;
  box-shadow: 0 1px 3px rgb(16 24 40 / .06);
}
/* Libellés DocuSeal en minuscules (« suivant », « soumettre ») : majuscule initiale */
#submit_form_button span.flex > span:not([class])::first-letter { text-transform: uppercase; }

/* Zones de champ sur le document : bleu au lieu de rouge */
#scrollbox .bg-red-100 { background-color: rgb(225 233 254 / var(--tw-bg-opacity, 1)); }
#scrollbox .border-red-100 { border-color: rgb(199 214 254); }
#scrollbox .outline-red-500 { outline-color: #265DFA; }

/* Panneau de saisie en bas */
#form_container {
  border-color: hsl(var(--b3));
  box-shadow: 0 -6px 24px rgb(16 24 40 / .07);
  border-radius: 1.25rem 1.25rem 0 0;
  padding: 1.25rem 1.25rem calc(1rem + env(safe-area-inset-bottom));
}
@media (min-width: 768px) {
  #form_container { border-radius: 1.25rem; box-shadow: 0 10px 40px rgb(16 24 40 / .10); }
}
#form_container .base-input, #form_container input.input, #form_container textarea {
  border-color: hsl(var(--b3));
  border-width: 1px;
  --tw-border-opacity: 1;
}
#form_container .base-input:focus, #form_container input:focus, #form_container textarea:focus {
  outline: 2px solid #265DFA; outline-offset: 0; border-color: #265DFA;
}
.steps-progress-current { background-color: #265DFA !important; }