/*
 * Alert / notice component.
 *
 * NEW as of Sprint 7 — nothing currently renders an alert anywhere in
 * the theme, so this is pure addition. First real consumers will likely
 * be Sprint 8's Theme Options save-confirmation messages and any future
 * newsletter-signup success/error state (Sprint 12).
 *
 * @package TFGadgets
 */

.alert{
	display:flex;
	align-items:flex-start;
	gap:var(--space-3);
	padding:14px 16px;
	border:1px solid var(--line-strong);
	border-left:3px solid var(--text-faint);
	background:var(--bg-card);
	font-size:14px;
	color:var(--text-muted);
	margin-bottom:var(--space-4);
}
.alert__icon{ flex:none; width:18px; height:18px; margin-top:1px; }
.alert__body{ flex:1; }
.alert__title{ display:block; font-weight:600; color:var(--text); margin-bottom:2px; }

.alert--info{ border-left-color:var(--accent); }
.alert--info .alert__icon{ color:var(--accent); }

.alert--success{ border-left-color:var(--cat-2); }
.alert--success .alert__icon{ color:var(--cat-2); }

.alert--warning{ border-left-color:#d1a13f; }
.alert--warning .alert__icon{ color:#d1a13f; }

.alert--error{ border-left-color:#e0685f; }
.alert--error .alert__icon{ color:#e0685f; }