/* Site-wide SweetAlert2 popup styling — keeps every popup (admin, vendor
   dashboard, storefront, card editor, etc.) looking like the same product.
   Loaded after each section's own CSS bundle; selectors are scoped and
   !important is used so it wins over the older per-section swal2 overrides
   still baked into those bundles. */
div.swal2-container div.swal2-popup {
    border-radius: 24px !important;
    padding: 20px 22px !important;
    max-width: 360px !important;
    width: 90% !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15) !important;
    font-family: 'Poppins', sans-serif, system-ui !important;
}
div.swal2-container div.swal2-popup .swal2-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #3a1320 !important;
    margin-top: 10px !important;
    padding: 0 !important;
}
div.swal2-container div.swal2-popup .swal2-html-container {
    font-size: 13px !important;
    color: #6a5a60 !important;
    margin: 8px 0 0 0 !important;
    line-height: 1.45 !important;
}
div.swal2-container div.swal2-popup .swal2-icon {
    transform: scale(0.72) !important;
    margin: 6px auto 0 auto !important;
}
div.swal2-container div.swal2-popup .swal2-actions {
    margin-top: 16px !important;
    gap: 8px !important;
}
div.swal2-container div.swal2-popup .swal2-confirm {
    background-color: #c0204c !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    padding: 8px 18px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(192, 32, 76, 0.25) !important;
}
div.swal2-container div.swal2-popup .swal2-confirm:hover {
    background-color: #a01a3f !important;
}
div.swal2-container div.swal2-popup .swal2-cancel {
    background-color: #6c757d !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    padding: 8px 18px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    border: none !important;
}
div.swal2-container div.swal2-popup .swal2-cancel:hover {
    background-color: #5a6268 !important;
}