/* ==========================================================================
   Thème SweetAlert2 du site : reprend le look des cartes quiz/flashcard
   (coins arrondis, icônes pleines, boutons pilule) sur toutes les popups.
   Chargé globalement (layouts/connected*.blade.php) : ne dépend pas de study.css.
   Les propriétés qu'un appel peut personnaliser en ligne (confirmButtonColor,
   cancelButtonColor) restent en background-color (jamais !important) pour que
   ces cas particuliers (ex. confirmation de suppression en rouge) continuent
   à fonctionner par-dessus ce thème.
   ========================================================================== */

.swal2-container {
    background: rgba(15, 23, 42, .55) !important;
    backdrop-filter: blur(4px);
    font-family: 'Poppins', system-ui, sans-serif;
}

.swal2-popup {
    width: min(30em, calc(100% - 2rem));
    padding: 1.75rem 1.75rem 1.5rem;
    border-radius: 1.5rem !important;
    box-shadow: 0 30px 60px -20px rgba(15, 23, 42, .5);
    font-family: inherit;
}

.dark .swal2-popup {
    background: #1e293b;
    color: #e2e8f0;
}

.swal2-title {
    padding: .5rem 0 0;
    font-size: 1.35rem;
    font-weight: 800;
    color: #1e293b;
}

.dark .swal2-title {
    color: #f1f5f9;
}

.swal2-html-container {
    margin: .5rem 1.25rem 0;
    font-size: .92rem;
    font-weight: 500;
    line-height: 1.5;
    color: #64748b;
}

.dark .swal2-html-container {
    color: #94a3b8;
}

/* --------------------------------------------------------------------------
   Icônes : cercle plein (comme les résultats de quiz/flashcard) au lieu de
   l'anneau fin par défaut. Les traits internes (check, croix) passent en blanc.
   -------------------------------------------------------------------------- */
.swal2-icon {
    width: 4.5rem;
    height: 4.5rem;
    margin: .5rem auto 1rem;
    border: none !important;
}

.swal2-icon-content {
    font-size: 2.25rem;
}

.swal2-icon.swal2-success {
    background: linear-gradient(135deg, #34d399, #059669);
}

.swal2-icon.swal2-success [class^='swal2-success-circular-line'],
.swal2-icon.swal2-success .swal2-success-fix {
    display: none;
}

.swal2-icon.swal2-success [class^='swal2-success-line'] {
    background-color: #fff;
    z-index: 1;
}

.swal2-icon.swal2-success .swal2-success-ring {
    border: none;
}

.swal2-icon.swal2-error {
    background: linear-gradient(135deg, #fb7185, #e11d48);
}

.swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
    background-color: #fff;
}

.swal2-icon.swal2-warning {
    background: linear-gradient(135deg, #fbbf24, #d97706);
    color: #fff;
}

.swal2-icon.swal2-warning .swal2-icon-content {
    color: #fff;
}

.swal2-icon.swal2-info {
    background: linear-gradient(135deg, #38bdf8, #0284c7);
}

.swal2-icon.swal2-info .swal2-icon-content {
    color: #fff;
}

.swal2-icon.swal2-question {
    background: linear-gradient(135deg, #818cf8, #4f46e5);
}

.swal2-icon.swal2-question .swal2-icon-content {
    color: #fff;
}

/* --------------------------------------------------------------------------
   Boutons : pilules pleines (comme .fc-btn), fond en background-color pour
   qu'un confirmButtonColor / cancelButtonColor personnalisé garde la main.
   -------------------------------------------------------------------------- */
.swal2-actions {
    gap: .6rem;
    margin-top: 1.5rem;
}

.swal2-styled {
    padding: .7rem 1.4rem;
    border-radius: .85rem !important;
    font-size: .92rem;
    font-weight: 700;
    box-shadow: none !important;
    transition: filter .15s, transform .12s;
}

.swal2-styled:hover {
    filter: brightness(1.05);
}

.swal2-styled:active {
    transform: scale(.97);
}

.swal2-styled:focus-visible {
    outline: 2px solid #6366f1;
    outline-offset: 2px;
    box-shadow: none !important;
}

.swal2-confirm.swal2-styled {
    background-color: #4f46e5;
}

.swal2-deny.swal2-styled {
    background-color: #e11d48;
}

.swal2-cancel.swal2-styled {
    background-color: #f1f5f9;
    color: #475569;
}

.dark .swal2-cancel.swal2-styled {
    background-color: #334155;
    color: #cbd5e1;
}

.swal2-close {
    color: #94a3b8;
    transition: color .15s;
}

.swal2-close:hover {
    color: #1e293b;
    background: transparent;
}

.dark .swal2-close:hover {
    color: #e2e8f0;
}

.swal2-timer-progress-bar {
    background: #6366f1;
}

.swal2-loading .swal2-styled.swal2-confirm {
    background-color: #4f46e5 !important;
}