diff --git a/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor b/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor index a55bce5..4fa1783 100644 --- a/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor +++ b/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor @@ -34,4 +34,4 @@ private void OpenPrivacy() => _privacyOpen = true; private void ClosePrivacy() => _privacyOpen = false; -} \ No newline at end of file +} diff --git a/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css b/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css index 80ceb89..f874ca9 100644 --- a/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css +++ b/DeepDrftPublic.Client/Layout/DeepDrftFooter.razor.css @@ -38,7 +38,8 @@ padding: 0; } -.deepdrft-footer-links a { +.deepdrft-footer-links a, +.deepdrft-footer-links button { font-family: var(--deepdrft-font-mono); font-size: 0.62rem; letter-spacing: 0.18em; @@ -48,7 +49,8 @@ transition: color 0.2s; } -.deepdrft-footer-links a:hover { color: var(--deepdrft-navy); } +.deepdrft-footer-links a:hover, +.deepdrft-footer-links button:hover { color: var(--deepdrft-navy); } .deepdrft-footer-copy { font-family: var(--deepdrft-font-mono); @@ -57,26 +59,18 @@ color: var(--deepdrft-muted); } -/* PRIVACY trigger — visually matches the footer links (same font, size, casing, colour). - Reset all button chrome so it reads as a link, not a button element. */ +/* PRIVACY trigger — reset button chrome so it reads as a link, not a button element. + Typography/colour shared with footer links via the grouped selector above. */ .deepdrft-footer-privacy-btn { - font-family: var(--deepdrft-font-mono); - font-size: 0.62rem; - letter-spacing: 0.18em; - text-transform: uppercase; - color: var(--deepdrft-muted); - text-decoration: none; - transition: color 0.2s; background: none; border: none; padding: 0; margin: 0; cursor: pointer; line-height: inherit; + font-family: inherit; } -.deepdrft-footer-privacy-btn:hover { color: var(--deepdrft-navy); } - @media (max-width: 440px) { .deepdrft-footer { padding: 1.5rem; diff --git a/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css b/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css index ae867ff..e4e21d1 100644 --- a/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css +++ b/DeepDrftPublic/wwwroot/styles/deepdrft-styles.css @@ -919,7 +919,7 @@ body:has(.deepdrft-queue-overlay) { } /* ============================================================================= - 17. PRIVACY OVERLAY + PRIVACY OVERLAY Screen-centered modal following the same MudOverlay idiom as the visualizer controls and queue overlays. MudOverlay portals to body — CSS isolation cannot reach portaled content, so chrome lives here in the global sheet.