:root{
    --pacad-toast-maxw: 760px;
    --pacad-toast-pad: 18px 22px;
    --pacad-toast-radius: 14px;
    --pacad-toast-z: 99999;
    --pacad-toast-font: 16px;
    --pacad-toast-line: 1.4;
    --pacad-toast-gap: 12px;
    --pacad-toast-shadow:
            0 18px 40px rgba(0,0,0,.22),
            0 4px 10px rgba(0,0,0,.12);
    --pacad-toast-offset: 72px; /* bumped down to be very visible */
    --pacad-toast-fg: #fff;
    --pacad-success-bg: #16a34a; /* green */
    --pacad-error-bg:   #ef4444; /* red */
    --pacad-info-bg:    #0ea5e9; /* sky */
    --pacad-border: rgba(255,255,255,.18);
}

.pacad-toast{
    position: fixed;
    left: 50%;
    top: var(--pacad-toast-offset);
    transform: translateX(-50%) translateY(-8px);
    width: calc(100% - 32px);
    max-width: var(--pacad-toast-maxw);
    padding: var(--pacad-toast-pad);
    border-radius: var(--pacad-toast-radius);
    background: var(--pacad-info-bg);
    color: var(--pacad-toast-fg);
    box-shadow: var(--pacad-toast-shadow);
    border: 1px solid var(--pacad-border);
    opacity: 0;
    transition: transform .22s ease, opacity .22s ease;
    z-index: var(--pacad-toast-z);
    display: flex;
    align-items: flex-start;
    gap: var(--pacad-toast-gap);
    font-size: var(--pacad-toast-font);
    line-height: var(--pacad-toast-line);
}

.pacad-toast.show{ opacity: 1; transform: translateX(-50%) translateY(0); }

.pacad-toast.success{ background: var(--pacad-success-bg); }
.pacad-toast.error{ background: var(--pacad-error-bg); }
.pacad-toast.info{ background: var(--pacad-info-bg); }

/* Icon (SVG uses currentColor = white here) */
.pacad-toast__icon{
    flex: 0 0 auto;
    margin-top: 2px;
    width: 22px;
    height: 22px;
    display: inline-flex;
}
.pacad-toast__icon svg{
    width: 22px;
    height: 22px;
    display: block;
    fill: currentColor;
}

.pacad-toast__body{
    flex: 1 1 auto;
}

.pacad-toast__close{
    appearance: none;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 22px;
    line-height: 1;
    padding: 0 4px;
    cursor: pointer;
    opacity: .9;
}
.pacad-toast__close:hover{ opacity: 1; }

/* Don’t clash with WP admin bar */
.admin-bar .pacad-toast{ top: calc(var(--pacad-toast-offset) + 32px); }
@media (min-width:783px){ .admin-bar .pacad-toast{ top: calc(var(--pacad-toast-offset) + 46px); } }

/* Slightly bigger on wide screens */
@media (min-width: 1024px){
    :root{ --pacad-toast-font: 17px; --pacad-toast-radius: 16px; }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
    .pacad-toast{ transition: none; }
}