/* ============================================================================
   COMPOSANT MODAL CUSTOM - ACLG
   Date : 2025-10-25
   Styling personnalisé du bouton de fermeture modal (jquery-modal)
   Extrait de solution.html.twig (lignes 837-873)
   ============================================================================ */

/* Bouton de fermeture du modal - Bleu ACLG + Croix blanche */
.modal a.close-modal {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #00557f !important;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    font-size: 32px;
    font-weight: 300;
    line-height: 1;
    color: #fff !important;
    text-decoration: none;
    z-index: 9999;
    transition: all 0.2s ease;
}

.modal a.close-modal:hover {
    background: #004466 !important;
    color: #fff !important;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 85, 127, 0.4);
}

/* Forcer la couleur blanche sur tous les enfants et pseudo-éléments */
.modal a.close-modal *,
.modal a.close-modal::before,
.modal a.close-modal::after {
    color: #fff !important;
}