/* ============================================================================
 * CLARIS v3 — Fix de visibilité des boutons dans les modales
 * ----------------------------------------------------------------------------
 * Problème : les boutons "Fermer / Non / Annuler" dans les modales utilisent
 * la classe Bootstrap `btn-link` qui rend le bouton comme un lien (texte
 * coloré, sans fond ni bordure). Combiné avec les couleurs du thème actuel,
 * le bouton devient parfois invisible (texte blanc/transparent sur fond blanc).
 *
 * Solution : sans modifier les vues (zéro régression sur le HTML), on cible
 * spécifiquement `.modal .btn-link` pour leur donner :
 *   - Une couleur de texte foncée et lisible
 *   - Une bordure légère pour matérialiser le bouton
 *   - Un fond légèrement gris au survol
 *   - Un curseur pointer
 *
 * Le bouton principal (ex: "Fermer" rouge `btn-danger`, "Supprimer" rouge,
 * "OK" bleu) reste inchangé : on cible UNIQUEMENT `btn-link`.
 * ============================================================================ */

/* Bouton secondaire dans les modales (Fermer / Non / Annuler) */
.modal .modal-footer .btn-link,
.modal .btn-link {
    /* Texte gris foncé bien lisible — couleur Bootstrap "secondary" */
    color: #495057 !important;
    /* Soulignement retiré (style "lien" enlevé pour l'apparence bouton) */
    text-decoration: none !important;
    /* Bordure légère pour matérialiser le bouton */
    border: 1px solid #dee2e6 !important;
    /* Fond légèrement gris pour qu'il ne soit jamais invisible */
    background-color: #f8f9fa !important;
    /* Padding standard pour un bouton */
    padding: 0.5rem 1rem !important;
    border-radius: 0.375rem !important;
    /* Curseur pointer pour signifier que c'est cliquable */
    cursor: pointer !important;
    /* Police légèrement plus grasse */
    font-weight: 500 !important;
    /* Transition douce pour le hover */
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out !important;
}

/* État hover : un peu plus foncé pour feedback visuel */
.modal .modal-footer .btn-link:hover,
.modal .btn-link:hover {
    color: #212529 !important;
    background-color: #e9ecef !important;
    border-color: #ced4da !important;
    text-decoration: none !important;
}

/* État focus : pour l'accessibilité clavier */
.modal .modal-footer .btn-link:focus,
.modal .btn-link:focus {
    outline: none !important;
    box-shadow: 0 0 0 0.2rem rgba(73, 80, 87, 0.25) !important;
}

/* État active (clic enfoncé) */
.modal .modal-footer .btn-link:active,
.modal .btn-link:active {
    background-color: #dee2e6 !important;
    border-color: #adb5bd !important;
}