/* Region Dropdown Styles */
.region-dropdown-wrapper {
    position: relative;
    display: inline-block;
}

.region-dropdown-toggle {
    display: flex;
    align-items: center !important;
    gap: 8px;
    padding: 0px !important;
    background: transparent;
    border: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

.region-dropdown-toggle:hover, .region-dropdown-toggle:focus {
    background: transparent !important;
}

.region-name, .region-dropdown-item span {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    line-height: 1em !important;
    font-size: 12px !important;
    color: #5567D2 !important;
}   

.region-name-text{
    text-decoration: underline !important;
}

.region-dropdown-item span:hover {
    text-decoration: underline !important;
}

.region-dropdown-menu {
    position: absolute;
    top: 100%;
    left: -40px;
    right: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
    /*min-width: 150px;*/
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 12px 16px;
}

.region-dropdown-wrapper.open .region-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.region-dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: background 0.2s ease;
    text-decoration: none;
    color: #333;
    font-size: 12px !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .region-dropdown-menu {
        position: fixed;
        top: 80px;
        left: 0px;
        width: auto;
    }
}