/* ========================================================================= TIDEON PHARMA — Complianz cookie-consent banner, branded. Complianz renders its banner OUTSIDE the .tideon-site wrapper (appended to ), so brand tokens are hardcoded here rather than inherited. Identity: Void Navy #0D1B2A surface, Precision Teal #00C4B4 accept, Ice #E8F4FD text, Space Grotesk UI type, square corners (border-radius:0). WCAG/ADA: high contrast + visible keyboard focus on every control. Loaded site-wide, AFTER Complianz's own CSS, so these rules win. ========================================================================= */ /* ---- Surface -------------------------------------------------------------- */ .cmplz-cookiebanner { border-radius: 0 !important; border: 0 !important; border-top: 3px solid #00C4B4 !important; background-color: #0D1B2A !important; color: #E8F4FD !important; font-family: 'Space Grotesk', sans-serif !important; box-shadow: 0 -8px 40px rgba(6, 15, 24, .45) !important; } .cmplz-cookiebanner * { font-family: 'Space Grotesk', sans-serif !important; } .cmplz-cookiebanner .cmplz-title { color: #FFFFFF !important; font-weight: 500 !important; letter-spacing: -.01em; } .cmplz-cookiebanner .cmplz-message, .cmplz-cookiebanner .cmplz-category-title, .cmplz-cookiebanner .cmplz-description, .cmplz-cookiebanner .cmplz-always-active { color: rgba(232, 244, 253, .82) !important; } .cmplz-cookiebanner .cmplz-divider { border-color: rgba(232, 244, 253, .12) !important; } /* ---- Buttons (square, branded) ------------------------------------------- */ .cmplz-cookiebanner .cmplz-btn { border-radius: 0 !important; font-family: 'Space Grotesk', sans-serif !important; font-weight: 500 !important; letter-spacing: .02em; transition: background-color .2s ease, color .2s ease, border-color .2s ease; } /* Primary — Accept (solid teal, navy text for contrast) */ .cmplz-cookiebanner .cmplz-btn.cmplz-accept { background-color: #00C4B4 !important; color: #0D1B2A !important; border: 1px solid #00C4B4 !important; } .cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover { background-color: #0E6B62 !important; color: #FFFFFF !important; border-color: #0E6B62 !important; } /* Secondary — Deny / Preferences / Save (ghost, discreet) */ .cmplz-cookiebanner .cmplz-btn.cmplz-deny, .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences, .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences, .cmplz-cookiebanner .cmplz-btn.cmplz-manage-options { background-color: transparent !important; color: #E8F4FD !important; border: 1px solid rgba(232, 244, 253, .38) !important; } .cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover, .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover, .cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover, .cmplz-cookiebanner .cmplz-btn.cmplz-manage-options:hover { border-color: #00C4B4 !important; color: #00C4B4 !important; } /* ---- Links + accents ------------------------------------------------------ */ .cmplz-cookiebanner .cmplz-links a, .cmplz-cookiebanner .cmplz-documents a { color: #00C4B4 !important; text-decoration: none; } .cmplz-cookiebanner .cmplz-links a:hover, .cmplz-cookiebanner .cmplz-documents a:hover { text-decoration: underline; } .cmplz-cookiebanner .cmplz-category-toggle, .cmplz-cookiebanner .cmplz-close { color: rgba(232, 244, 253, .7) !important; } /* Category checkboxes — teal when on */ .cmplz-cookiebanner input.cmplz-consent-checkbox:checked + label, .cmplz-cookiebanner .cmplz-category .cmplz-banner-checkbox input:checked + label { background-color: #00C4B4 !important; border-color: #00C4B4 !important; } /* ---- Accessibility: visible keyboard focus -------------------------------- */ .cmplz-cookiebanner a:focus-visible, .cmplz-cookiebanner button:focus-visible, .cmplz-cookiebanner .cmplz-btn:focus-visible, .cmplz-cookiebanner input:focus-visible + label, .cmplz-cookiebanner .cmplz-close:focus-visible, .cmplz-cookiebanner .cmplz-category-toggle:focus-visible { outline: 2px solid #00C4B4 !important; outline-offset: 2px !important; } /* ---- "Manage consent" reopen tab (footer + floating) ---------------------- */ #cmplz-manage-consent .cmplz-btn, .cmplz-manage-consent .cmplz-manage-consent-container, #cmplz-manage-consent .cmplz-manage-consent-container { border-radius: 0 !important; font-family: 'Space Grotesk', sans-serif !important; } #cmplz-manage-consent .cmplz-btn { background-color: #0D1B2A !important; color: #E8F4FD !important; border: 1px solid rgba(232, 244, 253, .3) !important; } #cmplz-manage-consent .cmplz-btn:hover { border-color: #00C4B4 !important; color: #00C4B4 !important; } /* ---- Manage-consent / preferences document blocks ------------------------- */ .cmplz-manage-consent-container, #cmplz-manage-consent-container .cmplz-btn { border-radius: 0 !important; }