/* Native selectors support touch, mouse and keyboard in both hotel menus. */
.header-section > .kp-mobile-language { display: none; }
.language-option .kp-language-select {
    display: block;
    width: auto;
    max-width: 100%;
    min-height: 44px;
    padding: 8px 24px 8px 10px;
    border: 1px solid #c8a477;
    border-radius: 4px;
    background: #fff;
    color: #19191a;
    font: 15px/1.4 "Cabin", Arial, sans-serif;
    cursor: pointer;
}
.language-option .kp-language-select:focus-visible {
    outline: 2px solid #8d663c;
    outline-offset: 3px;
}
html[lang="ru"] body { font-family: "Cabin", Arial, sans-serif; }
html[lang="ru"] .home-hero .booking-form h3,
html[lang="es"] .home-hero .booking-form h3 {
    font-size: clamp(24px, 2.2vw, 30px);
    overflow-wrap: anywhere;
}
html:not([lang="en"]) .menu-item .nav-menu .mainmenu li {
    margin-right: 24px;
}
html:not([lang="en"]) .menu-item .nav-menu .mainmenu li .dropdown {
    width: 290px;
}
html:not([lang="en"]) .room-card h3,
html:not([lang="en"]) .hp-room-item h3 {
    overflow-wrap: anywhere;
}
@media (max-width: 991px) {
    .header-section > .kp-mobile-language {
        display: flex;
        justify-content: flex-end;
        padding: 0 15px 12px;
    }
    .offcanvas-menu-wrapper .header-configure-area .language-option {
        float: none;
        display: inline-block;
        max-width: 100%;
        margin-bottom: 12px;
    }
}
@media (max-width: 767px) {
    html[lang="ru"] .hp-room-item::after { content: "Нажмите, чтобы узнать подробнее"; }
    html[lang="es"] .hp-room-item::after { content: "Toque para ver los detalles"; }
}