/* --- Navigation --- */

        header {

            background: white;

            box-shadow: 0 2px 10px rgba(0,0,0,0.05);

            position: sticky;

            top: 0;

            z-index: 1000;

        }


        nav {

            display: flex;

            justify-content: space-between;

            align-items: center;

            max-width: 1200px;

            margin: 0 auto;

            padding: 1rem;

        }


        .logo img { height: 40px; width: auto; }


        .nav-menu {

            display: flex;

            list-style: none;

            gap: 1.5rem;

            align-items: center;

        }


        .nav-item { position: relative; }


        .nav-link {

            text-decoration: none;

            color: var(--text-dark);

            font-weight: 500;

            display: flex;

            align-items: center;

            gap: 5px;

            padding: 0.5rem 0;

        }


        /* Dropdowns */

        .dropdown, .nested-dropdown {

            position: absolute;

            top: 100%;

            left: 0;

            background: white;

            min-width: 200px;

            box-shadow: 0 8px 16px rgba(0,0,0,0.1);

            border-radius: 8px;

            padding: 0.5rem 0;

            list-style: none;

            display: none;

            z-index: 1000;

            border: 1px solid var(--border-color);

        }


        .nested-dropdown { top: 0; left: 100%; }


        .nav-item:hover > .dropdown,

        .dropdown-item:hover > .nested-dropdown { display: block; }


        .dropdown-link {

            display: flex;

            justify-content: space-between;

            padding: 0.75rem 1.25rem;

            text-decoration: none;

            color: var(--text-dark);

            font-size: 0.9rem;

            transition: background 0.2s;

        }


        .dropdown-link:hover {

            background: var(--bg-light);

            color: var(--primary-green);

        }


        .mobile-toggle {

            display: none;

            background: none;

            border: none;

            cursor: pointer;

            color: var(--text-dark);

        }


        .login-btn {

            background: var(--primary-green);

            color: white !important;

            padding: 8px 20px !important;

            border-radius: 8px;

        }