/* ==========================================================
   SEPTIMA toast.css v0.1
   Krátké systémové zprávy
   ========================================================== */

.toast-container {
    position: fixed;
    right: var(--space-md);
    bottom: var(--space-md);
    z-index: 1000;

    display: flex;
    flex-direction: column;
    gap: var(--space-sm);

    width: min(92vw, 360px);
}

.toast {
    padding: var(--space-sm) var(--space-md);

    color: var(--text);
    background: var(--surface);

    border: 1px solid var(--border);
    border-left: 2px solid var(--primary);
    border-bottom: 2px solid transparent;
    border-radius: var(--radius);
    box-shadow: var(--shadow);

    line-height: 1.4;
    overflow-wrap: break-word;
    cursor: pointer;

    transition:
        opacity .2s ease,
        transform .2s ease;
}

.toast-hide {
    opacity: 0;
    transform: translateY(10px);
}

.toast-info {
    background: var(--info-soft);
    border-left: 3px solid var(--info);
    border-bottom: 3px solid var(--info);
}

.toast-success {
    background: var(--success-soft);
    border-left: 3px solid var(--success);
    border-bottom: 3px solid var(--success);       
}

.toast-warning {
    background: var(--warning-soft);
    border-left: 3px solid var(--warning);
    border-bottom: 3px solid var(--warning);   
}

.toast-error {
    background: var(--danger-soft);
    border-left: 3px solid var(--danger);
    border-bottom: 3px solid var(--danger);    
}

@media (max-width: 768px) {
    .toast-container {
        left: var(--space-sm);
        right: var(--space-sm);
        bottom: var(--space-sm);
        width: auto;
    }
}