/**
 * Selects of Elementor Pro forms (inc/elementor/form-selects.php) drawn like the account's country and district
 * pickers (account.css: «Country / state pickers» and «The open list»), at the size of the form's other fields
 * (the Wholesale / Contactos card: Rey's field height, #D4D4D4 border, 15 px).
 */
.elementor-form .elementor-select-wrapper .select-caret-down-wrapper {
    display: none;
}
.elementor-form .select2-container {
    display: block;
    width: 100% !important;
}
.elementor-form .select2-container .select2-selection--single {
    height: var(--inp-h, 53px);
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    border: 1px solid #D4D4D4;
    border-radius: 0;
    outline: none;
    transition: border-color 0.2s;
}
.elementor-form .select2-container--focus .select2-selection--single,
.elementor-form .select2-container--open .select2-selection--single {
    border-color: #6C757D;
}
.elementor-form .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 36px 0 16px;
    color: #212529;
    font: 400 15px/calc(var(--inp-h, 53px) - 2px) "Roboto Condensed", sans-serif;
}
.elementor-form .select2-container .select2-selection__placeholder {
    color: #ADB5BD;
}
.elementor-form .select2-container .select2-selection--single .select2-selection__arrow {
    top: 0;
    right: 8px;
    width: 20px;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23495057' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat;
    transition: transform 0.2s;
}
.elementor-form .select2-container .select2-selection--single .select2-selection__arrow b {
    display: none;
}
.elementor-form .select2-container--open .select2-selection--single .select2-selection__arrow {
    transform: rotate(180deg);
}

/* The open list: select2 appends it to <body>, so it carries its own class (twf-select-drop) */
.select2-container--open .select2-dropdown.twf-select-drop {
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #D4D4D4;
    border-radius: 0;
    box-shadow: 0 14px 32px rgba(34, 38, 42, 0.1);
}
.select2-container--open .select2-dropdown--below.twf-select-drop {
    margin-top: 4px;
}
.select2-container--open .select2-dropdown--above.twf-select-drop {
    margin-top: -4px;
}
.twf-select-drop .select2-results > .select2-results__options {
    max-height: 288px;
}
.twf-select-drop .select2-results__option {
    margin: 0;
    padding: 9px 16px;
    color: #22262A;
    background: transparent;
    font: 400 15px/1.4 "Roboto Condensed", sans-serif;
}
/* selectWoo marks the chosen option with data-selected (aria-selected follows the keyboard) */
.twf-select-drop .select2-results__option[data-selected="true"] {
    color: #8E7348;
    background: transparent;
    font-weight: 700;
}
.twf-select-drop .select2-results__option--highlighted,
.twf-select-drop .select2-results__option--highlighted[data-selected] {
    color: #22262A;
    background: #F3F2EF;
}
