/* ==========================================================================
   Vert SBEE — surcharge de la couleur « success » du theme Metronic
   ==========================================================================

   Metronic livre un turquoise (#1BC5BD) comme couleur `success`. La charte
   SBEE impose #00cc66 (R0 V204 B102 / C100 M0 J50 N20).

   Pourquoi un fichier de surcharge et non une retouche du theme :
     - #1BC5BD apparait 279 fois dans style.bundle.css (2,3 Mo). Toute
       modification y serait perdue a la prochaine mise a jour du theme.
     - Ce meme code sert de couleur `primary` sur la page de connexion
       (preapp.blade.php). Un chercher/remplacer la repeindrait entierement.

   Pourquoi deux verts :
     #00cc66 sur blanc n'offre que 2,14:1 de contraste, tres loin des 4,5:1
     attendus pour du texte (le turquoise d'origine avait le meme defaut,
     ~2,3:1). Le vert de la charte est donc reserve aux fonds, bordures et
     icones ; les caracteres utilisent un vert plus soutenu qui, lui, passe
     le seuil AA : 5,5:1 sur blanc et 4,6:1 sur le fond pale.

   Ce fichier doit rester le DERNIER feuille de style chargee : le CSS de
   toastr vient d'un CDN charge apres css/app.css dans app.blade.php.
   ========================================================================== */

:root {
    /* Le vert de la charte : bordures, icones, aplats decoratifs. Visible tel
       quel, mais jamais sous du texte — blanc sur #00cc66 ne donne que 2,14:1. */
    --sbee-vert: #00cc66;

    /* Vert soutenu, pour tout ce qui porte des caracteres :
       en texte sur fond clair (5,5:1 sur blanc, 4,6:1 sur le pale) comme
       en aplat sous du texte blanc (5,5:1). */
    --sbee-vert-texte: #007A3D;

    --sbee-vert-pale: #CCF5E0;         /* teinte 20 % — fond des alertes */
    --sbee-vert-survol: #00B359;       /* survol des elements decoratifs */
    --sbee-vert-fond-survol: #00602F;  /* survol des aplats a texte blanc (7,3:1) */
}

/* --------------------------------------------------------------- Alertes */

.alert.alert-custom.alert-light-success {
    background-color: var(--sbee-vert-pale);
}

.alert.alert-custom.alert-light-success .alert-icon i,
.alert.alert-custom.alert-light-success .alert-text,
.alert.alert-custom.alert-light-success .alert-close i {
    color: var(--sbee-vert-texte);
}

.alert.alert-custom.alert-light-success .alert-close:focus,
.alert.alert-custom.alert-light-success .alert-close:hover {
    color: var(--sbee-vert-survol);
}

/* La barre laterale reste au vert de la charte : c'est un aplat, pas du texte. */
.alert.alert-custom.alert-light-success.alert-notice {
    border-left-color: var(--sbee-vert);
}

.alert.alert-custom.alert-outline-success {
    border-color: var(--sbee-vert);
}

.alert.alert-custom.alert-outline-success .alert-icon i,
.alert.alert-custom.alert-outline-success .alert-text {
    color: var(--sbee-vert-texte);
}

.alert-success {
    background-color: var(--sbee-vert-pale);
    border-color: var(--sbee-vert);
    color: var(--sbee-vert-texte);
}

/* ---------------------------------------------------------------- Boutons */

/* Aplat plein sous du texte blanc : le vert soutenu, pas celui de la charte.
   Blanc sur #00cc66 tombe a 2,14:1, en deca meme du seuil de 3:1 des grands
   caracteres ; sur #007A3D il atteint 5,5:1. */
.btn.btn-success,
.btn-success {
    background-color: var(--sbee-vert-texte);
    border-color: var(--sbee-vert-texte);
    color: #ffffff;
}

.btn.btn-success:hover:not(:disabled):not(.disabled),
.btn.btn-success:focus:not(.btn-text),
.btn.btn-success.focus:not(.btn-text),
.btn.btn-success:not(:disabled):not(.disabled):active,
.btn.btn-success:not(:disabled):not(.disabled).active,
.btn-success:hover,
.btn-success:focus,
.btn-success.focus {
    background-color: var(--sbee-vert-fond-survol);
    border-color: var(--sbee-vert-fond-survol);
    color: #ffffff;
}

.btn.btn-light-success {
    background-color: var(--sbee-vert-pale);
    border-color: transparent;
    color: var(--sbee-vert-texte);
}

.btn.btn-light-success i,
.btn.btn-light-success .svg-icon svg g [fill] {
    color: var(--sbee-vert-texte);
    fill: var(--sbee-vert-texte);
}

/* Au survol, Metronic passe le bouton clair en aplat plein a texte blanc :
   meme raison que btn-success, c'est le vert soutenu qui s'applique. */
.btn.btn-light-success:hover:not(:disabled):not(.disabled),
.btn.btn-light-success:focus:not(.btn-text),
.btn.btn-light-success.focus:not(.btn-text),
.btn.btn-light-success:not(:disabled):not(.disabled):active,
.btn.btn-light-success:not(:disabled):not(.disabled).active {
    background-color: var(--sbee-vert-texte);
    border-color: var(--sbee-vert-texte);
    color: #ffffff;
}

.btn.btn-light-success:hover:not(:disabled):not(.disabled) i,
.btn.btn-light-success:hover:not(:disabled):not(.disabled) .svg-icon svg g [fill],
.btn.btn-light-success:not(:disabled):not(.disabled).active i,
.btn.btn-light-success:not(:disabled):not(.disabled).active .svg-icon svg g [fill] {
    color: #ffffff;
    fill: #ffffff;
}

/* ------------------------------------------------------- Fonds et etiquettes */

.bg-success {
    background-color: var(--sbee-vert) !important;
}

.bg-light-success {
    background-color: var(--sbee-vert-pale) !important;
}

/* Etiquette pleine : porte du texte blanc, donc vert soutenu. */
.label.label-success {
    background-color: var(--sbee-vert-texte);
    color: #ffffff;
}

.label.label-light-success {
    background-color: var(--sbee-vert-pale);
    color: var(--sbee-vert-texte);
}

/* ----------------------------------------------------- Texte, bordure, icones */

.text-success {
    color: var(--sbee-vert-texte) !important;
}

.border-success {
    border-color: var(--sbee-vert) !important;
}

.svg-icon.svg-icon-success svg g [fill] {
    fill: var(--sbee-vert) !important;
}

.svg-icon.svg-icon-success svg:hover g [fill] {
    fill: var(--sbee-vert-survol) !important;
}

/* ----------------------------------------------------------------- toastr */

/* Le CSS de toastr provient d'un CDN charge apres css/app.css : d'ou
   !important, la specificite seule ne suffirait pas a coup sur. */
/* Le toast affiche son texte en blanc : vert soutenu, comme les boutons. */
#toast-container > .toast-success,
.toast-success {
    background-color: var(--sbee-vert-texte) !important;
}

/* La barre de progression, purement decorative, prend le vert de la charte :
   elle ressort sur le fond soutenu. */
#toast-container > .toast-success .toast-progress,
.toast-success .toast-progress {
    background-color: var(--sbee-vert) !important;
}

/* ------------------------------------------------------------ SweetAlert2 */

.swal2-icon.swal2-success {
    border-color: var(--sbee-vert);
}

.swal2-icon.swal2-success [class^='swal2-success-line'],
.swal2-icon.swal2-success .swal2-success-ring {
    background-color: var(--sbee-vert);
}

.swal2-icon.swal2-success .swal2-success-ring {
    background-color: transparent;
    border-color: var(--sbee-vert);
}