/*
 * Russian version only (added by lang_inject_ru_assets() in includes/helpers/lang_front.php).
 * Russian words are longer than English ones: keep them inside buttons, cards, labels and menus,
 * especially on phones. Nothing here affects the English site.
 */

/* Fonts: the site font "Barlow" has no Cyrillic letters (and the body has no fallback), so Russian text was drawn in the
   browser's default serif font. Roboto (sans-serif) and Lora (headings) are loaded WITH their Cyrillic letters. */
/* (the font file is loaded by a <link> tag: see lang_inject_ru_assets() in includes/helpers/lang_front.php) */

html[lang="ru"] body,
html[lang="ru"] input,
html[lang="ru"] select,
html[lang="ru"] textarea,
html[lang="ru"] button {
  /* Latin letters stay in Barlow, Cyrillic letters come from Roboto */
  font-family: Barlow, Roboto, Arial, sans-serif;
}

/* long words may wrap or hyphenate instead of overflowing */
html[lang="ru"] body {
  overflow-wrap: break-word;
  hyphens: auto;
}

/* booking page: the package name, shown under the Russian heading (hidden on the English site) */
html[lang="ru"] .booking-pkg-name {
  display: block;
  margin-top: 8px;
}

/* buttons grow with their text instead of clipping it (fixed 50px height + nowrap in the English CSS) */
html[lang="ru"] .site-btn {
  height: auto;
  min-height: 50px;
  line-height: 1.3;
  padding-top: 13px;
  padding-bottom: 13px;
  white-space: normal;
  text-align: center;
}

/* tour cards: three narrow columns (Season / Duration / Difficulty) */
html[lang="ru"] .tour-box .tour-content ul li small,
html[lang="ru"] .tour-box .tour-content ul li span {
  overflow-wrap: anywhere;
  hyphens: auto;
  letter-spacing: 0;
}

html[lang="ru"] .tour-box .tour-content ul li small {
  font-size: 11px;
}

html[lang="ru"] .tour-box .tour-content ul li span {
  font-size: 13px;
  line-height: 1.25;
}

/* home page pills (WHO WE ARE / THE TEAM ...) and other uppercase captions */
html[lang="ru"] .swiper-custom a > span,
html[lang="ru"] .swiper-custom a > span > span {
  overflow-wrap: anywhere;
  hyphens: auto;
}

/* headings and form labels */
html[lang="ru"] h1,
html[lang="ru"] h2,
html[lang="ru"] h3,
html[lang="ru"] h4,
html[lang="ru"] h5,
html[lang="ru"] h6,
html[lang="ru"] label,
html[lang="ru"] .checklabel {
  overflow-wrap: anywhere;
  hyphens: auto;
}

/* long placeholders: cut with "..." instead of a hard clip */
html[lang="ru"] input::placeholder,
html[lang="ru"] textarea::placeholder {
  text-overflow: ellipsis;
}

@media (max-width: 575px) {
  html[lang="ru"] .tour-box .tour-content ul li small {
    font-size: 9.5px;
  }

  html[lang="ru"] .tour-box .tour-content ul li span {
    font-size: 11.5px;
  }

  html[lang="ru"] .site-btn {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  html[lang="ru"] input::placeholder,
  html[lang="ru"] textarea::placeholder {
    font-size: 14px;
  }
}

/* small phones (up to ~380px): the long label "ПРОДОЛЖИТЕЛЬНОСТЬ" must stay on one line, so the middle column gets more room */
@media (max-width: 380px) {
  html[lang="ru"] .tour-box .tour-content ul li:nth-child(1),
  html[lang="ru"] .tour-box .tour-content ul li:nth-child(3) {
    width: 28%;
  }

  html[lang="ru"] .tour-box .tour-content ul li:nth-child(2) {
    width: 44%;
  }

  html[lang="ru"] .tour-box .tour-content ul li small {
    font-size: 8.5px;
    overflow-wrap: break-word;
    hyphens: none;
  }

  html[lang="ru"] .tour-box .tour-content ul li span {
    font-size: 11px;
    overflow-wrap: break-word;
    hyphens: none;
  }
}

/* message boxes: the Russian placeholder text is longer, give the box more height so it is not cut off */
html[lang="ru"] #messageInput {
  min-height: 9.5rem;
}
@media (max-width: 575px) {
  html[lang="ru"] #messageInput {
    min-height: 11rem;
  }
}

/* wide buttons ("Оставить заявку" on the package page): the English CSS gives .site-btn 104px of padding on each side on
   desktop, which left 142px for a text that needs 145px, so it wrapped. Same padding as the checkout buttons instead. */
@media (min-width: 992px) {
  html[lang="ru"] .site-btn {
    padding-left: 50px;
    padding-right: 50px;
  }
}

/* floating enquiry button (the round calendar button that appears after scrolling): keep it a 50x50 circle with the icon in
   the middle. The Russian .site-btn rules above (padding, auto height) must not change it, otherwise it turns into an oval. */
html[lang="ru"] .site-btn.enquiry--btn {
  width: 50px;
  height: 50px;
  min-height: 50px;
  padding: 0;
  line-height: 1;
  border-radius: 50%;
}