/* ========================================
   SCF - Custom CSS
   ======================================== */

/* Design tokens Espace Membre (scopés .scf-membre, n'impacte pas le back-office) */
@import "espace-membre.css";

:root {
    --bg-modal: rgba(0, 0, 0, 0.5);
    --scf-primary: #422ad5;
    --scf-primary-hover: #3520b3;
}

/* --- Main Content : fond gris clair --- */
#mainContent {
  background-color: #f5f6fa;
}

/* --- Typographie : cohérence h1-h4 sur toutes les pages --- */
#mainContent h1, .scf-h1 {
  font-size: 1.875rem; /* text-3xl */
  font-weight: 700;
  color: #111827;
  line-height: 1.2;
  margin: 0 0 0.25rem 0;
}
#mainContent h2, .scf-h2 {
  font-size: 1.5rem; /* text-2xl */
  font-weight: 700;
  color: #111827;
  line-height: 1.3;
  margin: 0 0 0.25rem 0;
}
#mainContent h3, .scf-h3 {
  font-size: 1.25rem; /* text-xl */
  font-weight: 600;
  color: #1f2937;
  line-height: 1.4;
  margin: 0 0 0.25rem 0;
}
#mainContent h4, .scf-h4 {
  font-size: 1.125rem; /* text-lg */
  font-weight: 600;
  color: #1f2937;
  line-height: 1.4;
  margin: 0 0 0.25rem 0;
}
#mainContent .scf-subtitle {
  font-size: 0.875rem;
  font-weight: 400;
  color: #6b7280;
  margin: 0 0 1rem 0;
}
#mainContent p, .scf-p {
  font-size: 0.9375rem; /* 15px */
  font-weight: 400;
  /* color: #374151; */
  line-height: 1.5;
  /* margin: 0 0 0.5rem 0; */
}

/* Titre de section sur bloc jaune (ex: Prix et distinctions) - override de #mainContent h4 */
#mainContent .scf-section-jaune h4 { color: #b45309; }

/* --- Listbox : header --- */
[bspk="listbox"] .labelgroup {
  background-color: #f0f1f5;
  border-color: #e0e0e0;
}

/* --- Listbox : lignes de separation --- */
[bspk="listbox"] [data-input="containerRows"] [data-page] > div {
  border-bottom: 1px solid #eeeeee;
}

/* --- Listbox : fond blanc des lignes --- */
[bspk="listbox"] [data-row] {
  background-color: #ffffff;
}

/* --- Listbox : ligne sélectionnée (couleur SCF) --- */
[bspk="listbox"] [data-row].bg-\[\#422ad5\]\!,
[bspk="listbox"] [data-row].scf-row-selected {
  background-color: var(--scf-primary) !important;
}
[bspk="listbox"] [data-row].bg-\[\#422ad5\]\! *,
[bspk="listbox"] [data-row].scf-row-selected * {
  color: #ffffff !important;
}

select {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding: 5px;
  border-radius: 4px;
}
label span{background-color: transparent;}

/* --- Tailwind class manquante du build BWEB (pas de natif BWEB pour grid 4 cols) --- */
.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* --- Filtres Contact : selects full width dans grid --- */
[data-uuid="53A11B81CBBE401EA14147D14CD33725"] > * { min-width: 0; }
[data-uuid="53A11B81CBBE401EA14147D14CD33725"] select,
[data-uuid="53A11B81CBBE401EA14147D14CD33725"] input[type="text"],
[data-uuid="53A11B81CBBE401EA14147D14CD33725"] input[type="search"] {
  width: 100%;
}