/* Style adjustments for the language switcher and dropdown */
.custom-dropdown {
    position: relative; /* Needed for absolute positioning of dropdown content */
    cursor: pointer;
    display: inline-block; /* Ensure the dropdown is inline with other elements */
}

.custom-dropdown .dropdown-selected {
    padding: 0 10px;
    border: none;
    background-color: transparent; /* Inherit background from the menu */
    color: inherit; /* Inherit text color from the menu */
    cursor: pointer;
    display: flex; /* Use flexbox for alignment */
    align-items: center; /* Align items vertically */
    text-align: left; /* Align the text to the left */
}

.custom-dropdown .dropdown-content {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    width: auto; /* Adjust width as needed */
    z-index: 9999; /* Ensure dropdown is above other elements */
    display: none; /* Hidden by default */
}

.custom-dropdown:hover .dropdown-content {
    display: block !important; /* Show dropdown on hover */
}

.custom-dropdown .dropdown-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-dropdown .dropdown-content li {
    padding: 5px 10px;
    cursor: pointer;
    color: #000;
    display: flex; /* Use flexbox for alignment */
    align-items: center; /* Align items vertically */
}

.custom-dropdown .dropdown-content li:hover {
    background-color: #f0f0f0;
}

/* Flags styling */
.flag-usa, .flag-germany, .flag-romania {
    display: inline-block;
    width: 20px;
    height: 15px;
    background-size: cover;
    vertical-align: middle;
    margin-right: 5px;
}

/* Adjusting flag background images */
.flag-usa {
    background-image: url('/wp-content/uploads/2025/02/usa-flag.png');
}

.flag-germany {
    background-image: url('/wp-content/uploads/2025/02/germany-flag.png');
}

.flag-romania {
    background-image: url('/wp-content/uploads/2024/07/flag-romania.png');
}

/* Additional styles to ensure proper display in navigation */
.footer .custom-dropdown .dropdown-content {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    width: auto;
}