From d925baae1d0fbcff6958d4569c615c8e7cf17c35 Mon Sep 17 00:00:00 2001 From: Jontil88 Date: Fri, 13 Mar 2026 23:45:44 +0100 Subject: [PATCH] Add compiled CSS for language switcher component The SCSS for the lang-switcher was present but never compiled into css/style.css, making the DE/EN toggle invisible. Co-Authored-By: Claude Opus 4.6 --- css/style.css | 40 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) diff --git a/css/style.css b/css/style.css index a94e4c4..3e6b984 100644 --- a/css/style.css +++ b/css/style.css @@ -9626,3 +9626,43 @@ textarea { .site-footer .social li a:hover { background: #00c4a8; color: #000; } + +/* Language Switcher */ +.lang-switcher { + display: inline-flex; + align-items: center; + margin-right: 15px; + position: relative; + top: -2px; +} +@media (max-width: 991.98px) { + .lang-switcher { + margin-right: 20px; + top: 0; + } +} +.lang-switcher .lang-option { + font-size: 13px; + font-weight: 700; + letter-spacing: 0.05em; + color: rgba(255, 255, 255, 0.5); + text-decoration: none; + padding: 4px 6px; + border-radius: 3px; + transition: 0.3s all ease; +} +.lang-switcher .lang-option:hover { + color: #fff; +} +.lang-switcher .lang-option.active { + color: #fff; + background: rgba(255, 255, 255, 0.15); +} +.lang-switcher .lang-option:focus-visible { + outline: 2px solid #00c4a8; + outline-offset: 2px; +} +.lang-switcher .lang-divider { + color: rgba(255, 255, 255, 0.3); + margin: 0 2px; +}