/* Hover-efekti navigaatiolinkkeihin */ nav a { transition: color 0.3s ease, border-bottom 0.3s ease; border-bottom: 2px solid transparent; } nav a:hover { border-bottom: 2px solid currentColor; } /* Slide-in mobiilivalikko */ .mobile-nav, .drawer, [class*="mobile-menu"] { transform: translateX(-100%); transition: transform 0.3s ease; } .mobile-nav.open, .drawer.open, [class*="mobile-menu"].open { transform: translateX(0); } /* Alasvetovalikon liukuva avautuminen */ nav .dropdown, nav [class*="submenu"] { overflow: hidden; max-height: 0; transition: max-height 0.3s ease; } nav .dropdown.open, nav [class*="submenu"].open { max-height: 500px; }