/* Custom SweetAlert2 styling for better text alignment and spacing */

/* Make the popup smaller and more compact */
.swal2-popup {
    width: 400px !important;
    max-width: 90% !important;
    padding: 1.25em !important;
    font-size: 0.95rem !important;
    border: 2px solid #eebb00 !important;
    /* Gold/Yellow border */
    border-radius: 10px !important;
}

/* Center and add padding to the HTML content */
.swal2-html-container {
    text-align: center !important;
    padding: 1em 1.5em !important;
    margin: 0 auto !important;
    font-size: 0.95em !important;
}

/* Ensure list items in confirmation dialogs are properly spaced */
.swal2-html-container ul,
.swal2-html-container ol {
    text-align: left !important;
    padding-left: 1.5em !important;
    margin: 0.75em auto !important;
    max-width: 90%;
}

/* Add spacing to list items */
.swal2-html-container li {
    margin: 0.4em 0 !important;
    padding-left: 0.3em !important;
}

/* Center the title with better spacing */
.swal2-title {
    padding: 0.75em 1em 0.5em !important;
    text-align: center !important;
    font-size: 1.5em !important;
}

/* Reduce icon size by scaling the font-size */
/* This ensures internal elements (like the checkmark) scale proportionally */
.swal2-icon {
    font-size: 0.8em !important;
    /* Scales the default 5em icon down to ~4em */
    margin: 2em auto 1em !important;
    width: 5em !important;
    /* Restore default width (in ems) so internal positioning works */
    height: 5em !important;
    /* Restore default height (in ems) */
}

/* Ensure buttons are centered and compact */
.swal2-actions {
    justify-content: center !important;
    gap: 0.75em !important;
    padding: 0 1em 0.75em !important;
    margin-top: 1em !important;
}

/* Make buttons slightly smaller */
.swal2-styled {
    padding: 0.5em 1.5em !important;
    font-size: 0.95em !important;
}