/* wwwroot/css/cookie-banner.css Self-contained cookie consent banner styles. Uses explicit colours so it works on any page regardless of which design-token stylesheet is loaded. Loaded by every public page that includes the cookie banner. */ .cookie-banner { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 9999; display: none; } .cookie-banner.show { display: block; } .cookie-card { max-width: 980px; margin: 0 auto; background: #ffffff; border: 1px solid #e2e5ea; border-radius: 14px; box-shadow: 0 12px 40px rgba(15, 23, 42, 0.18); padding: 18px 22px; } .cookie-row { display: flex; gap: 20px; align-items: center; justify-content: space-between; flex-wrap: wrap; } .cookie-row > div:first-child { flex: 1; min-width: 240px; } .cookie-title { font-weight: 700; font-size: 15px; margin: 0 0 6px; color: #0b1220; } .cookie-desc { margin: 0; font-size: 13px; line-height: 1.5; color: #475569; } .cookie-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; } .cookie-actions .btn, .cookie-actions button { border-radius: 999px; padding: 9px 18px; font-size: 13px; font-weight: 600; border: 1px solid #e2e5ea; background: #ffffff; color: #0b1220; cursor: pointer; font-family: inherit; transition: background .15s, border-color .15s; } .cookie-actions .btn:hover, .cookie-actions button:hover { background: #f4f5f7; } .cookie-actions .btn-primary, .cookie-actions button.btn-primary { background: #FF5C00; border-color: #FF5C00; color: #ffffff; } .cookie-actions .btn-primary:hover, .cookie-actions button.btn-primary:hover { background: #e65300; border-color: #e65300; } .cookie-actions .btn-ghost, .cookie-actions button.btn-ghost { background: transparent; border-color: #cbd5e1; color: #475569; } .cookie-actions .btn-ghost:hover, .cookie-actions button.btn-ghost:hover { background: #f4f5f7; color: #0b1220; } .cookie-actions .link { color: #FF5C00; text-decoration: none; font-size: 13px; font-weight: 600; padding: 0 6px; } .cookie-actions .link:hover { text-decoration: underline; } /* Dark theme support — only kicks in when [data-theme="dark"] is set on */ [data-theme="dark"] .cookie-card { background: #1f2937; border-color: #374151; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5); } [data-theme="dark"] .cookie-title { color: #f4f5f7; } [data-theme="dark"] .cookie-desc { color: #9ca3af; } [data-theme="dark"] .cookie-actions .btn, [data-theme="dark"] .cookie-actions button { background: #374151; border-color: #4b5563; color: #f4f5f7; } [data-theme="dark"] .cookie-actions .btn:hover, [data-theme="dark"] .cookie-actions button:hover { background: #4b5563; } [data-theme="dark"] .cookie-actions .btn-ghost, [data-theme="dark"] .cookie-actions button.btn-ghost { background: transparent; }