/* cisam_di_app/static/cisam_di/css/cisam-colors.css */

/*   ****  COULEUR JAUNE DE LA CISAM      ******/

/* ================================================================
   BOOTSTRAP 5 — OVERRIDE PERSONNALISATION COULEUR WARNING

   Placez ce fichier APRÈS bootstrap.min.css
   Pour changer la couleur : modifiez uniquement les variables
   du bloc "PALETTE WARNING" ci-dessous.
   ================================================================ */

:root {
  /* ── PALETTE WARNING — modifiez ici ─────────────────────────── */
  --w-base:    #ffd508;   /* couleur principale                    */
  --w-hover:   #d97706;   /* bouton : survol                       */
  --w-active:  #b45309;   /* bouton : clic / état actif            */
  --w-subtle: #FFFFBF;   /* fond des alertes / badges light       */
  --w-text:    #78350f;   /* texte sur fond subtle                 */
  --w-border:  #fcd34d;   /* bordure des alertes / list-group      */
  --w-rgb:     255, 213, 8; /* version rgb — NE PAS OUBLIER       */

  /* ── Variables Bootstrap lues par les utilitaires ───────────── *
   * bg-warning · text-warning · border-warning · link-warning ... */
  --bs-warning:                    var(--w-base);
  --bs-warning-rgb:                var(--w-rgb);
  --bs-warning-text-emphasis:      var(--w-text);
  --bs-warning-bg-subtle:          var(--w-subtle);
  --bs-warning-border-subtle:      var(--w-border);
}


/* ── 1. BOUTON PLEIN ─────────────────────────────────────────── */
.btn-warning {
  --bs-btn-color:               #000;
  --bs-btn-bg:                  var(--w-base);
  --bs-btn-border-color:        var(--w-base);

  --bs-btn-hover-color:         #000;
  --bs-btn-hover-bg:            var(--w-hover);
  --bs-btn-hover-border-color:  var(--w-hover);

  --bs-btn-focus-shadow-rgb:    var(--w-rgb);

  --bs-btn-active-color:        #000;
  --bs-btn-active-bg:           var(--w-active);
  --bs-btn-active-border-color: var(--w-active);
  --bs-btn-active-shadow:       inset 0 3px 5px rgba(0,0,0,.125);

  --bs-btn-disabled-color:      #000;
  --bs-btn-disabled-bg:         var(--w-base);
  --bs-btn-disabled-border-color: var(--w-base);
}


/* ── 2. ALERTE ───────────────────────────────────────────────── */
.alert-warning {
  --bs-alert-color:        var(--w-text);
  --bs-alert-bg:           var(--w-subtle);
  --bs-alert-border-color: var(--w-border);
  --bs-alert-link-color:   var(--w-active);
}


/* ── 3. TABLE ────────────────────────────────────────────────── */
.table-warning {
  --bs-table-color:        var(--w-text);
  --bs-table-bg:           var(--w-subtle);
  --bs-table-border-color: var(--w-border);
  --bs-table-striped-bg:   #fffbb4;  /* 90% subtle + 10% border */
  --bs-table-active-bg:    #fef6a8;  /* 80% subtle + 20% border */
  --bs-table-hover-bg:     #fff8ae;  /* 85% subtle + 15% border */
}

.c-orangeback-light {
    background-color: rgb(217 119 6 / 0.38) !important;
}

.c-blueback-light {
     background-color: rgb(51 102 255 / 0.47) !important;
}