/* 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);
    border:0.5px solid var(--rule);
    border-radius:0 0 2px 2px;
    box-shadow:var(--shadow-lg);
    padding:6px 0;
    margin:0;
    min-width: 180px !important;
    max-height:280px;
    overflow-y:auto;
    list-style:none;
}

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

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

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

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

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

.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);
}

/* -- 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);
    background:var(--gesso);
    font-weight:600;
}