/*
 * Поправки к style.css там, где разметка WordPress проще, чем в Drupal.
 */

/* Главное меню: пункты делят ширину шапки поровну. В style.css у каждого пункта ширина 98.5px,
   и справа оставалось пустое место. На узких экранах style.css прячет меню под кнопку «Навигация» — там не трогаем. */
@media screen and (min-width: 641px) {
  #main-menu .menu-navigation-container > ul.menu {
    display: flex;
    flex-wrap: wrap;
    float: none;
  }

  #main-menu .menu-navigation-container > ul.menu > li {
    flex: 1 1 0;
    float: none;
  }

  #main-menu .main_menu_a_first,
  #main-menu .main_menu_a,
  #main-menu .nolink_main_menu {
    width: auto;
    white-space: nowrap;
  }
}

/* Кнопка «Услуги» над кнопками левой колонки. В Drupal её оборачивал модуль ddblock,
   и его отступы гасили отрицательные margin у блока кнопок ниже. */
#block-ddblock-19 {
  margin: 0 0 10px 17px;
}

/* Раньше — GIF button-slideshow-8in1.gif; теперь надписи текстом, их по очереди показывает theme.js.
   Цвета и размер — как у той картинки. */
.services-ticker {
  position: relative;
  display: block;
  width: 198px;
  height: 48px;
  overflow: hidden;
  border: 2px solid #004f20;
  border-radius: 14px;
  background: linear-gradient(#fbf4f4, #d9d9d9);
  box-shadow: inset 0 1px 0 #fff;
  box-sizing: border-box;
  color: #004f20;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 44px;
  letter-spacing: .03em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.services-ticker:hover,
.services-ticker:focus-visible {
  background: linear-gradient(#d9d9d9, #fbf4f4);
  color: #d54e21;
  text-decoration: none;
}

.services-ticker__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.services-ticker__item {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translateY(70%);
  transition: opacity .4s, transform .4s;
  white-space: nowrap;
}

/* style.css прячет все span в этом блоке — там были подписи слайдов ddblock. */
#block-ddblock-19 .services-ticker__item {
  display: block;
}

/* Без скрипта видна первая надпись. */
.services-ticker:not(.is-running) .services-ticker__item:first-of-type,
.services-ticker__item.is-active {
  opacity: 1;
  transform: none;
}

.services-ticker__item.is-leaving {
  opacity: 0;
  transform: translateY(-70%);
}

@media (prefers-reduced-motion: reduce) {
  .services-ticker__item {
    transition: none;
  }
}

#block-block-37,
#block-block-37 .block-button-sidebar-first {
  margin-top: 0;
}

/* Кнопка «Версия для слабовидящих»: иконка и подпись в одну строку, в цвет кнопок колонки. */
#switchtheme-submit.low-vision-button {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 200px;
  height: auto;
  min-height: 46px;
  padding: 6px 12px 6px 14px;
  background: repeating-linear-gradient(#eff7f9, #c7d0d1);
  color: #004f20;
  font: bold 13px/1.25 "Droid Sans", "Helvetica Neue", "Nimbus Sans L", sans-serif;
  text-align: left;
  white-space: normal;
  cursor: pointer;
}

#switchtheme-submit.low-vision-button:hover,
#switchtheme-submit.low-vision-button:focus-visible {
  background: repeating-linear-gradient(#c7d0d1, #eff7f9);
  color: #d54e21;
}

.low-vision-button__icon {
  flex: none;
}

/* Форма поиска: поле и кнопка в одну строку. */
.search-form {
  display: flex;
  gap: 6px;
  max-width: 420px;
}

.search-form__field {
  flex: 1;
  min-width: 0;
  height: 28px;
  padding: 0 8px;
  border: 1px solid #9fb3b5;
  border-radius: 4px;
  background: #fff;
  color: #333;
  font: 13px "Droid Sans", "Helvetica Neue", "Nimbus Sans L", sans-serif;
  box-sizing: border-box;
}

.search-form__field:focus {
  border-color: #004f20;
  outline: 2px solid rgba(0, 79, 32, .2);
  outline-offset: 0;
}

.search-form__submit {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 28px;
  padding: 0;
  border: 1px solid #004f20;
  border-radius: 4px;
  background: #004f20;
  color: #fff;
  cursor: pointer;
}

.search-form__submit:hover,
.search-form__submit:focus-visible {
  background: #d54e21;
  border-color: #d54e21;
}

/* Блок поиска в колонке — та же рамка, что у кнопок, без фиксированной высоты. */
#block-search-form {
  height: auto;
  margin-top: 0;
  padding: 6px 8px 8px;
  box-sizing: border-box;
  width: 200px;
}

#sidebar-first #block-search-form > h2,
#sidebar-second #block-search-form > h2 {
  margin-bottom: 6px;
  padding: 0;
  color: #004f20;
  font-size: 13px;
}

/* Слайдер в шапке: стартовый баннер виден сразу, ещё до запуска Nivo (скрипты в подвале). */
.theme-default .nivoSlider img.slide-start {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

/* Высота — по ширине: у картинок слайдера есть width/height, а Nivo задаёт им только ширину. */
.theme-default .nivoSlider > img,
.theme-default .nivoSlider > a > img {
  height: auto;
}

/* Файлы при материале (PDF, вложения) — ссылками под текстом. */
.file-download {
  margin: .5em 0 1em;
}

/* «Дата публикации» под текстом новости. */
.post-date {
  clear: both;
  margin-top: 1em;
}

/* Описание рубрики над лентой. */
.term-description {
  margin-bottom: 1em;
}