/* Branch picker (hotels with 2+ branches): a native select under the name, in the restaurant's accent colour. */
.mt-branch-picker {
    display: flex;
    justify-content: center;
    margin: 14px auto 0;
}

.mt-branch-picker__select {
    max-width: min(86vw, 340px);
    padding: 10px 40px 10px 18px;
    border: 1px solid var(--mt-accent, #fff);
    border-radius: 999px;
    background: rgba(0, 0, 0, .35) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 16px center / 12px 8px;
    color: #fff;
    font: inherit;
    font-size: 1rem;
    text-overflow: ellipsis;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.mt-branch-picker__select:focus-visible {
    outline: 2px solid var(--mt-accent, #fff);
    outline-offset: 2px;
}

.mt-branch-picker__select option {
    color: #111;
    background: #fff;
}

[dir=rtl] .mt-branch-picker__select {
    padding: 10px 18px 10px 40px;
    background-position: left 16px center;
}