/* Vibrant Gradient Theme for SweetAlert2 */

.swal2-container {
    z-index: 10000 !important;
}

.swal2-popup {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: 0 15px 35px rgba(118, 75, 162, 0.4) !important;
    padding: 2rem !important;
}

/* Title and Text Styling */

/* EXEMPT TITLE: The title should stay white */
.swal2-title {
    color: #ffffff !important;
}

/* EXEMPT BUTTONS: The buttons need their specific colors */
.swal2-confirm {
    color: #764ba2 !important;
    background-color: #ffffff !important;
}

.swal2-cancel {
    color: #ffffff !important;
}

/* SPECIFIC HTML CONTAINER: Make it extra bold and add a green border for testing */
.swal2-html-container,
#swal2-html-container,
.swal2-content {
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    margin: 1em 1.6em 0.3em !important;
    opacity: 0.9 !important;
}

/* Hide any weird pseudo-elements that cause black lines */
.swal2-icon::before,
.swal2-icon::after {
    display: none !important;
}

/* Button Styling - High Contrast White with Glow */
.swal2-confirm {
    background: #ffffff !important;
    color: #764ba2 !important;
    border-radius: 50px !important;
    padding: 14px 40px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.swal2-confirm:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 15px 30px rgba(255, 255, 255, 0.3) !important;
    background: #f8f9fa !important;
}

/* Cancel Button Styling */
.swal2-cancel {
    background: transparent !important;
    border: 2px solid rgba(17, 16, 16, 0.5) !important;
    border-radius: 50px !important;
    padding: 12px 35px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.swal2-cancel:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: #ffffff !important;
}

/* Icon Colors - White for maximum impact on gradient */
.swal2-icon {
    border-color: #ffffff !important;
    color: #ffffff !important;
}

/* Fix for the "black line" - ensure icon segments are correctly colored/hidden */
.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
    background-color: #ffffff !important;
}

.swal2-icon.swal2-error {
    border-color: #f27474 !important;
}

.swal2-icon.swal2-success [class^='swal2-success-line'] {
    background-color: #ffffff !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
    border: .25em solid rgba(14, 13, 13, 0.3) !important;
}

/* Backdrop Dimming */
.swal2-backdrop-show {
    background: rgba(0, 0, 0, 0.7) !important;
}