/* ========== SWEETALERT2 THEME STYLING ========== */
/* Applies design tokens to SweetAlert2 dialogs */

/* Dark Theme (default) */
.swal2-popup {
    background-color: var(--color-surface, rgba(20, 20, 30, 0.95)) !important;
    border: 1px solid var(--color-border, rgba(0, 207, 255, 0.35)) !important;
    color: var(--color-text-primary, #ecf0f1) !important;
}

.swal2-title {
    color: var(--color-text-primary, #ecf0f1) !important;
    font-weight: 600;
}

.swal2-html-container {
    color: var(--color-text-primary, #ecf0f1) !important;
}

.swal2-html-container p {
    color: var(--color-text-primary, #ecf0f1) !important;
}

/* Buttons */
.swal2-confirm,
.swal2-deny,
.swal2-cancel {
    background-color: var(--color-accent, #00cfff) !important;
    border: 1px solid var(--color-accent, #00cfff) !important;
    color: #000 !important;
    font-weight: 600;
}

.swal2-confirm:hover,
.swal2-deny:hover,
.swal2-cancel:hover {
    background-color: var(--color-accent-hover, #00e5ff) !important;
    border-color: var(--color-accent-hover, #00e5ff) !important;
}

.swal2-confirm:focus,
.swal2-deny:focus,
.swal2-cancel:focus {
    box-shadow: 0 0 0 3px rgba(0, 207, 255, 0.3) !important;
}

/* Light Theme */
.theme-light .swal2-popup {
    background-color: var(--color-surface, #ffffff) !important;
    border: 1px solid var(--color-border, #d0d0d0) !important;
    color: var(--color-text-primary, #1f2937) !important;
}

.theme-light .swal2-title {
    color: var(--color-text-primary, #1f2937) !important;
}

.theme-light .swal2-html-container,
.theme-light .swal2-html-container p {
    color: var(--color-text-primary, #1f2937) !important;
}

.theme-light .swal2-confirm,
.theme-light .swal2-deny,
.theme-light .swal2-cancel {
    background-color: var(--color-accent, #0891b2) !important;
    border-color: var(--color-accent, #0891b2) !important;
    color: #fff !important;
}

.theme-light .swal2-confirm:hover,
.theme-light .swal2-deny:hover,
.theme-light .swal2-cancel:hover {
    background-color: var(--color-accent-hover, #0e7490) !important;
    border-color: var(--color-accent-hover, #0e7490) !important;
}

.theme-light .swal2-confirm:focus,
.theme-light .swal2-deny:focus,
.theme-light .swal2-cancel:focus {
    box-shadow: 0 0 0 3px rgba(8, 145, 178, 0.2) !important;
}

/* Carousel styling inside SweetAlert */
.carousel-control-prev,
.carousel-control-next {
    filter: brightness(1.2) !important;
}

.carousel-item img {
    border-radius: var(--radius-lg, 12px);
}

/* Close button */
.swal2-close {
    color: var(--color-text-primary, #ecf0f1) !important;
}

.theme-light .swal2-close {
    color: var(--color-text-primary, #1f2937) !important;
}