/*
 * splitea-confirm.css — Look sobre commun pour les popups de confirmation.
 * Surcharge minimaliste de SweetAlert2 (v11). Conserve les overlay/animations
 * par défaut, ne touche qu'aux éléments customisés (popup, title, body,
 * actions, boutons, icône).
 */

.sp-confirm-popup {
    border-radius: 14px !important;
    padding: 26px 28px !important;
    box-shadow: 0 16px 48px rgba(17, 24, 39, .18) !important;
    font-family: inherit;
    max-width: 460px;
    width: 92vw;
}

.sp-confirm-popup .sp-confirm-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 14px;
    border-width: 2px;
}

.sp-confirm-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #111827 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    line-height: 1.35 !important;
}

.sp-confirm-body {
    font-size: 14px !important;
    line-height: 1.55 !important;
    color: #4b5563 !important;
    margin: 0 !important;
    padding: 0 4px !important;
}

.sp-confirm-actions {
    margin: 22px 0 0 !important;
    gap: 10px !important;
    display: flex !important;
    justify-content: center !important;
    width: 100%;
}

.sp-confirm-btn {
    border: none !important;
    border-radius: 10px !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: background .15s ease, transform .05s ease, box-shadow .15s ease !important;
    min-width: 100px !important;
    line-height: 1.3 !important;
    box-shadow: none !important;
    outline: none !important;
}

.sp-confirm-btn:focus-visible {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .35) !important;
}

.sp-confirm-btn:active {
    transform: translateY(1px);
}

.sp-confirm-btn-primary {
    background: #2563eb !important;
    color: #ffffff !important;
}
.sp-confirm-btn-primary:hover {
    background: #1d4ed8 !important;
}

.sp-confirm-btn-danger {
    background: #dc2626 !important;
    color: #ffffff !important;
}
.sp-confirm-btn-danger:hover {
    background: #b91c1c !important;
}
.sp-confirm-btn-danger:focus-visible {
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .35) !important;
}

.sp-confirm-btn-secondary {
    background: #f3f4f6 !important;
    color: #111827 !important;
}
.sp-confirm-btn-secondary:hover {
    background: #e5e7eb !important;
}

/* Mobile : boutons pleine largeur empilés */
@media (max-width: 480px) {
    .sp-confirm-popup {
        padding: 22px 20px !important;
    }
    .sp-confirm-actions {
        flex-direction: column-reverse !important;
        gap: 8px !important;
    }
    .sp-confirm-btn {
        width: 100% !important;
        min-width: 0 !important;
    }
}