/* ===================================================================== | ECC — Alertes transverses (SweetAlert2 via LivewireAlert) | Chargé sur les layouts « front » (espace fidèle) ET « sigrecc » | (pages publiques) : les toasts sont rendus au niveau , donc | ce style doit exister partout où un toast peut apparaître. | Dépend des jetons de public/css/tokens.css (var --color-* ...). ===================================================================== */ /* ------------------------------------------------------------------ */ /* Toast « pause de sécurité paiement » (.swal-ecc-throttle) */ /* Registre INFO bleu nuit charte — bienveillant, jamais alarmant. */ /* ------------------------------------------------------------------ */ /* !important : SweetAlert2 (.swal2-toast) applique ses propres fond/bordure avec une spécificité égale ; selon le layout il se charge avant ou après ce fichier. Le !important garantit un rendu identique partout. */ .swal2-popup.swal-ecc-throttle { background: var(--color-info-bg, #E0F0FD) !important; border: 1px solid var(--color-info-border, #7EC1F5) !important; border-left: 4px solid var(--color-primary, #0E60A9) !important; border-radius: var(--field-radius, 12px) !important; box-shadow: 0 2px 8px rgba(14, 96, 169, 0.08), 0 12px 32px -10px rgba(14, 96, 169, 0.18) !important; padding: 15px 18px 13px 15px; max-width: 380px; } /* Icône info recolorée bleu nuit (pas d'orange par défaut) */ .swal2-popup.swal-ecc-throttle .swal2-icon.swal2-info { border-color: var(--color-primary, #0E60A9) !important; color: var(--color-primary, #0E60A9) !important; width: 30px; height: 30px; min-width: 30px; font-size: 20px; margin: 0 2px 0 0; } /* Titre — Poppins, bleu nuit */ .swal-ecc-throttle__title { font-family: var(--font-heading, 'Poppins', sans-serif); font-size: 15px; font-weight: 600; color: var(--color-primary, #0E60A9); line-height: 1.3; margin: 0 0 3px; padding: 0; text-align: left; } /* Corps — Montserrat, texte secondaire */ .swal-ecc-throttle__body { font-family: var(--font-body, 'Montserrat', sans-serif); font-size: 13px; font-weight: 400; color: var(--text-secondary, #3A4F61); line-height: 1.55; margin: 0; padding: 0; text-align: left; } /* Barre de progression — fine, bleu nuit adouci */ .swal-ecc-throttle__bar { background: var(--color-primary, #0E60A9) !important; height: 3px; opacity: 0.5; } /* Bouton fermer — discret */ .swal-ecc-throttle__close { color: var(--text-muted, #6D8599); font-size: 20px; font-weight: 400; opacity: 0.7; transition: color 0.15s ease, opacity 0.15s ease; } .swal-ecc-throttle__close:hover { color: var(--color-primary, #0E60A9); opacity: 1; } /* Apparition douce (ease-out, sans rebond agressif) */ @keyframes eccToastIn { from { opacity: 0; transform: translateY(-8px) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); } } .swal2-popup.swal-ecc-throttle.swal2-show { animation: eccToastIn 0.22s cubic-bezier(0.22, 1, 0.36, 1) both; } /* Mobile : le toast s'adapte à la largeur de l'écran */ @media (max-width: 480px) { .swal2-popup.swal-ecc-throttle { max-width: calc(100vw - 28px); } }