.language-toggle{background:transparent;border:1px solid var(--border);color:var(--nav-muted);padding:4px 14px;border-radius:6px;font-size:12px;font-weight:500;font-family:var(--font-heading);cursor:pointer;transition:all .15s ease;letter-spacing:.04em}.language-toggle:hover{background:var(--surface);border-color:var(--blue-dim);color:var(--cream-dim)}.top-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px 48px;background:var(--card);border-bottom:1px solid var(--border);width:100%;z-index:10;box-sizing:border-box}.frontpage-haksi-logo{width:120px;margin-top:0;filter:invert(1) brightness(2);transition:opacity .15s ease}.frontpage-haksi-logo:hover{opacity:.8}.top-navigation ul{display:flex;justify-content:flex-end;align-items:center;padding:0;margin:0;gap:28px}.top-navigation li{list-style-type:none;margin:0}.top-navigation a{font-family:var(--font-body);font-weight:400;font-size:14px;color:var(--nav-muted);text-decoration:none;transition:color .15s ease;opacity:1;position:relative}.top-navigation a:hover{color:var(--cream-dim)}.top-navigation a:after{display:none}.top-navigation .contact-link a{color:var(--cream-dim);font-weight:500}.top-navigation .contact-link a:hover{color:var(--cream)}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:var(--surface);min-width:180px;box-shadow:0 8px 24px #00000080;z-index:100;border-radius:8px;top:100%;left:50%;transform:translate(-50%);padding:8px 0;text-align:left;margin-top:10px;border:1px solid var(--border);opacity:0;animation:fadeIn .15s forwards}.dropdown-content:before{content:"";position:absolute;top:-20px;left:0;width:100%;height:20px;background:transparent}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dropdown-content a{color:var(--cream-dim)!important;padding:12px 20px;text-decoration:none;display:block;text-align:left;white-space:nowrap;font-weight:400;transition:background-color .15s ease}.dropdown-content a:hover{background-color:var(--card);color:var(--cream)!important}.dropdown:hover .dropdown-content{display:block}.dropbtn:after{content:" ▾";font-size:.7em;margin-left:4px;vertical-align:middle;opacity:.5}@media (max-width: 768px){.top-header{flex-direction:column;padding:16px 24px;gap:16px}.frontpage-haksi-logo{width:100px}.top-navigation ul{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:16px}}.footer-section{background-color:var(--bg);color:var(--cream-muted);padding:48px 48px 32px;border-top:1px solid var(--border)}.footer-container{max-width:900px;margin:0 auto 32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.footer-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:24px;flex-wrap:wrap}.footer-nav a{color:var(--nav-muted);text-decoration:none;font-family:var(--font-body);font-weight:400;font-size:14px;transition:color .15s ease}.footer-nav a:hover{color:var(--cream-dim)}.footer-contact a{color:var(--cream-dim);text-decoration:none;font-size:14px;transition:color .15s ease}.footer-contact a:hover{color:var(--blue)}.footer-bottom{text-align:center;padding-top:24px;border-top:1px solid var(--border);color:var(--nav-muted);font-size:12px}.footer-bottom p{margin:4px 0}.footer-ids{font-family:var(--font-body);font-size:11px;letter-spacing:.02em;opacity:.7}@media (max-width: 768px){.footer-section{padding:32px 24px 24px}.footer-container{flex-direction:column;text-align:center;align-items:center}.footer-nav ul{justify-content:center}}
