/* COMPONENT: header language & currency selectors (A10) - SKIN tier - from site-topimpressionists-V2.0.css, original order. Migrated 2026-07-06. */

.top_dropdown_menu_list_block {
    background: var(--paper) !important;
    border: 0.5px solid var(--rule) !important;
    border-radius: 0 0 2px 2px !important;
    box-shadow: var(--shadow-lg) !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    min-width: 180px !important;
    max-height: 280px !important;
    overflow-y: auto !important;
    list-style: none !important;
}

.top_dropdown_toggle_button_main_style {
    color: var(--ink-vapor);
    background: transparent;
    border-color: rgba(255, 255, 255, 0.18) !important;
    font-size: 10px !important;
    font-family: var(--f-ui);
    font-weight: 400;
}

.top_dropdown_item_list_element {
    margin: 0 !important;
    padding: 0 !important;
}

.top_dropdown_item_button_clickable {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 10px 16px !important;
    text-align: left !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    font-family: var(--f-ui) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.02em !important;
    color: var(--ink-soft) !important;
    transition: all 0.18s ease !important;
}

.top_dropdown_item_button_clickable:hover {
    background: var(--linen) !important;
    color: var(--ink) !important;
}

.top_dropdown_item_button_clickable img.top_dropdown_flag_icon_image_style {
    width: 22px !important;
    height: 15px !important;
    border-radius: 2px !important;
    flex-shrink: 0 !important;
    object-fit: cover !important;
}

.top_dropdown_menu_list_block::-webkit-scrollbar {
    width: 4px;
}

.top_dropdown_menu_list_block::-webkit-scrollbar-track {
    background: transparent;
}

.top_dropdown_menu_list_block::-webkit-scrollbar-thumb {
    background: var(--rule-soft);
    border-radius: 2px;
}

.ti-ann-right .top_dropdown_menu_list_block {
    right: 0;
    left: auto;
    border-radius: 0 0 2px 2px;
    min-width: 150px;
    font-size: 11px;
    box-shadow: var(--shadow-lg) !important;
}

/* -- A10 second pass (2026-07-06): the ACTIVE-state class is added conditionally
   in the template ({% if %}), so the census missed it (RULE 13 variant) -- */

.top_dropdown_item_active_selected_style {
    color: var(--ochre) !important;
    background: var(--gesso) !important;
    font-weight: 600 !important;
}