/* Calendly Success Message Styling */
.swal-wide {
    width: 600px !important;
    max-width: 90vw !important;
}

.swal2-popup .alert {
    margin-bottom: 0;
    border-radius: 0.375rem;
}

.swal2-popup .alert-info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
}

.swal2-popup .text-success {
    color: #28a745 !important;
}

.swal2-popup .text-warning {
    color: #ffc107 !important;
}

.swal2-popup .text-muted {
    color: #6c757d !important;
}

.swal2-popup .fas {
    display: block;
    margin: 0 auto;
}

.swal2-popup .spinner-border {
    width: 3rem;
    height: 3rem;
}

/* Animation for success icons */
@keyframes bounceIn {
    0% {
        transform: scale(0.3);
        opacity: 0;
    }
    50% {
        transform: scale(1.05);
    }
    70% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.swal2-popup .fas.fa-calendar-check,
.swal2-popup .fas.fa-check-circle {
    animation: bounceIn 0.6s ease-in-out;
}

/* Custom button styling */
.swal2-confirm {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    font-weight: 600 !important;
}

.swal2-confirm:hover {
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
}

.swal2-cancel {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    font-weight: 600 !important;
}

.swal2-cancel:hover {
    background-color: #5a6268 !important;
    border-color: #545b62 !important;
}

/* Loading animation */
.swal2-popup .spinner-border {
    border-width: 3px;
}

/* Success message layout */
.swal2-popup .text-center {
    text-align: center !important;
}

.swal2-popup .text-start {
    text-align: left !important;
}

.swal2-popup .mb-3 {
    margin-bottom: 1rem !important;
}

.swal2-popup .small {
    font-size: 0.875rem !important;
}

/* List styling in payment instructions */
.swal2-popup ol {
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

.swal2-popup ol li {
    margin-bottom: 0.5rem;
    line-height: 1.4;
}
