/* Aurora cookie-consent banner — GDPR gate for GA4 Consent Mode v2 (default-denied until the visitor accepts/rejects here). Minimal bottom bar; colors reuse the Aurora tokens declared in aurora.css (--fx-*), loaded earlier in so those custom properties are already defined. Only linked in _Layout.cshtml when Analytics:GA4 has a measurement ID configured. */ .fx-cookie-consent { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1050; padding: 16px; } .fx-cookie-consent[hidden] { display: none; } .fx-cookie-consent-inner { max-width: 720px; margin: 0 auto; background: var(--fx-canvas, #ffffff); border: 1px solid var(--fx-border, #e4e1f0); border-radius: 12px; box-shadow: 0 12px 32px rgba(26, 21, 51, 0.16); padding: 20px 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px; justify-content: space-between; } .fx-cookie-consent-text { margin: 0; flex: 1 1 280px; font-size: 14px; line-height: 1.5; color: var(--fx-ink, #1a1533); font-family: var(--primary-font, "Onest", sans-serif); } .fx-cookie-consent-actions { display: flex; gap: 10px; flex: 0 0 auto; } .fx-cookie-btn { border-radius: 8px; padding: 10px 20px; font-size: 14px; font-weight: 600; font-family: var(--primary-font, "Onest", sans-serif); cursor: pointer; border: 1px solid transparent; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; } .fx-cookie-btn-ghost { background: transparent; border-color: var(--fx-border, #e4e1f0); color: var(--fx-ink, #1a1533); } .fx-cookie-btn-ghost:hover { background: var(--fx-surface, #f5f3fc); } .fx-cookie-btn-solid { background: var(--fx-violet, #6c47ff); border-color: var(--fx-violet, #6c47ff); color: #ffffff; } .fx-cookie-btn-solid:hover { background: var(--fx-violet-600, #5a34e8); border-color: var(--fx-violet-600, #5a34e8); } @media (max-width: 520px) { .fx-cookie-consent-inner { flex-direction: column; align-items: stretch; } .fx-cookie-consent-actions { justify-content: flex-end; } }