/* ============================================================================
   CORRECTIF 4 : PAGE DE CONNEXION — reprise du correctif 3.
   Constat en inspectant le DOM réel : .ilStartupSection est le MÊME élément
   englobant pour le formulaire ET (par descendance) pour la liste de liens,
   donc les deux règles `:has()` du correctif 3 s'appliquaient au même noeud
   et se neutralisaient. La vraie "carte" visible venait du style par défaut
   d'ILIAS sur fieldset.c-input (fond blanc, bordure), pas de nos règles.
   On reprend proprement : .ilStartupSection redevient un simple conteneur
   transparent, le <form> lui-même porte la carte, et .c-input imbriqués
   sont neutralisés pour ne pas empiler des boîtes blanches.
   ============================================================================ */

.ilStartupSection {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ilStartupSection::before { content: none !important; }

/* La carte réelle : le formulaire de connexion */
.ilStartupSection form.c-form {
  display: block !important;
  background: #FFFFFF !important;
  border: 0 !important;
  border-radius: var(--fp-r-lg, 6px) !important;
  box-shadow: none !important;
  max-width: 440px !important;
  margin: 56px auto 0 !important;
  padding: 40px 36px 34px !important;
}
.ilStartupSection form.c-form::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  margin: 0 auto 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='48' fill='%230D1E33'/%3E%3Cpath d='M2 50 A48 48 0 0 1 98 50 Z' fill='%231D5478'/%3E%3Crect x='8' y='48' width='84' height='4' fill='%23DDE4EA'/%3E%3Cpolygon points='50,26 60,46 50,41 40,46' fill='%23E8A33D'/%3E%3Crect x='49' y='62' width='2' height='14' fill='%238FA6B8'/%3E%3Crect x='24' y='68' width='52' height='2' fill='%238FA6B8'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* Neutraliser toutes les boîtes fieldset imbriquées : plus de panneaux
   blancs empilés, la carte extérieure suffit */
.ilStartupSection form fieldset.c-input {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 4px !important;
}

/* Bandeau "Champ obligatoire" (haut et bas) : discret, dans la carte */
.ilStartupSection form .c-form__required {
  color: var(--fp-ink-3, #5B6E80) !important;
  font-size: 11.5px !important;
  text-align: right !important;
  margin-bottom: 14px !important;
}
.ilStartupSection form .c-form__header { margin-bottom: 4px !important; }
.ilStartupSection form .c-form__footer { margin-top: 4px !important; }

/* Titre "Connexion à ILIAS" — remplacement visuel de la chaîne d'origine
   (compilée en anglais dans les artefacts ILIAS, la valeur FR de lng_data
   est correcte mais non prise en compte tant que le build n'est pas
   régénéré ; on ne touche pas au build pour ne pas casser le site) */
.ilStartupSection form h2 {
  font-size: 0 !important;
  line-height: 0 !important;
  margin: 0 0 26px !important;
  text-align: center !important;
}
.ilStartupSection form h2::after {
  content: "Connexion à ILIAS";
  display: block;
  font-family: var(--fp-font-title) !important;
  font-weight: 700;
  font-size: 21px;
  line-height: 1.3;
  color: var(--fp-navy);
  letter-spacing: -0.01em;
}
.ilStartupSection form label:has(h2) .asterisk,
.ilStartupSection form label:has(h2) .sr-only {
  display: none !important;
}

/* Libellés de champ */
.ilStartupSection form label {
  font-family: var(--fp-font-body) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: var(--fp-ink-3, #5B6E80) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 6px !important;
}

/* Champs texte / mot de passe */
.ilStartupSection form .c-field-text,
.ilStartupSection form input[type="text"],
.ilStartupSection form input[type="password"] {
  border: 1px solid var(--fp-border, #DCE3E9) !important;
  border-radius: 4px !important;
  padding: 11px 14px !important;
  font-size: 15px !important;
  font-family: var(--fp-font-body) !important;
  color: var(--fp-navy) !important;
  background: #FFFFFF !important;
  width: 100% !important;
}
.ilStartupSection form .c-field-text:focus,
.ilStartupSection form input:focus {
  border-color: var(--fp-sky, #1D5478) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(29, 84, 120, 0.12) !important;
}
.ilStartupSection form .c-input__field {
  margin-bottom: 16px !important;
}

/* Bouton "Se connecter" pleine largeur, ambre, dans la carte */
.ilStartupSection form button[type="submit"],
.ilStartupSection form button.btn-primary {
  width: 100% !important;
  background: var(--fp-amber, #E8A33D) !important;
  border: 0 !important;
  color: var(--fp-amber-ink, #2A1B04) !important;
  font-family: var(--fp-font-body) !important;
  font-weight: 600 !important;
  font-size: 14.5px !important;
  border-radius: 3px !important;
  padding: 12px 18px !important;
  margin-top: 6px !important;
}
.ilStartupSection form button[type="submit"]:hover,
.ilStartupSection form button.btn-primary:hover {
  background: var(--fp-amber-text, #C9891F) !important;
  color: #FFFFFF !important;
}
.ilStartupSection form button.btn-link {
  color: var(--fp-ink-3, #8FA6B8) !important;
}

/* Liens sous la carte : le conteneur .ilStartupSection direct parent du <ul>
   (sélecteur d'enfant direct pour ne pas re-matcher le conteneur externe) */
.ilStartupSection:has(> .ilStartupSectionRegistrationLinks) {
  max-width: 440px !important;
  margin: 18px auto 48px !important;
}
.ilStartupSectionRegistrationLinks {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 6px 18px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ilStartupSectionRegistrationLinks a {
  font-family: var(--fp-font-body) !important;
  font-size: 13px !important;
  color: #C4D2DE !important;
}
.ilStartupSectionRegistrationLinks a:hover {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}
/* ===== fin correctif 4 ===== */