/* HADDO (28/10/2026) — AVVISI DEL SITO COME QUELLI DI HABBO.IT ("Salvato!" nelle Impostazioni).
   L'utente: "tutti gli avvisi del CMS devono essere cosi'". Riquadro pieno in alto al centro, cerchio bianco con
   l'ombra scura sotto e il simbolo dentro, testo bianco, barra del tempo scura in fondo che si accorcia.
   Colori campionati dal ritaglio dell'utente: verde #00B14E, barra e ombra del cerchio #007C36. Misure dal
   ritaglio (cerchio 75 px su un riquadro alto 111 + 6 di barra, a scala ~1,85): cerchio 40, margine 10,
   20 fra cerchio e testo, barra 3. Gli altri tipi (errore, attenzione, info) sono lo stesso riquadro in un
   altro colore: su Habbo non ne abbiamo uno scatto. Il JS e' in components/messages/flash-messages.blade.php */

.swal2-container.swal2-top {
    padding: 8px 16px !important;
}

.swal2-popup.swal2-toast.hh-avviso {
    --hh-avviso-fondo: #00b14e;
    --hh-avviso-scuro: #007c36;
    --hh-avviso-segno: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12.5l5.5 5.5L20 6.5' fill='none' stroke='%23007c36' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round' transform='translate(0 1)'/%3E%3Cpath d='M4 12.5l5.5 5.5L20 6.5' fill='none' stroke='%2330a625' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    position: relative;
    display: flex !important;
    align-items: center;
    gap: 20px;
    box-sizing: border-box;
    width: auto !important;
    min-width: 0;
    max-width: min(440px, calc(100vw - 32px));
    min-height: 63px;
    margin: 0 auto;
    padding: 10px 30px 13px 10px !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: 4px !important;
    background: var(--hh-avviso-fondo) !important;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .25) !important;
}

.swal2-popup.swal2-toast.hh-avviso::before {
    content: '';
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ffffff var(--hh-avviso-segno) no-repeat center / 24px 24px;
    box-shadow: 0 2px 0 var(--hh-avviso-scuro);
}

.swal2-popup.swal2-toast.hh-avviso .swal2-icon,
.swal2-popup.swal2-toast.hh-avviso .swal2-html-container,
.swal2-popup.swal2-toast.hh-avviso .swal2-close,
.swal2-popup.swal2-toast.hh-avviso .swal2-actions {
    display: none !important;
}

.swal2-popup.swal2-toast.hh-avviso .swal2-title {
    flex: 1 1 auto;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-family: Ubuntu, "Trebuchet MS", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    word-break: break-word;
}

.swal2-popup.swal2-toast.hh-avviso .swal2-timer-progress-bar-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    border-radius: 0 !important;
    background: transparent;
}

.swal2-popup.swal2-toast.hh-avviso .swal2-timer-progress-bar {
    height: 3px !important;
    background: var(--hh-avviso-scuro) !important;
}

/* errore: rosso, la X */
.swal2-popup.swal2-toast.hh-avviso--errore {
    --hh-avviso-fondo: #e0393c;
    --hh-avviso-scuro: #a3201f;
    --hh-avviso-segno: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' fill='none' stroke='%23a3201f' stroke-width='4.5' stroke-linecap='round' transform='translate(0 1)'/%3E%3Cpath d='M6 6l12 12M18 6L6 18' fill='none' stroke='%23e0393c' stroke-width='4.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* attenzione: arancio, il punto esclamativo */
.swal2-popup.swal2-toast.hh-avviso--attenzione {
    --hh-avviso-fondo: #f29100;
    --hh-avviso-scuro: #b06500;
    --hh-avviso-segno: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v10' fill='none' stroke='%23f29100' stroke-width='4.5' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='19.5' r='2.4' fill='%23f29100'/%3E%3C/svg%3E");
}

/* informazione: azzurro di Habbo, la i */
.swal2-popup.swal2-toast.hh-avviso--info {
    --hh-avviso-fondo: #1e88c8;
    --hh-avviso-scuro: #0d5c8c;
    --hh-avviso-segno: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='5' r='2.4' fill='%231e88c8'/%3E%3Cpath d='M12 10.5V20' fill='none' stroke='%231e88c8' stroke-width='4.5' stroke-linecap='round'/%3E%3C/svg%3E");
}