/* SweetAlert2 Custom Styling */
.swal-custom {
    background: var(--ColorLightPrimary) !important;
    border: 1px solid var(--ColorPrimaryAlpha) !important;
    border-radius: 15px !important;
    box-shadow: var(--BoxShadow) !important;
    backdrop-filter: blur(10px) !important;
    font-family: var(--FontPrimary) !important;
}

/* Ensure SweetAlert appears above Bootstrap modals and offcanvas */
.swal2-container {
    z-index: 99999999999 !important; /* Higher than Bootstrap offcanvas (1045) and modals */
}

.swal2-popup {
    z-index: 99999999999 !important;
}

.swal2-backdrop-show {
    z-index: 99999999998 !important; /* Slightly lower than container */
}

/* Support for custom class variants */
.swal2-container-custom,
.swal-custom {
    z-index: 99999999999 !important;
}

.swal2-popup-custom {
    z-index: 99999999999 !important;
}

.swal-custom .swal2-title {
    color: var(--ColorDarkPrimary) !important;
    font-size: var(--FontSizeLarge) !important;
    font-weight: 600 !important;
}

.swal-custom .swal2-content {
    color: var(--ColorDarkSecondary) !important;
    font-size: var(--FontSizeSmall) !important;
}

.swal-custom .swal2-icon {
    color: var(--ColorPrimary) !important;
    border-color: var(--ColorPrimary) !important;
}

.swal-custom .swal2-confirm {
    background: var(--ColorPrimary) !important;
    border-color: var(--ColorPrimary) !important;
    color: var(--ColorLightPrimary) !important;
    border-radius: 8px !important;
    font-family: var(--FontPrimary) !important;
    font-weight: 500 !important;
}

.swal-custom .swal2-cancel {
    background: var(--ColorDarkSecondary) !important;
    border-color: var(--ColorDarkSecondary) !important;
    color: var(--ColorLightPrimary) !important;
    border-radius: 8px !important;
    font-family: var(--FontPrimary) !important;
    font-weight: 500 !important;
}

.swal-custom .swal2-confirm:hover {
    background: var(--ColorPrimary) !important;
    transform: translateY(-1px) !important;
    box-shadow: var(--BoxShadowHover) !important;
}

.swal-custom .swal2-cancel:hover {
    background: var(--ColorDarkSecondary) !important;
    transform: translateY(-1px) !important;
    box-shadow: var(--BoxShadowHover) !important;
}