/**
 * .ww-alert — inline notices (form errors, "not enough data" states,
 * responsible-gambling notices, affiliate disclosures).
 */

.ww-alert {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    padding: 0.875rem 1rem;
    border-radius: var(--ww-radius-md);
    border: var(--ww-border-width) solid transparent;
    font-size: var(--wp--preset--font-size--small);
}

.ww-alert--info    { background: color-mix(in srgb, var(--wp--preset--color--info) 8%, white); border-color: color-mix(in srgb, var(--wp--preset--color--info) 30%, transparent); color: var(--wp--preset--color--ink); }
.ww-alert--success { background: color-mix(in srgb, var(--wp--preset--color--success) 8%, white); border-color: color-mix(in srgb, var(--wp--preset--color--success) 30%, transparent); color: var(--wp--preset--color--ink); }
.ww-alert--warning  { background: color-mix(in srgb, var(--wp--preset--color--warning) 8%, white); border-color: color-mix(in srgb, var(--wp--preset--color--warning) 30%, transparent); color: var(--wp--preset--color--ink); }
.ww-alert--danger  { background: color-mix(in srgb, var(--wp--preset--color--danger) 8%, white); border-color: color-mix(in srgb, var(--wp--preset--color--danger) 30%, transparent); color: var(--wp--preset--color--ink); }

/* Affiliate/sponsorship disclosure — visually distinct but not alarming;
   never styled like a warning, per master spec's separation of commercial
   and editorial signals. */
.ww-alert--disclosure {
    background: var(--wp--preset--color--surface-alt);
    color: var(--wp--preset--color--muted);
    font-size: var(--wp--preset--font-size--caption);
}