/* cisam_di_app/static/cisam_di/css/cisam-color-warning-yellow.css */

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

/* ================================================================
   BOOTSTRAP 5 — OVERRIDE COMPLET DE LA COULEUR WARNING


   Placez ce fichier APRÈS bootstrap.min.css
   Pour changer la couleur : modifiez uniquement les 4 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. BOUTON OUTLINE ───────────────────────────────────────── */
.btn-outline-warning {
  --bs-btn-color:               var(--w-base);
  --bs-btn-border-color:        var(--w-base);

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

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

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

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


/* ── 3. 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);
}


/* ── 4. BADGE ────────────────────────────────────────────────── */
/* bg-warning (hérité de --bs-warning) fonctionne automatiquement */
/* text-bg-warning a besoin d'un petit coup de pouce :            */
.text-bg-warning {
  color:            var(--w-text)   !important;
  background-color: var(--w-base)   !important;
}


/* ── 5. LIST-GROUP ITEM ──────────────────────────────────────── */
.list-group-item-warning {
  --bs-list-group-color:              var(--w-text);
  --bs-list-group-bg:                 var(--w-subtle);
  --bs-list-group-border-color:       var(--w-border);
  --bs-list-group-action-hover-color: var(--w-active);
  --bs-list-group-action-hover-bg:    var(--w-border);
  --bs-list-group-action-active-color: var(--w-active);
  --bs-list-group-action-active-bg:   var(--w-border);
}


/* ── 6. 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 */
}


/* ── 7. PROGRESS BAR ─────────────────────────────────────────── */
.progress-bar.bg-warning {
  background-color: var(--w-base) !important;
}


/* ── 8. PAGINATION ───────────────────────────────────────────── */
/* (si vous utilisez une pagination colorée en warning)          */
.page-item.active .page-link[class*="warning"],
.pagination-warning .page-item.active .page-link {
  background-color: var(--w-base);
  border-color:     var(--w-base);
  color:            #000;
}


/* ── 9. FOCUS RING GLOBAL (accessibilité) ────────────────────── */
/* Appliqué si vous utilisez .focus-ring ou data-bs-toggle       */
.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--w-rgb), 0.25);
}