/* ==========================================================================
   Modale de confirmation — surcharge Bootstrap, palette du site
   ========================================================================== */
.modal-content {
    background: var(--surface-bg);
    color: var(--couleur-texte);
    border: 1px solid var(--couleur-bordure);
    border-radius: var(--rayon-l);
    box-shadow: var(--ombre-flottante);
}

.modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--couleur-bordure);
}

.modal-title {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: 0;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    font-size: 1.15rem;
    color: var(--couleur-texte);
}

.modale__icone { color: var(--couleur-primaire); }
.modale__icone--danger { color: var(--couleur-erreur); }

.modal-body {
    padding: 1.5rem;
    color: var(--couleur-texte-doux);
    line-height: 1.6;
}

.modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1.1rem 1.5rem;
    border-top: 1px solid var(--couleur-bordure);
}

.btn-close {
    background: none;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--couleur-texte-doux);
    opacity: 1;
    cursor: pointer;
    transition: background var(--transition-rapide), color var(--transition-rapide);
}
.btn-close:hover { background: var(--couleur-bordure); color: var(--couleur-texte); }
.btn-close::before {
    content: '\f00d';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 0.9rem;
}

.modal-backdrop {
    background: rgba(33, 28, 27, 0.55);
}
.modal-backdrop.show { opacity: 1; }

/* Croix Bootstrap par défaut invisible en sombre : on la remplace entièrement
   par notre propre pseudo-élément ci-dessus, plutôt que de filtrer l'image. */
html[data-theme="sombre"] .btn-close { filter: none; }