/**
 * SweetAlert2 Custom Theme Styles
 * Unified styling for MyNextHome application
 * Replaces default purple colors with green primary theme
 */

/* Container */
.swal2-container-custom {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Popup */
.swal2-popup-custom {
    border-radius: 0.5rem !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #e5e7eb !important;
}

/* Title */
.swal2-title-custom {
    color: #166534 !important; /* primary-800 - dark green */
    font-weight: 600 !important;
    font-size: 1.5rem !important;
}

/* HTML Container */
.swal2-html-container-custom {
    color: #374151 !important; /* gray-700 */
    font-size: 1rem !important;
}

/* Confirm Button (Primary - Green) */
.swal2-confirm-custom {
    background-color: #16a34a !important; /* primary-600 - green */
    border-color: #16a34a !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    padding: 0.625rem 1.5rem !important;
    border-radius: 0.375rem !important;
    transition: all 0.2s ease !important;
}

.swal2-confirm-custom:hover {
    background-color: #15803d !important; /* primary-700 - darker green */
    border-color: #15803d !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.swal2-confirm-custom:active {
    transform: translateY(0);
}

/* Cancel Button */
.swal2-cancel-custom {
    background-color: #ffffff !important;
    border: 1px solid #d1d5db !important; /* gray-300 */
    color: #374151 !important; /* gray-700 */
    font-weight: 500 !important;
    padding: 0.625rem 1.5rem !important;
    border-radius: 0.375rem !important;
    transition: all 0.2s ease !important;
}

.swal2-cancel-custom:hover {
    background-color: #f9fafb !important; /* gray-50 */
    border-color: #9ca3af !important; /* gray-400 */
    color: #111827 !important; /* gray-900 */
}

/* Deny Button (Red) */
.swal2-deny-custom {
    background-color: #ef4444 !important; /* red-500 */
    border-color: #ef4444 !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    padding: 0.625rem 1.5rem !important;
    border-radius: 0.375rem !important;
    transition: all 0.2s ease !important;
}

.swal2-deny-custom:hover {
    background-color: #dc2626 !important; /* red-600 */
    border-color: #dc2626 !important;
}

/* Input Fields */
.swal2-input-custom {
    border: 1px solid #d1d5db !important; /* gray-300 */
    border-radius: 0.375rem !important;
    padding: 0.5rem 0.75rem !important;
    color: #111827 !important; /* gray-900 */
    transition: all 0.2s ease !important;
}

.swal2-input-custom:focus {
    outline: none !important;
    border-color: #16a34a !important; /* primary-600 - green */
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.1) !important;
}

/* Icon Colors */
.swal2-icon.swal2-success {
    border-color: #16a34a !important; /* primary-600 - green */
    color: #16a34a !important;
}

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

.swal2-icon.swal2-success [class^=swal2-success-ring] {
    border-color: rgba(22, 163, 74, 0.3) !important;
}

.swal2-icon.swal2-info {
    border-color: #3b82f6 !important; /* blue-500 */
    color: #3b82f6 !important;
}

.swal2-icon.swal2-warning {
    border-color: #f59e0b !important; /* amber-500 */
    color: #f59e0b !important;
}

.swal2-icon.swal2-error {
    border-color: #ef4444 !important; /* red-500 */
    color: #ef4444 !important;
}

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

/* Progress Bar */
.swal2-progress-bar {
    background-color: #16a34a !important; /* primary-600 - green */
}

/* Toast Notifications */
.swal2-toast {
    border-radius: 0.5rem !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

/* Override default purple colors */
.swal2-popup {
    background: #ffffff !important;
}

.swal2-title {
    color: #166534 !important; /* primary-800 - dark green */
}

.swal2-html-container {
    color: #374151 !important; /* gray-700 */
}

/* Override any purple button colors */
.swal2-confirm {
    background-color: #16a34a !important; /* primary-600 - green */
    border-color: #16a34a !important;
}

.swal2-confirm:hover {
    background-color: #15803d !important; /* primary-700 - darker green */
    border-color: #15803d !important;
}

/* Override purple focus rings */
.swal2-input:focus {
    border-color: #16a34a !important; /* primary-600 - green */
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.1) !important;
}