/* Formulaire Prelinker intégré dans la pop-up auth (register-form + no-style) */

.popup-overlay {
  z-index: 99990 !important;
}

.popup-overlay .popup-card {
  position: relative;
  z-index: 2;
}

/* Pop-up scrollable si beaucoup de champs (4–5) */
.popup-overlay[data-prelinker-auth='1'] .popup-card,
.popup-overlay:has(.popup-prelinker-host.prelinker-loaded) .popup-card {
  max-height: min(92vh, 680px);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.popup-overlay[data-prelinker-auth='1'] .popup-desc,
.popup-overlay:has(.popup-prelinker-host.prelinker-loaded) .popup-desc {
  margin-bottom: 16px;
}

.popup-prelinker-panel {
  position: relative;
  z-index: 1;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
}

.popup-prelinker-host {
  position: relative;
  width: 100%;
  min-height: 120px;
  overflow: visible;
}

.popup-prelinker-host:not(.prelinker-loaded):not([data-prelinker-mounting])::after {
  content: '';
  display: block;
  width: 36px;
  height: 36px;
  margin: 40px auto;
  border: 3px solid #e5e7eb;
  border-top-color: var(--primary, #e91e63);
  border-radius: 50%;
  animation: prelinkerSpin 0.7s linear infinite;
}

.popup-prelinker-host.prelinker-loaded::after {
  display: none;
}

@keyframes prelinkerSpin {
  to { transform: rotate(360deg); }
}

/* Layout formulaire Prelinker — sans casser la structure <form> */
.popup-prelinker-host form,
.popup-prelinker-host .prelinker-repaired-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  width: 100%;
}

.popup-prelinker-host[data-prelinker-fields='2'] form,
.popup-prelinker-host[data-prelinker-fields='2'] .prelinker-repaired-form {
  gap: 14px;
}

.popup-prelinker-host[data-prelinker-fields='4'] form,
.popup-prelinker-host[data-prelinker-fields='5'] form,
.popup-prelinker-host[data-prelinker-fields='4'] .prelinker-repaired-form,
.popup-prelinker-host[data-prelinker-fields='5'] .prelinker-repaired-form {
  gap: 10px;
}

.popup-prelinker-host form table,
.popup-prelinker-host .prelinker-repaired-form table {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.popup-prelinker-host form > button,
.popup-prelinker-host form > input[type='submit'],
.popup-prelinker-host form tr:has(button) button,
.popup-prelinker-host form tr:has(input[type='submit']) input[type='submit'],
.popup-prelinker-host .prelinker-repaired-form > button,
.popup-prelinker-host .prelinker-repaired-form > input[type='submit'] {
  margin-top: 10px !important;
}

/* Layout normalisé legacy (si ancien cache) */
.popup-prelinker-host .prelinker-form-layout {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.popup-prelinker-host[data-prelinker-fields='2'] .prelinker-form-layout {
  gap: 14px;
}

.popup-prelinker-host[data-prelinker-fields='3'] .prelinker-form-layout {
  gap: 12px;
}

.popup-prelinker-host[data-prelinker-fields='4'] .prelinker-form-layout,
.popup-prelinker-host[data-prelinker-fields='5'] .prelinker-form-layout {
  gap: 10px;
}

.popup-prelinker-host .prelinker-field-row {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

/* Conteneurs déplacés depuis le body */
.popup-prelinker-host .prelinker-embedded,
.popup-prelinker-host > div:not(.popup-prelinker-mount):not(.prelinker-form-layout) {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  z-index: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.popup-prelinker-host form {
  margin: 0;
  width: 100%;
}

.popup-prelinker-host table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.popup-prelinker-host tr,
.popup-prelinker-host td {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}

.popup-prelinker-host label {
  display: block;
  font-weight: 600;
  font-size: 0.85rem;
  margin-bottom: 5px;
  color: #374151;
}

.popup-prelinker-host select,
.popup-prelinker-host input[type='email'],
.popup-prelinker-host input[type='text'],
.popup-prelinker-host input[type='password'],
.popup-prelinker-host input[type='tel'],
.popup-prelinker-host input[type='date'],
.popup-prelinker-host input[type='number'],
.popup-prelinker-host input:not([type='checkbox']):not([type='radio']):not([type='hidden']):not([type='submit']):not([type='button']) {
  width: 100% !important;
  max-width: 100% !important;
  padding: 11px 14px !important;
  border: 2px solid #e5e7eb !important;
  border-radius: 10px !important;
  font-size: 0.93rem !important;
  outline: none;
  transition: border-color 0.2s;
  font-family: inherit;
  box-sizing: border-box;
  background: #fff !important;
  color: #1f2937 !important;
  appearance: auto;
  height: auto !important;
  min-height: 44px;
  line-height: 1.4;
  margin: 0 !important;
}

.popup-prelinker-host select:focus,
.popup-prelinker-host input:focus {
  border-color: var(--primary, #e91e63) !important;
}

.popup-prelinker-host input::placeholder {
  color: #cbd5e1;
}

/* Espace au-dessus du bouton */
.popup-prelinker-host .prelinker-actions {
  margin-top: 10px;
  padding-top: 10px;
  width: 100%;
}

.popup-prelinker-host[data-prelinker-fields='2'] .prelinker-actions {
  margin-top: 14px;
  padding-top: 12px;
}

.popup-prelinker-host[data-prelinker-fields='4'] .prelinker-actions,
.popup-prelinker-host[data-prelinker-fields='5'] .prelinker-actions {
  margin-top: 8px;
  padding-top: 8px;
}

.popup-prelinker-host button,
.popup-prelinker-host input[type='submit'],
.popup-prelinker-host input[type='button'],
.popup-prelinker-host a.btn,
.popup-prelinker-host .btn-submit {
  width: 100% !important;
  padding: 13px !important;
  border: none !important;
  border-radius: 10px !important;
  background: var(--primary, #e91e63) !important;
  color: #fff !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  cursor: pointer;
  transition: all 0.15s;
  font-family: inherit;
  text-align: center;
  text-decoration: none !important;
  display: block;
  box-sizing: border-box;
  height: auto !important;
  min-height: 46px;
  line-height: 1.3;
  margin: 0 !important;
}

.popup-prelinker-host .prelinker-actions button,
.popup-prelinker-host .prelinker-actions input[type='submit'] {
  margin-top: 0 !important;
}

.popup-prelinker-host button:hover,
.popup-prelinker-host input[type='submit']:hover,
.popup-prelinker-host a.btn:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.popup-prelinker-host p,
.popup-prelinker-host .hint,
.popup-prelinker-host small {
  font-size: 0.82rem;
  color: #9ca3af;
  margin: 0 0 6px;
  line-height: 1.4;
}

/* Icônes décoratives Prelinker */
.popup-prelinker-host .prelinker-field-row > img,
.popup-prelinker-host img[src*='icon'],
.popup-prelinker-host img[width='16'],
.popup-prelinker-host img[width='20'],
.popup-prelinker-host img[height='16'],
.popup-prelinker-host img[height='20'] {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Ne masquer que les modales Prelinker dupliquées sur body — pas les réponses submit */
body.auth-popup-open > div[id*='opfourpro' i][style*='position: fixed']:not(#signupOverlay):not(#loginOverlay),
body.auth-popup-open > div[class*='opfourpro-overlay' i]:not(.popup-overlay),
body.auth-popup-open > div[class*='op4-modal' i][style*='position: fixed'] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body:not(.auth-popup-open) .prelinker-stray {
  display: none !important;
}

/* Page /login et /login?mode=register */
.auth-page-prelinker-panel {
  width: 100%;
  text-align: left;
}

.auth-page-wrap[data-prelinker-page='1'] .auth-page-card {
  max-height: min(92vh, 680px);
  overflow-y: auto;
}

@media (max-width: 480px) {
  .popup-overlay[data-prelinker-auth='1'] .popup-card,
  .popup-overlay:has(.popup-prelinker-host.prelinker-loaded) .popup-card {
    max-height: min(94vh, 720px);
  }

  .popup-prelinker-host .prelinker-form-layout {
    gap: 10px;
  }

  .popup-prelinker-host .prelinker-actions {
    margin-top: 8px;
    padding-top: 8px;
  }
}

/* ============================================================================
 * Formulaire de repli — affiché quand le script prelinker externe n'a rien rendu
 * (domaine bloqué par un bloqueur de publicités / DNS filtrant).
 *
 * Il reprend le parcours natif du site, il doit donc en avoir l'allure. Les
 * libellés viennent du dictionnaire client (6 langues) : un site portugais
 * affiche du portugais.
 *
 * ⚠️ SPÉCIFICITÉ. Tous les sélecteurs sont préfixés par
 * `.popup-prelinker-host.prelinker-fallback-active`. Sans ce préfixe, les styles
 * de composant Astro l'emportaient : leur sélecteur de portée
 * `[data-astro-cid-*]` posé sur un ancêtre atteint (0,2,1), au-dessus d'un
 * simple `.prelinker-fallback-row input` (0,1,1). Mesuré : rayon 10px et police
 * 14,88px appliqués à la place des valeurs voulues.
 * ========================================================================== */

.popup-prelinker-host.prelinker-fallback-active { min-height: 0; }

.popup-prelinker-host.prelinker-fallback-active .prelinker-fallback-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  text-align: left;
  margin-top: 2px;
}

.popup-prelinker-host.prelinker-fallback-active .prelinker-fallback-row {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.popup-prelinker-host.prelinker-fallback-active .prelinker-fallback-row label {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #52525b;
  margin: 0;
}

.popup-prelinker-host.prelinker-fallback-active .prelinker-fallback-form .prelinker-fallback-row input.prelinker-fallback-input.prelinker-fallback-input {
  width: 100%;
  /* ⚠️ `!important` volontaire : une règle plus haut dans CETTE feuille normalise
     les champs du formulaire DU PRESTATAIRE (`.popup-prelinker-host input[...]`)
     en `!important` — padding 11px 14px, rayon 10px, police 0.93rem. Elle
     s'appliquait aussi à notre formulaire de repli et écrasait ce bloc.
     Cette règle-là se termine par quatre `:not([type=…])`, ce qui la porte à
     (0,5,1) — au-dessus d'un simple `.classe .classe input`. D'où la classe
     dédiée `prelinker-fallback-input` et la chaîne complète ci-dessus, qui
     atteignaient (0,5,1) — soit une ÉGALITÉ, que leur règle remportait malgré
     une déclaration plus haute. La classe est donc répétée
     (`input.prelinker-fallback-input.prelinker-fallback-input`), ce qui porte
     le sélecteur à (0,6,1) et tranche sans ambiguïté. Répéter une classe est
     un procédé CSS valide et volontaire ici. */
  padding: 13px 14px !important;
  border: 1.5px solid #e4e4e7;
  border-radius: 12px !important;
  /* 16px : en dessous, iOS zoome automatiquement a la mise au point. */
  font-size: 16px !important;
  line-height: 1.3;
  background: #fafafa !important;
  color: #18181b;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
}

.popup-prelinker-host.prelinker-fallback-active .prelinker-fallback-form .prelinker-fallback-row input.prelinker-fallback-input.prelinker-fallback-input::placeholder { color: #a1a1aa; opacity: 1; }

.popup-prelinker-host.prelinker-fallback-active .prelinker-fallback-form .prelinker-fallback-row input.prelinker-fallback-input.prelinker-fallback-input:hover {
  background: #fff !important;
  border-color: #d4d4d8;
}

.popup-prelinker-host.prelinker-fallback-active .prelinker-fallback-form .prelinker-fallback-row input.prelinker-fallback-input.prelinker-fallback-input:focus {
  outline: none;
  background: #fff !important;
  border-color: var(--primary, #e91e63);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary, #e91e63) 16%, transparent);
}

.popup-prelinker-host.prelinker-fallback-active .prelinker-fallback-alert {
  font-size: 13px;
  line-height: 1.45;
  color: #b91c1c;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 10px;
  padding: 9px 12px;
}

.popup-prelinker-host.prelinker-fallback-active .prelinker-fallback-submit {
  width: 100%;
  margin-top: 2px;
  padding: 14px 18px;
  border: 0;
  border-radius: 12px !important;
  background: var(--primary, #e91e63);
  color: #fff;
  font-size: 16px !important;
  font-weight: 700;
  letter-spacing: 0.01em;
  cursor: pointer;
  box-shadow: 0 6px 16px -6px color-mix(in srgb, var(--primary, #e91e63) 70%, transparent);
  transition: filter .15s ease, transform .06s ease, box-shadow .15s ease;
}

.popup-prelinker-host.prelinker-fallback-active .prelinker-fallback-submit:hover { filter: brightness(1.06); }
.popup-prelinker-host.prelinker-fallback-active .prelinker-fallback-submit:active { transform: translateY(1px); }
.popup-prelinker-host.prelinker-fallback-active .prelinker-fallback-submit:disabled {
  opacity: .55;
  cursor: wait;
  box-shadow: none;
  transform: none;
}

@media (max-width: 480px) {
  .popup-prelinker-host.prelinker-fallback-active .prelinker-fallback-form { gap: 12px; }
  .popup-prelinker-host.prelinker-fallback-active .prelinker-fallback-form .prelinker-fallback-row input.prelinker-fallback-input.prelinker-fallback-input { padding: 12px 13px; }
  .popup-prelinker-host.prelinker-fallback-active .prelinker-fallback-submit { padding: 13px 16px; }
}

/* Theme sombre : le site bascule via `data-color-mode`. */
[data-color-mode='dark'] .popup-prelinker-host.prelinker-fallback-active .prelinker-fallback-row label { color: #d4d4d8; }
[data-color-mode='dark'] .popup-prelinker-host.prelinker-fallback-active .prelinker-fallback-form .prelinker-fallback-row input.prelinker-fallback-input.prelinker-fallback-input {
  background: #27272a; border-color: #3f3f46; color: #fafafa;
}
[data-color-mode='dark'] .popup-prelinker-host.prelinker-fallback-active .prelinker-fallback-form .prelinker-fallback-row input.prelinker-fallback-input.prelinker-fallback-input:hover { background: #2e2e33; }
[data-color-mode='dark'] .popup-prelinker-host.prelinker-fallback-active .prelinker-fallback-form .prelinker-fallback-row input.prelinker-fallback-input.prelinker-fallback-input:focus { background: #1f1f23; }
[data-color-mode='dark'] .popup-prelinker-host.prelinker-fallback-active .prelinker-fallback-alert {
  background: #2a1416; border-color: #7f1d1d; color: #fca5a5;
}

/* __PRELINKER_VENDOR_FORM_V1 debut */
/* ==========================================================================
   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.
   :is(.popup-prelinker-host, .auth-page-prelinker-panel) est remplacé par le sélecteur de l'hôte (`.popup-prelinker-host`,
   `.prelinker-embed`…).
   ========================================================================== */

:is(.popup-prelinker-host, .auth-page-prelinker-panel) .ptprelinker-register-form form,
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .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. */
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .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;
}
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .ptprelinker-input-group:hover {
  border-color: #d4d4d8;
  background: #fff;
}
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .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. */
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .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;
}
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .ptprelinker-input-group:focus-within .ptprelinker-input-group-prepend {
  color: var(--primary, var(--secondary-color, #e91e63));
}
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .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. */
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .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. */
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .ptprelinker-input-group.ptprelinker-input-group.ptprelinker-input-group.ptprelinker-input-group.ptprelinker-input-group .ptprelinker-input,
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .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;
}
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .ptprelinker-input-group .ptprelinker-input::placeholder {
  color: #a1a1aa;
  opacity: 1;
}

/* Le select : chevron dessiné, et l'option vide (« Ich bin ») en gris placeholder. */
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .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;
}
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .ptprelinker-input-group .ptprelinker-select:invalid {
  color: #a1a1aa !important;
}
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .ptprelinker-input-group .ptprelinker-select option {
  color: #18181b;
  background: #fff;
}

/* Étiquettes vides du prestataire, sauts de ligne, cadres résiduels. */
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .ptprelinker-label:empty,
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .ptprelinker-register-form br {
  display: none !important;
}
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .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;
}
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .error-register:empty { display: none !important; }

/* Le bouton : pleine largeur, hauteur de frappe, couleur du site. */
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .ptprelinker-buttons {
  margin: 4px 0 0 !important;
  padding: 0 !important;
  width: 100%;
}
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .ptprelinker-buttons .ptprelinker-button,
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .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;
}
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .ptprelinker-buttons .ptprelinker-button:hover,
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .ptprelinker-buttons input[type="submit"]:hover { filter: brightness(1.06); transform: none; }
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .ptprelinker-buttons .ptprelinker-button:active,
:is(.popup-prelinker-host, .auth-page-prelinker-panel) .ptprelinker-buttons input[type="submit"]:active { transform: translateY(1px); }

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

@media (max-width: 480px) {
  :is(.popup-prelinker-host, .auth-page-prelinker-panel) .ptprelinker-register-form form,
  :is(.popup-prelinker-host, .auth-page-prelinker-panel) .ptprelinker-content-content form { gap: 11px; }
}
/* __PRELINKER_VENDOR_FORM_V1 fin */