/* Правки по списку заказчика от 25.08.2026. [Бер 30.08.2026]
   Отдельный файл, а не правка style.min.css: тот собирается сборщиком из
   исходников, и ручные вставки в него затрёт первая же пересборка темы. */

/* Пункт 5. Номера и маркеры в описании тура.
   Сброс темы (reset.min.css) снимает list-style у ВСЕХ списков, а нумерацию
   обратно возвращает только внутри .typography-block. Описание тура выводится
   через the_content() в .tour__description — под это правило оно не попадало,
   поэтому набранная в редакторе нумерация на странице исчезала.
   Повторяю здесь тот же приём со счётчиками, что в самой теме, чтобы списки
   выглядели одинаково во всех блоках. */
.tour__description ol {
  counter-reset: ber-num;
  margin: 0 0 1.2em;
}
.tour__description ol > li {
  position: relative;
  padding-left: 1.7rem;
  margin-bottom: .35em;
}
.tour__description ol > li::before {
  counter-increment: ber-num;
  content: counter(ber-num) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 600;
}
.tour__description ul {
  margin: 0 0 1.2em;
}
.tour__description ul > li {
  position: relative;
  padding-left: 1.7rem;
  margin-bottom: .35em;
}
.tour__description ul > li::before {
  content: "";
  position: absolute;
  left: .35rem;
  top: .7em;
  width: 4px;
  height: 4px;
  background: currentColor;
  border-radius: 50%;
}
/* Вложенный список — буквами, чтобы уровни не путались. */
.tour__description ol ol > li::before {
  content: counter(ber-num, lower-alpha) ")";
}


/* Пункт 5, главная причина. В самой теме нумерация ЕСТЬ:
       .typography-block ol li::before { content: counter(i) "." }
   но чуть выше стоит правило
       .typography-block ol:not(.case-block__list) li::before { content: "" }
   и оно перебивает нумерацию по весу селектора: конструкция :not(.класс)
   считается за класс, поэтому у первого правила вес выше. Из-за этого номера
   в описании тура не показывались, хотя в редакторе были.
   Возвращаем содержимое тем же по весу селектором, но ниже по файлу. */
.typography-block ol:not(.case-block__list) {
  counter-reset: ber-i;
}
.typography-block ol:not(.case-block__list) li::before {
  counter-increment: ber-i;
  content: counter(ber-i) ".";
  top: 0;
  width: auto;
  height: auto;
  background: none;
  border-radius: 0;
  font-weight: 600;
}

/* Пункт 6. Счётчик туров под заголовком «Новые туры». */
.tours__counter {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  margin: 0 auto 1.8rem;
  padding: .7rem 1.4rem;
  border: .125rem solid #b1df1d;
  border-radius: 3.125rem;
  font-size: 1rem;
  line-height: 1.2;
}
.tours__counter b {
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 1;
}
.tours__counter span {
  color: #64748b;
  max-width: 9rem;
}
.tours__counter-wrap {
  display: flex;
  justify-content: center;
}
@media (max-width: 480px) {
  .tours__counter { font-size: .875rem; padding: .6rem 1.1rem; }
  .tours__counter b { font-size: 1.3rem; }
}

/* Пункт 11. Возрастная отметка тура.
   На странице тура — плашка рядом с датой, в том же стиле, что дата.
   В карточке списка — маленький кружок в углу обложки, чтобы не спорил
   с бейджем «Новинка» и «Горящие места»: те слева, этот справа. */
.tour__booking-age {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 3.75rem;
  padding: .75rem 1.1rem;
  border-radius: 4.375rem;
  /* Тон заметнее даты: дата — бледный лайм #d9f970, отметка — насыщенный.
     Так глаз ловит её первой, но она остаётся в палитре сайта.
     [Бер 30.08.2026, по замечанию Александра] */
  background: #b1df1d;
  border: .125rem solid #b1df1d;
  color: #262624;
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
}

/* Телефон под кнопкой «Забронировать тур» должен совпадать с ней по ширине.
   Раньше совпадал случайно: у телефона жёсткие 17.94rem, и кнопка выходила
   примерно такой же. Возрастная отметка забрала часть строки, кнопка сузилась
   — и телефон стал шире неё. Задаём кнопке ту же ширину, тогда они выровнены
   при любой длине даты и цены. Только на широких экранах: ниже 992px строка
   перестраивается в колонку, и правило там не нужно. */
@media (min-width: 992px) {
  .tour__booking-actions .tour__booking-btn {
    flex: 0 0 17.9375rem;
    width: 17.9375rem;
  }
}
.tour__booking-age-note {
  margin-top: .6rem;
  color: #64748b;
  font-size: .9375rem;
  line-height: 1.35;
}
.tour-card__age {
  position: absolute;
  right: .625rem;
  top: .625rem;
  z-index: 2;
  padding: .3rem .7rem;
  border-radius: 3.125rem;
  background: rgba(38, 38, 36, .78);
  color: #fff;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.2;
}
.tour-card__image { position: relative; }
@media (max-width: 575.98px) {
  .tour__booking-age { font-size: 1rem; padding: .6rem .9rem; min-width: 3.2rem; }
}

/* Пункт 4. Поле поиска в форме «Быстрый подбор тура». */
.selection__form-search {
  position: relative;
  /* Воздух сверху и снизу: поле стояло вплотную к строке с датами и к
     галочке под ним. [Бер 30.08.2026, по замечанию Александра] */
  margin-top: 1.5rem;
  margin-bottom: 1.25rem;
}
.selection__form-search-input {
  width: 100%;
  border-radius: 3.125rem;
  border: .0625rem solid #cbd5e1;
  background: #fff;
  /* Справа оставляем место под кнопку «Найти» и крестик очистки. */
  padding: .75rem 9.5rem .75rem 1.5rem;
  font-size: 1rem;
  color: #262624;
}

/* Кнопка «Найти» внутри поля. Enter работал и без неё, но человек должен
   видеть, куда нажать. [Бер 30.08.2026, по замечанию Александра] */
.selection__form-search-btn {
  position: absolute;
  right: .3125rem;
  top: 50%;
  transform: translateY(-50%);
  padding: .5rem 1.6rem;
  font-size: .9375rem;
  line-height: 1.2;
  border-radius: 3.125rem;
}
.selection__form-search-input::placeholder { color: #94a3b8; }
.selection__form-search-input:focus {
  outline: none;
  border-color: #b1df1d;
}
.selection__form-search-clear {
  position: absolute;
  right: 7.6rem;
  top: 50%;
  transform: translateY(-50%);
  color: #64748b;
  font-size: 1.5rem;
  line-height: 1;
  text-decoration: none;
}
@media (max-width: 575.98px) {
  .selection__form-search-input { font-size: .9375rem; padding-left: 1.1rem; padding-right: 7.5rem; }
  .selection__form-search-btn { padding: .45rem 1.1rem; font-size: .875rem; }
  .selection__form-search-clear { right: 6rem; }
}

/* Подсказки под полем поиска и блок «Возможно, вы искали». [Бер 30.08.2026] */
.selection__form-hints {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1rem;
}
.selection__form-hints-label {
  color: #64748b;
  font-size: .875rem;
}
.selection__form-hint {
  display: inline-block;
  padding: .35rem .9rem;
  border-radius: 3.125rem;
  border: .0625rem solid #cbd5e1;
  background: #fff;
  color: #262624;
  font-size: .875rem;
  text-decoration: none;
  transition: border-color .2s ease, background-color .2s ease;
}
.selection__form-hint:hover {
  border-color: #b1df1d;
  background: #f4fbe3;
}
.tours__suggest {
  margin: 1.25rem auto 1.5rem;
  max-width: 34rem;
  text-align: left;
  padding: 1.1rem 1.4rem;
  border-radius: 1.25rem;
  background: #f7f8f9;
}
.tours__suggest-title {
  font-weight: 700;
  margin-bottom: .6rem;
}
.tours__suggest-list {
  display: flex;
  flex-direction: column;
  gap: .45rem;
}
.tours__suggest-list li::before { content: none; }
.tours__suggest-list a {
  color: #1570ef;
  text-decoration: none;
}
.tours__suggest-list a:hover { text-decoration: underline; }

/* Календарь туров: длинные названия наезжали строка на строку.
   Причина — межстрочный интервал 72% от размера шрифта: на одной строке это
   незаметно, а на двух-трёх строки садятся друг на друга. Ставим нормальный
   интервал, названию добавляем немного воздуха снизу.
   [Бер 30.08.2026, по замечанию Александра] */
.tours-list__name {
  line-height: 1.28;
}
.tours-list__price {
  line-height: 1.28;
}
.tours-list__duration {
  margin-top: .4rem;
}
.tours-list__item + .tours-list__item {
  padding-top: .25rem;
}

/* Пункт 9. Просмотры: серый глазик и число. [Бер 30.08.2026] */
.ber-views {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  color: #94a3b8;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.ber-views__icon { flex-shrink: 0; }
.tour-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  flex-wrap: wrap;
}
.tour__views {
  margin: -.5rem 0 1rem;
}