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; +}