/* =====================================================================
   Compatibilité AdminLTE 3 / Bootstrap 4  ->  AdminLTE 4 / Bootstrap 5
   ---------------------------------------------------------------------
   Recrée les classes utilisées par les anciennes pages et supprimées
   dans Bootstrap 5 / AdminLTE 4. À charger APRÈS adminlte.min.css et
   AVANT SiteAdone.css.
   À terme, quand toutes les pages auront été migrées vers la syntaxe
   Bootstrap 5, ce fichier pourra être supprimé.
   ===================================================================== */

/* ---------- Fonds dégradés AdminLTE 3 (bg-gradient-*) ---------- */
.bg-gradient-primary   { background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important; color: #fff; }
.bg-gradient-secondary { background: #6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x !important; color: #fff; }
.bg-gradient-success   { background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important; color: #fff; }
.bg-gradient-info      { background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important; color: #fff; }
.bg-gradient-warning   { background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important; color: #1f2d3d; }
.bg-gradient-danger    { background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important; color: #fff; }
.bg-gradient-light     { background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important; color: #1f2d3d; }
.bg-gradient-dark      { background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important; color: #fff; }

.btn[class*="bg-gradient-"] { border-color: transparent; }
.btn[class*="bg-gradient-"]:hover,
.btn[class*="bg-gradient-"]:focus { filter: brightness(.92); }
.btn[class*="bg-gradient-"]:active { filter: brightness(.85); }

/* ---------- Formulaires ---------- */
.form-group { margin-bottom: 1rem; }
.form-row   { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }
.form-row > [class*="col"] { padding-right: 5px; padding-left: 5px; }
.custom-select { display: block; width: 100%; padding: .375rem 2.25rem .375rem .75rem; border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); }

/* ---------- Boutons / badges ---------- */
.btn-block  { display: block; width: 100%; }
.btn-default { color: #444; background-color: #f8f9fa; border-color: #ddd; }
.btn-default:hover { background-color: #e9ecef; }
.badge-primary   { background-color: #007bff; color: #fff; }
.badge-secondary { background-color: #6c757d; color: #fff; }
.badge-success   { background-color: #28a745; color: #fff; }
.badge-info      { background-color: #17a2b8; color: #fff; }
.badge-warning   { background-color: #ffc107; color: #1f2d3d; }
.badge-danger    { background-color: #dc3545; color: #fff; }

/* ---------- Utilitaires renommés en Bootstrap 5 ---------- */
.float-left  { float: left !important; }
.float-right { float: right !important; }
.text-left   { text-align: left !important; }
.text-right  { text-align: right !important; }
.font-weight-bold   { font-weight: 700 !important; }
.font-weight-normal { font-weight: 400 !important; }
.font-weight-light  { font-weight: 300 !important; }
.font-italic { font-style: italic !important; }
.no-gutters  { --bs-gutter-x: 0; --bs-gutter-y: 0; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }

/* ml-* / mr-* / pl-* / pr-*  ->  ms-* / me-* / ps-* / pe-* */
.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.5rem!important}.ml-5{margin-left:3rem!important}.ml-auto{margin-left:auto!important}
.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.5rem!important}.mr-5{margin-right:3rem!important}.mr-auto{margin-right:auto!important}
.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.5rem!important}.pl-5{padding-left:3rem!important}
.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.5rem!important}.pr-5{padding-right:3rem!important}

/* ---------- Bouton de fermeture des modales (.close) ---------- */
.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; opacity: .5; background: transparent; border: 0; padding: 0; }
.close:hover { opacity: .75; }