/* ==========================================================================
    theme.css — tiny global polish that doesn’t belong elsewhere:
    toast UI (base.html uses #toast + classes)
    ========================================================================== */

    /* Toast (base.html) */
    .toast{
        position: fixed;
        right: var(--gutter);
        bottom: var(--gutter);
        width: min(22rem, calc(100vw - (var(--gutter) * 2)));
        background: var(--bg);
        border: 1px solid var(--ink-12);
        border-radius: var(--r-2);
        box-shadow: var(--sh-2);
        padding: 0.9rem 1rem;
        z-index: 90;
    
        opacity: 0;
        transform: translateY(8px);
        transition: opacity var(--dur-2) var(--ease), transform var(--dur-2) var(--ease);
    }
    .toast.show{
        opacity: 1;
        transform: translateY(0);
    }
    .toast.hidden{ display:none; }
    
    /* Left “status bar” using allowed colors only */
    .toast::before{
        content:"";
        position:absolute;
        left: 0.6rem;
        top: 0.65rem;
        bottom: 0.65rem;
        width: 0.35rem;
        border-radius: var(--r-pill);
        background: var(--ink-12);
    }
    .toast-success::before{ background: var(--success); }
    .toast-error::before{ background: var(--danger); }
    .toast-info::before{ background: var(--primary); }
    .toast-default::before{ background: var(--ink-12); }
    
    .toast a.toast-cart-link{
        color: var(--text);
        text-decoration: underline;
        text-underline-offset: 0.2em;
    }