/**
 * Close Button Style Cleanup
 * Removes all conflicting close button styles from individual components
 */

/* Remove component-specific close button styles */
.deposit-popup .btn-close,
.deposit-popup .btn-close-white,
.deposit-popup-isolated .btn-close,
#depositPopup .modal-header .btn-close,
#depositPopup .btn-close,
#depositPopup .btn-close-white {
    /* Let uniform styles take over */
    background-image: none !important;
}

.withdraw-modal .btn-close,
.withdraw-modal .btn-close-white,
#withdrawModal .btn-close,
#withdrawModal .btn-close-white {
    /* Let uniform styles take over */
    background-image: none !important;
}

.kyc-modal .btn-close,
.kyc-modal .btn-close-white,
#kycModal .btn-close,
#kycModal .btn-close-white {
    /* Let uniform styles take over */
    background-image: none !important;
}

.history-modal .btn-close,
.history-modal .btn-close-white,
#historyModal .btn-close,
#historyModal .btn-close-white {
    /* Let uniform styles take over */
    background-image: none !important;
}

.bonus-modal .btn-close,
#couponsModal .btn-close {
    /* Let uniform styles take over */
    background-image: none !important;
}

.phone-auth-close,
.login-close {
    /* Remove old custom styles */
    all: unset !important;
    /* Reapply button basics */
    display: inline-block !important;
    cursor: pointer !important;
}

/* Override any inline styles or component-specific overrides */
[style*="btn-close"] {
    /* Force uniform styles */
}

/* Remove any Bootstrap default close button image */
.btn-close {
    background-image: none !important;
}

/* Clean up modal headers to accommodate absolute positioned close buttons */
.modal-header {
    position: relative !important;
    min-height: 50px !important;
}

/* Ensure modal title doesn't overlap with close button */
.modal-title {
    padding-right: 40px !important;
}