/* Per-pilot additions, loaded after the original family and domain styles. */
.pilot-notice { padding: 16px 18px; border: 1px solid #d6dbe4; border-left: 4px solid #526078; border-radius: 10px; background: #f5f7fb; color: #263348; font: 400 15px/1.6 system-ui,sans-serif; text-align: left; }
.pilot-disabled-fields { display: none; }
[data-pilot-unavailable] { display: none !important; }
[hidden] { display: none !important; }
body.aa img[src*="/photos/"], body.sa img[src*="/photos/"] { filter: blur(12px) !important; -webkit-filter: blur(12px) !important; }
body.aa :focus-visible, body.sa :focus-visible { outline: 3px solid var(--pilot-brand); outline-offset: 3px; }
.aa-logo,.sa-logo { min-width: 0; }
.aa-burger,.sa-burger { flex-shrink: 0; min-width: 44px; min-height: 44px; }
.aa-popup__box,.sa-popup__box { max-height: calc(100dvh - 32px); overflow-y: auto; }
@media(max-width:767px) {
  .aa-form input,.aa-form select,.aa-form textarea,.sa-form input,.sa-form select,.sa-form textarea { font-size:16px; }
  .aa-nav a,.sa-nav a { min-height:44px; align-items:center; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* Retain the classified layout and sidebar; use a coherent, quieter violet identity. */
body.aa { --aa-page:color-mix(in srgb,var(--aa-accent) 5%,#f7f7f7); --aa-fond:#fff; --aa-surface:#fff; --aa-surface-2:color-mix(in srgb,var(--aa-accent) 3%,#fff); --aa-bord:color-mix(in srgb,var(--aa-accent) 14%,#e4e4e7); --aa-texte:#241e2a; --aa-muet:#655d6b; --aa-tete:color-mix(in srgb,var(--aa-accent) 32%,#17121d); --aa-pied:var(--aa-tete); --aa-barre:color-mix(in srgb,var(--aa-accent) 50%,#17121d); --aa-police-titre:system-ui,-apple-system,"Segoe UI",sans-serif; --aa-rayon:12px; --aa-rayon-s:8px; }
body.aa .aa-logo { gap:10px; }
body.aa .aa-logo__txt { font-style:normal; font-size:24px; font-weight:750; letter-spacing:-.5px; }
body.aa .aa-bande { border-radius:9px; font-style:normal; letter-spacing:0; }
body.aa .aa-ligne { border-radius:10px; padding:16px; margin-bottom:12px; }
body.aa .aa-ligne__titre { font-size:18px; line-height:1.4; }
body.aa .aa-fiche__titre { font-size:clamp(24px,2.6vw,34px); line-height:1.25; }
body.aa .aa-fiche__photo { max-width:240px; max-height:300px; overflow:hidden; }
body.aa .aa-side { min-width:0; }
body.aa .aa-btn { font-style:normal; }
@media(max-width:767px) {
 body.aa .aa-logo { max-width:calc(100% - 56px); }
 body.aa .aa-logo__txt { font-size:22px; }
 body.aa .aa-ligne { gap:12px; padding:14px; }
 body.aa .aa-ligne__titre { font-size:17px; }
 body.aa .aa-fiche__barre .aa-btn { white-space:normal; font-size:14px; line-height:1.3; min-height:48px; }
}

.pilot-prelinker { display:block; width:100%; min-height:180px; text-align:left; --primary:var(--aa-accent,var(--sa-accent,#ad1457)); }
.pilot-prelinker *, .pilot-prelinker *::before, .pilot-prelinker *::after { box-sizing:border-box; }
.pilot-prelinker [class*="ptprelinker-containers-"] { position:static!important; inset:auto!important; transform:none!important; width:100%!important; max-width:100%!important; max-height:none!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; z-index:auto!important; }
.pilot-prelinker [class*="ptprelinker-close"] { display:none!important; }
.pilot-prelinker form { width:100%; margin:0; }
.pilot-prelinker label { display:block; font-size:14px; margin:9px 0 5px; }
.pilot-prelinker input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), .pilot-prelinker select { width:100%; min-height:48px; font:400 16px/1.4 system-ui,sans-serif; }
.pilot-prelinker input[type="submit"], .pilot-prelinker button[type="submit"] { background:var(--primary); color:white; font-weight:700; cursor:pointer; }
.pilot-prelinker img { filter:blur(12px)!important; }
.pilot-prelinker-status { color:#465164; font-size:15px; line-height:1.5; }
.pilot-partner-note { font:400 13px/1.5 system-ui,sans-serif; color:#50576a; margin:12px 0; }
.pilot-partner-entry button { width:100%; min-height:48px; }

/* ==========================================================================
   FORMULAIRE DU PRESTATAIRE PRELINKER — mise en forme de sa structure
   « input-group » (source unique : gestionserv/app/prelinker_vendor_form.css,
   posée dans chaque codebase par `python app/prelinker_form_css_apply.py`.
   NE PAS EDITER DANS LES CODEBASES.)

   Ce que livre le script opfourpro (campagne « no-style ») :
     <div class="ptprelinker-input-group">
       <div class="ptprelinker-input-group-prepend">
         <span class="ptprelinker-input-group-text"><i class="ptprelinker-icon-mail"></i></span>
       </div>
       <input class="ptprelinker-input" placeholder="E-Mail-Adresse">
     </div>
     …
     <div class="ptprelinker-buttons"><input type="submit" class="ptprelinker-button"></div>

   Sa feuille « no-style » ne met PAS le groupe en ligne : l'icône se retrouvait
   seule au-dessus du champ, en noir, sans alignement (capture de Lucas du
   2026-09-15 sur sextreffen-online.de). Ici : une seule pilule par champ, icône
   à gauche dans une cellule fixe, champ sans bordure propre, select avec son
   chevron, bouton pleine largeur dans la couleur du site.

   ⚠️ SPÉCIFICITÉ : la feuille hôte normalise déjà « tout input » du prestataire
   en `!important` (Astro : (0,5,1)). Les champs DANS un groupe doivent donc
   être visés par un sélecteur plus lourd. La règle Astro fait exactement (0,6,1) :
   un hôte + CINQ `:not([type=…])` + l'élément — mesuré au CDP, une première
   version à quatre répétitions (0,6,0) perdait. D'où la classe
   `ptprelinker-input-group` répétée CINQ fois : (0,7,0). Procédé CSS valide, volontaire.
   .pilot-prelinker est remplacé par le sélecteur de l'hôte (`.popup-prelinker-host`,
   `.prelinker-embed`…).
   ========================================================================== */

.pilot-prelinker .ptprelinker-register-form form,
.pilot-prelinker .ptprelinker-content-content form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin: 0;
}

/* La pilule : bordure, fond et focus vivent sur le GROUPE, pas sur le champ. */
.pilot-prelinker .ptprelinker-input-group {
  display: flex !important;
  align-items: stretch;
  width: 100%;
  min-height: 52px;
  margin: 0 !important;
  padding: 0 !important;
  border: 1.5px solid #e4e4e7;
  border-radius: 14px;
  background: #fafafa;
  overflow: hidden;
  box-sizing: border-box;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.pilot-prelinker .ptprelinker-input-group:hover {
  border-color: #d4d4d8;
  background: #fff;
}
.pilot-prelinker .ptprelinker-input-group:focus-within {
  border-color: var(--primary, var(--secondary-color, #e91e63));
  background: #fff;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary, var(--secondary-color, #e91e63)) 16%, transparent);
}

/* Cellule de l'icône : largeur fixe, centrée, gris discret → couleur du site au focus. */
.pilot-prelinker .ptprelinker-input-group-prepend {
  display: flex !important;
  flex: 0 0 46px;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 0 0 4px !important;
  color: #a1a1aa;
  transition: color .15s ease;
}
.pilot-prelinker .ptprelinker-input-group:focus-within .ptprelinker-input-group-prepend {
  color: var(--primary, var(--secondary-color, #e91e63));
}
.pilot-prelinker .ptprelinker-input-group-text {
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 17px;
  line-height: 1;
}
/* L'icône est une police (fontello) chargée par le prestataire : on la garde. */
.pilot-prelinker .ptprelinker-input-group-prepend [class*="ptprelinker-icon"] {
  display: inline-block !important;
  margin: 0 !important;
  width: 1em;
  color: inherit;
}

/* Le champ : plus de bordure ni de fond propres, il remplit la pilule. */
.pilot-prelinker .ptprelinker-input-group.ptprelinker-input-group.ptprelinker-input-group.ptprelinker-input-group.ptprelinker-input-group .ptprelinker-input,
.pilot-prelinker .ptprelinker-input-group.ptprelinker-input-group.ptprelinker-input-group.ptprelinker-input-group.ptprelinker-input-group .ptprelinker-select {
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0;
  min-height: 50px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 12px 14px 12px 6px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  /* 16px : en dessous, iOS zoome à la mise au point. */
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-family: inherit;
  color: #18181b !important;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}
.pilot-prelinker .ptprelinker-input-group .ptprelinker-input::placeholder {
  color: #a1a1aa;
  opacity: 1;
}

/* Le select : chevron dessiné, et l'option vide (« Ich bin ») en gris placeholder. */
.pilot-prelinker .ptprelinker-input-group.ptprelinker-input-group.ptprelinker-input-group.ptprelinker-input-group.ptprelinker-input-group .ptprelinker-select {
  padding-right: 42px !important;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 16px 16px !important;
}
.pilot-prelinker .ptprelinker-input-group .ptprelinker-select:invalid {
  color: #a1a1aa !important;
}
.pilot-prelinker .ptprelinker-input-group .ptprelinker-select option {
  color: #18181b;
  background: #fff;
}

/* Étiquettes vides du prestataire, sauts de ligne, cadres résiduels. */
.pilot-prelinker .ptprelinker-label:empty,
.pilot-prelinker .ptprelinker-register-form br {
  display: none !important;
}
.pilot-prelinker .error-register {
  margin: -2px 0 0;
  padding: 9px 12px;
  border: 1px solid #fecaca;
  border-radius: 10px;
  background: #fef2f2;
  color: #b91c1c;
  font-size: 13px;
  line-height: 1.45;
}
.pilot-prelinker .error-register:empty { display: none !important; }

/* Le bouton : pleine largeur, hauteur de frappe, couleur du site. */
.pilot-prelinker .ptprelinker-buttons {
  margin: 4px 0 0 !important;
  padding: 0 !important;
  width: 100%;
}
.pilot-prelinker .ptprelinker-buttons .ptprelinker-button,
.pilot-prelinker .ptprelinker-buttons input[type="submit"] {
  display: block;
  width: 100% !important;
  min-height: 52px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 14px 18px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: var(--primary, var(--secondary-color, #e91e63)) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: .01em;
  font-family: inherit;
  line-height: 1.3;
  cursor: pointer;
  box-shadow: 0 8px 20px -8px color-mix(in srgb, var(--primary, var(--secondary-color, #e91e63)) 70%, transparent);
  transition: filter .15s ease, transform .06s ease, box-shadow .15s ease;
  -webkit-appearance: none;
  appearance: none;
}
.pilot-prelinker .ptprelinker-buttons .ptprelinker-button:hover,
.pilot-prelinker .ptprelinker-buttons input[type="submit"]:hover { filter: brightness(1.06); transform: none; }
.pilot-prelinker .ptprelinker-buttons .ptprelinker-button:active,
.pilot-prelinker .ptprelinker-buttons input[type="submit"]:active { transform: translateY(1px); }

/* Thème sombre (`data-color-mode`, Astro et PHP). */
[data-color-mode='dark'] .pilot-prelinker .ptprelinker-input-group { background: #27272a; border-color: #3f3f46; }
[data-color-mode='dark'] .pilot-prelinker .ptprelinker-input-group:hover { background: #2e2e33; }
[data-color-mode='dark'] .pilot-prelinker .ptprelinker-input-group:focus-within { background: #1f1f23; }
[data-color-mode='dark'] .pilot-prelinker .ptprelinker-input-group.ptprelinker-input-group.ptprelinker-input-group.ptprelinker-input-group.ptprelinker-input-group .ptprelinker-input,
[data-color-mode='dark'] .pilot-prelinker .ptprelinker-input-group.ptprelinker-input-group.ptprelinker-input-group.ptprelinker-input-group.ptprelinker-input-group .ptprelinker-select { color: #fafafa !important; }
[data-color-mode='dark'] .pilot-prelinker .ptprelinker-input-group .ptprelinker-select option { color: #fafafa; background: #27272a; }
[data-color-mode='dark'] .pilot-prelinker .error-register { background: #2a1416; border-color: #7f1d1d; color: #fca5a5; }

@media (max-width: 480px) {
  .pilot-prelinker .ptprelinker-register-form form,
  .pilot-prelinker .ptprelinker-content-content form { gap: 11px; }
}

/* One source of truth: the body's accent comes from config.couleur, like the favicon.
   Rebind aliases on BODY: aliases computed on :root otherwise retain the default pink. */
body.aa {
  --pilot-brand: var(--aa-accent);
  --pilot-brand-dark: color-mix(in srgb, var(--pilot-brand) 80%, #000);
  --aa-teinte: var(--pilot-brand);
  --aa-primaire: var(--pilot-brand);
  --aa-primaire-fonce: var(--pilot-brand-dark);
  --aa-primaire-txt: #fff;
  --aa-lien: var(--pilot-brand);
  --aa-bande: var(--pilot-brand);
  --aa-bande-bord: var(--pilot-brand-dark);
  --aa-bande-txt: #fff;
  --aa-secondaire: var(--pilot-brand-dark);
}
body.sa {
  --pilot-brand: var(--sa-accent);
  --pilot-brand-dark: color-mix(in srgb, var(--pilot-brand) 80%, #000);
  --sa-accent-txt: #fff;
  --sa-secondaire: var(--pilot-brand-dark);
  --sa-fond2: color-mix(in srgb, var(--pilot-brand) 8%, #f7f7f7);
  --sa-like: var(--pilot-brand);
}
body.aa :focus-visible, body.sa :focus-visible {
  outline-color: var(--pilot-brand);
}
body.aa .pilot-prelinker, body.sa .pilot-prelinker {
  --primary: var(--pilot-brand);
}