/* 🎨 Palette HEAR */
:root {

  --white-snow: #F2F6FC;
  --white-frost: #FBFAF2;
  --white-winter: #F9FDFE;
  --white-creamy: #FFFFF5;
  --white-eggshell: #F8FEFF;
  --white-blancdeblanc: #EFEFEF;

  --white: var(--white-winter);

  --bs-primary: var(--white) ;    /* #FFF Bleu très foncé */
  --bs-secondary: #6E6E6E;  /* Gris neutre */
  --bs-success: #1F8A70;    /* Vert discret */
  --bs-danger: #C9453C;     /* Corail ou rouge vif */
  --bs-warning: #E8AC4A;    /* Jaune doux */
  --bs-info: #4F9ED9;       /* Bleu clair */
  --bs-light: #F1F1F1;      /* Fond très clair */
  --bs-dark: #1A1A1A;       /* Presque noir */
}


/*

--white-snow: #F2F6FC;
--white-frost: #FBFAF2;
--white-winter: #F9FDFE;
--white-creamy: #FFFFF5;
--white-eggshell: #F8FEFF;
--white-blancdeblanc: #EFEFEF;
*/


/* Utiliser Academy Sans partout */
body {
  font-family: 'Academy Sans', sans-serif;
  font-weight: 400; /* Regular par défaut */
  line-height: 1.6;
  color: #212529;
  background-color: var(--white);
}

/* Navbar */
.navbar-brand {
  font-weight: 600; /* DemiBold */
  font-size: 1.25rem;
}

a{
  color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity));
}

/* Titres */
h1, .h1 {
  font-weight: 700; /* Bold */
  margin-bottom: 1rem;
}
h2, .h2 {
  font-weight: 600; /* DemiBold */
  margin-bottom: 0.75rem;
}
h3, .h3 {
  font-weight: 500; /* Medium */
  margin-bottom: 0.5rem;
}

/* Paragraphes et textes longs */
p {
  font-weight: 400; /* Regular */
  margin-bottom: 1rem;
}
em, .fst-italic {
  font-style: italic;
}

/* Badges */
.badge {
  font-weight: 400; /* Medium */
  font-size: 0.85rem;
  padding: 0.5em 0.75em;
  border-radius: 0.5rem;
  margin-bottom: 0.25em;
}

/* Boutons */
.btn {
  font-weight: 600; /* DemiBold */
  /*text-transform: uppercase;*/
  letter-spacing: 0.02em;
}

/* Tableaux */
.table th {
  font-weight: 600; /* DemiBold pour en-têtes */
}
.table td {
  font-weight: 400; /* Regular pour contenu */
}

/* Champs de formulaire */
.form-control {
  font-weight: 400;
}
.form-select {
  font-weight: 400;
}


/* Navbar HEAR */
.navbar {
  background-color: var(--white) /*var(--bs-primary)*/ !important;
}
.navbar-brand {
  /*color: #fff !important;*/
  font-weight: 600;
}
.navbar-brand:hover {
  color: var(--bs-secondary) !important;
}
.navbar img{
  width: 80px;
}

/* Boutons */
.btn-primary {
  background-color: #000/*var(--bs-primary)*/;
  border-color: #000/*var(--bs-primary)*/;
}
.btn-primary:hover {
  background-color: var(--white); 
  border-color: var(--white);
  color: #000;
}

.btn-primary.active, 
.btn-primary.show, 
.btn-primary:first-child:active, 
:not(.btn-check)+.btn-primary:active{
  background-color: var(--white); 
  border-color: var(--white);
  color: #000;
}

/*.btn-primary.shadow:hover {
  box-shadow: 0 0rem 0.75rem rgba(0,0,0,.4)!important;
}*/

/* Badges */
.badge.bg-primary {
  background-color: var(--bs-primary) !important;
}
.badge.bg-success {
  background-color: var(--bs-success) !important;
}





/* --- Sticky filtres + thead --- */
.filters-sticky {
  position: sticky;
  top: var(--navbar-h, 0px); /* hauteur de la navbar, fixée en JS */
  z-index: 1020;              /* au-dessus des lignes du tableau */
  background: var(--white);           /* fond pour masquer le contenu défilant derrière */
}

/* Rendre l'en-tête du tableau collant sous le bloc filtres */
.table thead.table-dark th {
  position: sticky;
  top: calc(var(--navbar-h, 112px) + var(--filters-h, 0px)); /* navbar + hauteur filtres dynamiques */
  z-index: 1010;               /* juste sous la barre de filtres */
  background-color: #212529;   /* couleur de .table-dark */
  color: var(--white);
}


.badge-ue {
  white-space: normal !important;
  word-break: break-word;
  text-align: left;
}


.shadow{
  box-shadow: 0 0rem 1rem rgba(0,0,0,.1)!important;
}

.fw-bold{
  font-weight: 700;
}
.text-sm-start{
  font-size: 0.75rem;
  /*line-height: 0.75rem;*/
}

.table>:not(caption)>*>*,
.form-control,
.form-select{
  background-color: var(--white);
}


td{
  border-color: #000;
}


.field-value {
    font-size: 1rem;
    color: #222;
}
.field-box {
    border: 1px solid #000;
    border-radius: .5rem;
    padding: .5rem;
    height: 100%;
}