/* Resume Dropdown Styles */

/* Show dropdown menu on hover */
@media (min-width: 992px) {
    .nav-item.dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}

/* Ensure the navbar link aligns text and arrow in a row */
.nav-item.dropdown .dropdown-toggle {
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 100%; /* Maintain height if needed */
}

/* Arrow (Flech) Styling - Adjusting for flexman */
.nav-item.dropdown .dropdown-toggle::after {
    display: block; /* Flex item */
    margin-left: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

/* Optional: Rotate arrow when hovered */
.nav-item.dropdown:hover .dropdown-toggle::after {
    transform: rotate(180deg);
    transition: transform 0.2s;
}

/* Styling for the dropdown items to match the theme */
.dropdown-menu {
    background-color: #000; /* Dark background matching the navbar/theme */
    border: none;
    padding: 0;
    border-radius: 0;
    margin-top: 0;
}

.dropdown-item {
    color: rgba(255, 255, 255, 0.7);
    padding: 10px 20px;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #ffbd39; /* Theme primary color */
    background-color: transparent;
}