/* ============================================
   STYLE UNIFORME POUR TOUTES LES CROIX DE FERMETURE
   Style carré arrondi avec fond rose/beige clair
   ============================================ */

/* Style de base pour toutes les croix */
.modal-close,
.modal__close,
#closeAuthModal,
.checkout-modal-close,
.legal-modal__close,
.account-modal__close,
.gift-card-modal__close,
.filters-drawer-close,
.discord-modal-close,
.user-order-modal__close,
.drawer-header .modal-close {
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(184, 70, 31, 0.08) !important;
    border: none !important;
    border-radius: 12px !important;
    color: #B8461F !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

/* Hover state */
.modal-close:hover,
.modal__close:hover,
#closeAuthModal:hover,
.checkout-modal-close:hover,
.legal-modal__close:hover,
.account-modal__close:hover,
.gift-card-modal__close:hover,
.filters-drawer-close:hover,
.discord-modal-close:hover,
.user-order-modal__close:hover,
.drawer-header .modal-close:hover {
    background: rgba(184, 70, 31, 0.15) !important;
    color: #9a3819 !important;
    transform: scale(1.05) !important;
}

/* Active/Click state */
.modal-close:active,
.modal__close:active,
#closeAuthModal:active,
.checkout-modal-close:active,
.legal-modal__close:active,
.account-modal__close:active,
.gift-card-modal__close:active,
.filters-drawer-close:active,
.discord-modal-close:active,
.user-order-modal__close:active,
.drawer-header .modal-close:active {
    transform: scale(0.95) !important;
    background: rgba(184, 70, 31, 0.12) !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .modal-close,
    .modal__close,
    #closeAuthModal,
    .checkout-modal-close,
    .legal-modal__close,
    .account-modal__close,
    .gift-card-modal__close,
    .filters-drawer-close,
    .discord-modal-close,
    .user-order-modal__close,
    .drawer-header .modal-close {
        width: 40px !important;
        height: 40px !important;
        font-size: 20px !important;
    }
}