header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    margin-bottom: 1rem;
}
.header-left, .header-right { flex: 1; }
.header-center { flex: 2; display: flex; justify-content: center; }
.header-right { display: flex; justify-content: flex-end; }
.logo-link { display: inline-block; line-height: 0; }
.logo { width: 80px; height: 80px; }
.language-dropdown { position: relative; display: inline-block; }
.dropdown-button { background-color: rgba(0,0,0,0.2); color: white; padding: 10px 15px; font-size: 0.9rem; font-weight: bold; border: 1px solid rgba(255,255,255,0.3); border-radius: 50px; cursor: pointer; display: flex; align-items: center; gap: 8px; }
.language-dropdown:hover .dropdown-button { background-color: rgba(0,0,0,0.4); }
.arrow-down-small { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #fff; transition: transform 0.2s ease; }
.dropdown-content { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.2s, opacity 0.2s linear; position: absolute; background-color: #333; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4); z-index: 100; border-radius: 8px; right: 0; margin-top: 8px; overflow: hidden; }
.language-dropdown:hover .dropdown-content { visibility: visible; opacity: 1; transition-delay: 0s; }
.dropdown-content a { color: white; padding: 12px 16px; text-decoration: none; display: block; font-size: 0.9rem; font-weight: bold; transition: background-color 0.2s; }
.dropdown-content a:hover { background-color: var(--felt-green); }
.dropdown-content a.active { color: var(--gold-accent); background-color: rgba(0,0,0,0.3); }
@media (max-width: 768px) {
    .logo { width: 60px; height: 60px; }
}