/* ========================================
   BOUTON FERMER MODALES - TYPOLOGIE DASHLITE
   Compatible Dark Mode (défaut) et Light Mode (body.light-mode)
   Référence : catalog selector, page_dash_typology_light_mode
   ======================================== */

/* Dark Mode (défaut) */
.modal .modal-footer .commercify-modal-btn-fermer,
.modal .commercify-modal-btn-fermer {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #f8f9fa !important;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.modal .modal-footer .commercify-modal-btn-fermer:hover,
.modal .commercify-modal-btn-fermer:hover {
    background: #ffcc00 !important;
    border-color: #e6b800 !important;
    color: #000000 !important;
}
.modal .modal-footer .commercify-modal-btn-fermer:focus-visible,
.modal .commercify-modal-btn-fermer:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(255, 204, 0, 0.25) !important;
}

/* Light Mode (body.light-mode) */
body.light-mode .modal .modal-footer .commercify-modal-btn-fermer,
body.light-mode .modal .commercify-modal-btn-fermer {
    background: transparent !important;
    border: 1px solid rgba(184, 134, 11, 0.5) !important;
    color: #1a1d21 !important;
}
body.light-mode .modal .modal-footer .commercify-modal-btn-fermer:hover,
body.light-mode .modal .commercify-modal-btn-fermer:hover {
    background: rgba(184, 134, 11, 0.15) !important;
    border-color: #b8860b !important;
    color: #1a1d21 !important;
}
body.light-mode .modal .modal-footer .commercify-modal-btn-fermer:focus-visible,
body.light-mode .modal .commercify-modal-btn-fermer:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(184, 134, 11, 0.35) !important;
}