/* Dropdown Menu */
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-radius: 5px;
    top: 100%; /* Position below the parent li */
    left: 0;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 0.9rem;
    font-weight: normal;
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
    color: #2980b9;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #ecf0f1;
    color: #2980b9;
}

/* Mobile Dropdown adjustment */
@media (max-width: 768px) {
    .dropdown {
        display: block; /* Stack vertically on mobile */
        text-align: center;
    }
    
    .dropdown-content {
        position: static; /* Flow naturally in document */
        box-shadow: none;
        background-color: transparent;
        display: none; /* Keep hidden until hover/tap */
        padding-left: 0;
    }

    .dropdown:hover .dropdown-content {
        display: block;
    }

    .dropdown-content a {
        padding: 8px 16px;
        font-size: 0.9rem;
    }
}