/* ══════════════════════════════════════════════════════════════════════════
 * OGACE BRAND GLOW LAYER — absolute last stylesheet loaded (see functions.php
 * enqueue: depends on oga-mini-app, oga-brand, oga-brand-polish, oga-finish,
 * oga-category-listings, oga-networks-white).
 *
 * Applies one consistent shape/shadow highlight — built from the two logo
 * colors, --brand-blue #032EA1 and --brand-red #E00025 (see
 * ogace-brand.css) — to every text element and every icon sitewide.
 *
 * This intentionally supersedes ogace-finish.css §3 ("depth on large type
 * only, none on small text/labels/inputs") per request: the highlight now
 * reaches every heading, paragraph, label, button and icon, not just large
 * type. The two accessibility fallbacks from ogace-finish.css §8 — Windows
 * High-Contrast Mode (forced-colors) and print — are preserved below so the
 * effect never fights assistive tech or wastes printer ink.
 * ══════════════════════════════════════════════════════════════════════════ */

:root {
	--oga-glow-a: var( --brand-blue, #032EA1 );
	--oga-glow-b: var( --brand-red,  #E00025 );
}

/* ── 1 · Every text-bearing element ─────────────────────────────────────── */
body,
h1, h2, h3, h4, h5, h6,
p, span, a, li, dt, dd, blockquote, figcaption, caption, summary,
label, button, input, textarea, select, legend,
small, code, kbd, pre, mark, time, strong, em,
.oga-section-label, .oga-btn, .oga-badge, .oga-pillar-chip,
.oga-stat-label, .oga-stat-value, .oga-stat-note,
.oga-dir-title, .oga-dir-desc, .oga-dir-layer,
.oga-entry-meta, .oga-article-body, .oga-article-body p,
.oga-brand-logo-name, .oga-brand-logo-sub, .oga-logo-name, .oga-logo-sub,
.oga-prompt, .oga-hero-title, .oga-article-title,
.oga-sms-headline, .oga-sms-eyebrow, .oga-sms-body,
.ogace-pillars-section h3, .ogace-pillars-section p {
	text-shadow:
		0 1px 2px color-mix( in srgb, var( --oga-glow-a ) 55%, transparent ),
		0 0  6px  color-mix( in srgb, var( --oga-glow-b ) 35%, transparent ) !important;
}

/* ── 2 · Every icon — emoji glyphs, inline SVG, and <img> icons.
 *       text-shadow does nothing to painted graphics, so icons get the
 *       filter equivalent: drop-shadow, using the same two-tone recipe. ── */
img, svg,
.oga-sms-icon, .ogace-pillar-icon,
[class*="-icon"], [class*="Icon"], [class*="icon-"] {
	filter:
		drop-shadow( 0 1px 2px color-mix( in srgb, var( --oga-glow-a ) 55%, transparent ) )
		drop-shadow( 0 0 4px  color-mix( in srgb, var( --oga-glow-b ) 35%, transparent ) ) !important;
}

/* ── 3 · Accessibility fallbacks carried over from ogace-finish.css §8 ──── */
@media ( forced-colors: active ) {
	*, img, svg { text-shadow: none !important; filter: none !important; }
}

@media print {
	*, img, svg { text-shadow: none !important; filter: none !important; }
}