/* ============================================================
   compat-legacy.css — pont entre l'ancien thème (Htmlstream
   « Front », Bootstrap 5.1) et le design v2 (bootstrap-lgdf).

   Rôle : le HTML stocké en BDD (page.contenu des ~70 landing
   pages annonces légales) et certains partiels non migrés
   utilisent les classes maison de l'ancien thème. Cette feuille
   les redéfinit avec les tokens LGDF pour qu'ils restent
   lisibles sous le nouveau chrome, SANS toucher aux données.

   À charger APRÈS bootstrap-lgdf.css. Fichier amené à grossir
   au fil de l'audit du contenu BDD (Phase 1 marketing).
   ============================================================ */

/* --- Utilitaire `.hidden` de l'ancien thème (= d-none en BS5) ---
   Le FormulaireGenerator enveloppe les champs internes (page_type,
   legal_ad_id…) dans <div class="hidden"> ET les champs conditionnels dans
   <div class="conditional-field si-X hidden">. form.js pilote la visibilité
   des conditionnels via `element.style.display` INLINE : la règle NE DOIT PAS
   porter `!important`, sinon le display inline de form.js est écrasé et les
   champs conditionnels ne s'affichent/masquent plus. Les champs internes
   (sans display inline) restent masqués par la classe. --- */
.hidden { display: none; }

/* --- Blocs de section du FormulaireGenerator (`form-block-display`) ---
   « Acte », « Identité sociale », « Siège social », « Dirigeant »… ne sont PAS
   des champs : ce sont des TITRES DE SECTION (l'input readonly est un marqueur).
   L'ancien thème les stylait en gros titre bleu + input caché ; ces règles
   n'existent pas en v2 → sans elles, ils s'affichent comme des inputs.
   On les rend en en-têtes de section au look LGDF (comme les sections du kit). */
input.form-block-display { display: none !important; }
div.form-block-display {
	margin: 1.75rem 0 .85rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid var(--lgdf-stone-200, #e6e2da);
}
div.form-block-display:first-child { margin-top: 0; }
div.form-block-display > label {
	font-weight: 700;
	font-size: 1.0625rem;
	letter-spacing: -.01em;
	color: var(--lgdf-ink-900, #0b1f44);
	margin: 0;
}
/* Pas d'astérisque « requis » sur les titres de section */
div.form-block-display > label.required::after { content: "" !important; }

/* --- Couleurs texte maison (style.css l.515+) --- */
.color-primary   { color: var(--lgdf-ink-500); }
.color-secondary { color: var(--lgdf-ink-900); }
.color-small     { color: var(--lgdf-stone-500, #6C757D); }

/* --- Sections pleine largeur du contenu BDD (style.css l.535+).
   L'alternance gris/blanc de l'ancien thème devient l'alternance
   paper du design system. --- */
.big-container {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.big-container:nth-of-type(odd)  { background-color: var(--lgdf-paper-100); }
.big-container:nth-of-type(even) { background-color: var(--lgdf-paper-0); }
.big-container.force-even        { background-color: var(--lgdf-paper-0); }
.big-container.force-odd         { background-color: var(--lgdf-paper-100); }

/* --- Cartes maison de l'ancien thème --- */
.card-primary {
  border-radius: var(--bs-border-radius-lg, 14px);
  border: 1px solid var(--lgdf-stone-200);
  background: var(--lgdf-paper-0);
}
.card-body-small { padding: 1rem 1rem; }

/* --- Alertes « soft » du thème Front (absentes de Bootstrap vanilla) --- */
.alert-soft-success { color: #146C43; background-color: #D1E7DD; border-color: transparent; }
.alert-soft-warning { color: #997404; background-color: #FFF3CD; border-color: transparent; }
.alert-soft-danger  { color: #B02A37; background-color: #F8D7DA; border-color: transparent; }
.alert-soft-info    { color: #087990; background-color: #CFF4FC; border-color: transparent; }

/* --- Badges « soft » du thème Front : markup injecté en AJAX par
   public/assets/js/company-edit.js (liste des collaborateurs) --- */
.badge.bg-soft-secondary {
  background-color: var(--lgdf-stone-100, #F1F5F9);
  color: var(--lgdf-stone-700, #334155);
}

/* --- Avatars du thème Front (utilisés dans les témoignages BDD) --- */
.avatar {
  display: inline-block;
  width: 2.875rem;
  height: 2.875rem;
  object-fit: cover;
}
.avatar-circle { border-radius: 50%; }