/* ======================
   Toast Dietcon Premium
   ====================== */

/* ---------- contêiner fixo no topo ---------- */
.toast-container {
    z-index: 1060;
    pointer-events: none;
    /* cliques só dentro do toast */
}

/* ---------- toast base ---------- */
.toast {
    display: flex;
    align-items: center;
    gap: 0.75rem;

    background-color: #fff;
    color: #20232b;

    border-radius: 12px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08),
        0 2px 6px rgba(0, 0, 0, 0.06);

    padding: 0.85rem 1.1rem;
    min-width: 280px;
    max-width: 360px;
    opacity: 0.98;

    animation: slide-in-right 0.35s ease-out both;
    pointer-events: auto;
    /* botão “x” clicável */
}

/* ---------- ícone circular ---------- */
.toast .toast-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;

    background-color: rgba(108, 99, 255, 0.10);
    /* fallback */
    color: #6c63ff;
    flex-shrink: 0;
    font-size: 1.3rem;
}

/* ---------- corpo ---------- */
.toast .toast-body {
    flex: 1;
    font-weight: 500;
    font-size: 0.95rem;
    line-height: 1.4;
}

/* ---------- botão fechar ---------- */
.toast .btn-close {
    opacity: 0.6;
    transition: opacity 0.2s;
}

.toast .btn-close:hover {
    opacity: 1;
}

/* =========================================================
   VARIAÇÕES DE STATUS
   (altere bg / borda / cor conforme a identidade Dietcon)
   ========================================================= */

/* SUCCESS */
.toast.success {
    background: #e9f8f1;
    border-left: 4px solid #2ecc71;
    color: #1e824c;
}

.toast.success .toast-icon {
    background-color: rgba(46, 204, 113, 0.15);
    color: #2ecc71;
}

/* ERROR (igual a danger legacy) */
.toast.error {
    background: #fdecea;
    border-left: 4px solid #e74c3c;
    color: #c53030;
}

.toast.error .toast-icon {
    background-color: rgba(231, 76, 60, 0.15);
    color: #e74c3c;
}

/* WARNING */
.toast.warning {
    background: #fff8e6;
    border-left: 4px solid #f1c40f;
    color: #caa20b;
}

.toast.warning .toast-icon {
    background-color: rgba(241, 196, 15, 0.15);
    color: #f1c40f;
}

/* INFO */
.toast.info {
    background: #eef0ff;
    border-left: 4px solid #5b4bff;
    color: #3d36b5;
}

.toast.info .toast-icon {
    background-color: rgba(91, 75, 255, 0.15);
    color: #5b4bff;
}

/* PURPLE (extra) */
.toast.purple {
    background: #f1efff;
    border-left: 4px solid #5b4bff;
    color: #4338ca;
}

.toast.purple .toast-icon {
    background-color: rgba(91, 75, 255, 0.15);
    color: #5b4bff;
}

/* DANGER (novo alias Dietcon) */
.toast.danger {
    background: #fdecea;
    /* vermelho clarinho */
    border-left: 4px solid #e74c3c;
    color: #c53030;
}

.toast.danger .toast-icon {
    background-color: rgba(231, 76, 60, 0.15);
    color: #e74c3c;
}

.toast.danger .btn-close {
    color: inherit;
}

/* =========================================================
   ANIMAÇÃO
   ========================================================= */
@keyframes slide-in-right {
    from {
        opacity: 0;
        transform: translateX(40px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}