diff --git a/site/monica_site/static/css/theme-overrides.css b/site/monica_site/static/css/theme-overrides.css index 4950c85..2792924 100644 --- a/site/monica_site/static/css/theme-overrides.css +++ b/site/monica_site/static/css/theme-overrides.css @@ -94,6 +94,15 @@ html .page .text-primary { color: var(--monica-primary); } +/* Mobile drawer active/hover — theme uses #0045b6 */ +.rd-navbar-fixed .rd-nav-item:hover .rd-nav-link, +.rd-navbar-fixed .rd-nav-item.focus .rd-nav-link, +.rd-navbar-fixed .rd-nav-item.active .rd-nav-link, +.rd-navbar-fixed .rd-nav-item.opened .rd-nav-link { + background: var(--monica-primary) !important; + color: #fff !important; +} + /* Scroll-to-top (injected outside .page) */ .ui-to-top { background: var(--monica-primary) !important; @@ -204,9 +213,76 @@ html .page .text-primary { font: inherit; font-size: 13px; cursor: pointer; + text-decoration: none; } .footer-link-btn:hover { text-decoration: underline; + color: #a8e8ed; +} + +.cookie-consent-link { + color: #7dd3da; + text-decoration: underline; + text-underline-offset: 2px; +} +.cookie-consent-link:hover { + color: #fff; +} + +.legal-prose { + max-width: 42rem; +} +.legal-prose .legal-lead { + font-size: 1.05rem; + color: var(--monica-ink); + margin-bottom: 1.75rem; +} +.legal-prose h2 { + font-size: 1.35rem; + margin-top: 2rem; + margin-bottom: 0.75rem; + text-transform: none; + letter-spacing: 0; +} +.legal-prose p { + margin-bottom: 1rem; + color: #4b5563; + line-height: 1.65; +} +.legal-prose .legal-updated { + margin-top: 2.5rem; + font-size: 0.875rem; + color: var(--monica-muted); +} + +/* Contact form — breathe on narrow viewports */ +@media (max-width: 767.98px) { + .contact-form-section > .container { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .contact-form-section .section-lg { + padding-top: 2.5rem; + padding-bottom: 2.5rem; + } + .contact-form-section h3 { + margin-bottom: 1.25rem; + padding-right: 0.25rem; + } + .contact-message-form .form-wrap { + margin-bottom: 0.35rem; + } + .contact-message-form .form-label-outside { + margin-bottom: 0.35rem; + } + .contact-message-form .row-10 { + margin-left: 0; + margin-right: 0; + } + .contact-message-form .row-10 > [class*="col-"] { + padding-left: 0; + padding-right: 0; + } } .footer-aside-copy { diff --git a/site/monica_site/templates/base.html b/site/monica_site/templates/base.html index 4611401..b263ba2 100644 --- a/site/monica_site/templates/base.html +++ b/site/monica_site/templates/base.html @@ -125,17 +125,16 @@