/* SweetAlert2 Custom Theme for Molikule */

.swal2-container {
    padding: 10px;
}

.swal2-popup {
    border-radius: 20px !important;
    padding: 2em !important;
    font-family: var(--text-font) !important;
    background: #ffffff !important;
    box-shadow: 0 15px 50px rgba(0,0,0,0.15) !important;
}

.swal2-title {
    font-family: var(--title-font) !important;
    color: var(--title-color) !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    margin-bottom: 15px !important;
}

.swal2-html-container {
    color: var(--text-color) !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

/* Icons */
.swal2-icon.swal2-success {
    border-color: var(--theme-color-solid) !important;
    color: var(--theme-color-solid) !important;
}

.swal2-icon.swal2-success [class^='swal2-success-line'] {
    background-color: var(--theme-color-solid) !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
    border: .25em solid rgba(255, 107, 0, .3) !important;
}

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

.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
    background-color: #d32f2f !important;
}

/* Buttons */
.swal2-actions {
    margin-top: 25px !important;
}

.swal2-styled.swal2-confirm {
    background: var(--theme-color) !important;
    background-color: var(--theme-color-solid) !important; /* Fallback */
    color: #fff !important;
    border-radius: 50px !important;
    padding: 12px 35px !important;
    font-family: var(--title-font) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-size: 14px !important;
    box-shadow: 0 4px 15px rgba(255, 107, 0, 0.3) !important;
    transition: all 0.4s ease !important;
}

.swal2-styled.swal2-confirm:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(255, 107, 0, 0.4) !important;
}

.swal2-styled.swal2-cancel {
    background: #f1f1f1 !important;
    color: #333 !important;
    border-radius: 50px !important;
    padding: 12px 35px !important;
    font-family: var(--title-font) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-size: 14px !important;
    transition: all 0.4s ease !important;
}

.swal2-styled.swal2-cancel:hover {
    background: #e5e5e5 !important;
    transform: translateY(-2px) !important;
}

/* Toasts */
.swal2-toast {
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}