@import url('/css/visual-lab.css');
@import url('/css/visual-rhythm.css');

.lang-switcher{display:inline-flex;align-items:center;gap:.28rem;margin-left:.3rem;padding:.25rem .36rem;border:1px solid rgba(255,255,255,.24);border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.08em;line-height:1}.lang-switcher a{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.38rem .45rem;border-radius:999px;text-decoration:none;opacity:.68;transition:opacity .2s ease,background .2s ease}.lang-switcher a:hover{opacity:1}.lang-switcher a.active{opacity:1;background:rgba(255,255,255,.14)}.lang-switcher .sep{opacity:.35}.header.scrolled .lang-switcher{border-color:rgba(20,28,38,.18)}.header.scrolled .lang-switcher a.active{background:rgba(20,28,38,.08)}

/* Main navigation dropdowns */
.nav-dropdown{position:relative;display:inline-flex;align-items:center;gap:3px}.nav-dropdown>a{padding-right:1px}.nav-dropdown:after{content:"";position:absolute;left:-18px;right:-18px;top:100%;height:14px}.nav-dropdown-toggle{display:inline-grid;place-items:center;width:22px;height:22px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;opacity:.68;transition:opacity .2s ease}.nav-dropdown:hover .nav-dropdown-toggle,.nav-dropdown.open .nav-dropdown-toggle{opacity:1}.nav-dropdown-chevron{display:block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transform-origin:55% 55%;transition:transform .22s ease}.nav-dropdown.open .nav-dropdown-chevron{transform:rotate(225deg) translate(-1px,-1px)}
.nav-dropdown-menu{position:absolute;left:-14px;top:calc(100% + 10px);z-index:120;display:none;min-width:230px;padding:8px;border:1px solid rgba(16,24,40,.10);border-radius:16px;background:rgba(255,255,255,.985);box-shadow:0 20px 55px rgba(15,23,42,.16);backdrop-filter:blur(16px)}.nav-dropdown.open .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:grid}.nav-dropdown-menu a{display:block!important;padding:10px 12px!important;border-radius:10px;color:#344054!important;white-space:nowrap;font-size:13px;line-height:1.25}.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{background:#edf4ff;color:#0a66ff!important}.nav-dropdown-wide .nav-dropdown-menu{grid-template-columns:repeat(2,minmax(180px,1fr));min-width:420px;column-gap:6px}.nav-dropdown-wide .nav-dropdown-menu a{white-space:normal}.corp-subnav{display:none!important}

/* Stable final menu order: ... section links -> Sydema Group -> Contact -> IT/EN */
.nav>a[href="/gruppo/"],.nav>a[href="/en/group/"]{order:970}.nav>.nav-cta{order:980}.nav>.lang-switcher{order:990}

@media(max-width:1180px) and (min-width:821px){.nav{gap:16px!important}.nav-dropdown{gap:1px}.nav-dropdown-toggle{width:18px}.nav-dropdown-menu{left:-10px}}

@media(max-width:980px){.lang-switcher{margin:.5rem 0 .15rem;width:max-content}.nav .lang-switcher a{display:inline-flex!important;padding:.48rem .58rem!important}.nav>a[href="/gruppo/"],.nav>a[href="/en/group/"]{order:970}.nav>.nav-cta{order:980}.nav>.lang-switcher{order:990}}

@media(max-width:820px){.nav-dropdown{display:grid;grid-template-columns:1fr auto;width:100%;align-items:center}.nav-dropdown:after{display:none}.nav-dropdown>a{padding:12px!important}.nav-dropdown-toggle{width:42px;height:42px;color:#475467}.nav-dropdown-chevron{width:8px;height:8px;border-width:1.5px}.nav-dropdown-menu,.nav-dropdown-wide .nav-dropdown-menu{position:static;grid-column:1/-1;grid-template-columns:1fr;min-width:0;margin:0 8px 8px;padding:6px;background:#f7f9fc;border-radius:12px;box-shadow:none;backdrop-filter:none}.nav-dropdown-menu{display:none}.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{display:grid}.nav-dropdown-menu a{padding:10px 12px!important;white-space:normal}.corporate-page .header .nav-dropdown-menu a{color:#344054!important}}