html {
  position: relative;
  min-height: 100%;
}

/* ===== DROPDOWN NAVIGATION ===== */
.nav-bar ul li {
    position: relative;
}

    .nav-bar ul li .dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background: #ffffff;
        min-width: 220px;
        padding: 8px 0;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
        border-radius: 4px;
        z-index: 1000;
        flex-direction: column;
        gap: 0;
    }

    .nav-bar ul li:hover .dropdown-menu {
        display: flex;
    }

    .nav-bar ul li .dropdown-menu li {
        width: 100%;
        padding: 0;
    }

        .nav-bar ul li .dropdown-menu li a {
            padding: 8px 20px;
            font-size: 12px !important;
            display: block;
            text-transform: none;
            font-weight: 400 !important;
            color: #333;
            background: transparent;
        }

            .nav-bar ul li .dropdown-menu li a:hover {
                background: #f5f0eb;
                color: #c49b6c;
            }

            .nav-bar ul li .dropdown-menu li a::after {
                display: none;
            }

.nav-item.dropdown .dropdown-trigger {
    cursor: pointer;
}

/* Responsive dropdown adjustments */
@media (max-width: 768px) {
    .nav-bar ul li .dropdown-menu {
        position: static;
        background: #f8f5f0;
        box-shadow: none;
        padding: 5px 0 5px 15px;
        border-radius: 0;
    }

    .nav-bar ul li:hover .dropdown-menu {
        display: none;
    }

    .nav-bar ul li .dropdown-menu.active {
        display: flex;
    }
}