/**
 * Custom SweetAlert2 Styling
 * Global button colors: green for confirm, red for cancel
 */

/* Hide any horizontal rule/separator between icon and content */
.swal2-popup hr,
.swal2-popup .swal2-separator {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    visibility: hidden !important;
}

/* Remove bottom border/line from icon area */
.swal2-icon {
    margin-bottom: 10px !important;
    border-bottom: none !important;
}

/* Remove any borders that could appear as lines in the popup */
.swal2-popup .swal2-icon + hr,
.swal2-popup .swal2-icon ~ hr,
.swal2-popup > hr {
    display: none !important;
}

/* Target the header area border */
.swal2-header {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* Title and content sizing */
.swal2-title {
    font-size: 1.75rem !important;
}

.swal2-html-container {
    font-size: 1.2rem !important;
    line-height: 1.6 !important;
}

/* Button sizing */
.swal2-confirm,
.swal2-cancel {
    font-size: 1.1rem !important;
    padding: 12px 30px !important;
}

/* Confirm button - Green */
.swal2-confirm.swal2-styled {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.swal2-confirm.swal2-styled:hover {
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
}

.swal2-confirm.swal2-styled:focus {
    box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5) !important;
}

/* Cancel button - Red */
.swal2-cancel.swal2-styled {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.swal2-cancel.swal2-styled:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
}

.swal2-cancel.swal2-styled:focus {
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5) !important;
}

/* Deny button - Red (same as cancel) */
.swal2-deny.swal2-styled {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.swal2-deny.swal2-styled:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
}

.swal2-deny.swal2-styled:focus {
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5) !important;
}