/* ------------------------------------------------------------------
   Скругление углов у фотографий.

   ОТКАТ: убрать строку с подключением этого файла из <head> страницы:
       <link rel="stylesheet" href="css/voyage-rounded.css">
   Больше нигде скругления не прописаны — вёрстка вернётся к острым углам.

   Радиус меняется одним числом — --vm-photo-radius ниже.
   В теме кнопки и поля скруглены на 6px, у фото берём чуть больше.

   Hero-слайдер (.intro__img) намеренно не трогаем.
   Логотипы партнёров (.partners__img) — тоже: это не фотографии.
   «Виды отдыха» (.tour-types__img-wrap) уже круглые по самой теме.
   ------------------------------------------------------------------ */

:root {
  --vm-photo-radius: 20px; }

/* Спецпредложения и Новости — обёртка уже с overflow: hidden */
.news-blocks__img-wrap {
  border-radius: 20px;
  border-radius: var(--vm-photo-radius); }

/* Список спецпредложений (spec-vm.html) — фото в строке списка,
   обёртка тоже с overflow: hidden. Плашка-ярлык лежит поверх фото в
   левом верхнем углу и в вырез скругления не попадает. */
.news__img-wrap {
  border-radius: 20px;
  border-radius: var(--vm-photo-radius); }

/* Популярные страны — фото заполняет карточку, подпись лежит поверх,
   поэтому скругляем саму карточку. */
.destination {
  border-radius: 20px;
  border-radius: var(--vm-photo-radius); }

/* Фотоальбом-слайдер на странице страны: скругляем обёртку кадра, у неё
   уже есть overflow: hidden, поэтому картинка обрезается по форме.
   Стрелки лежат поверх кадра и в вырезы углов не попадают. */
.gallery__image-wrap {
  border-radius: 20px;
  border-radius: var(--vm-photo-radius); }

/* Баннер в левой колонке внутренних страниц — фотография с текстом
   поверх, overflow: hidden у неё от темы. */
.promo {
  border-radius: 20px;
  border-radius: var(--vm-photo-radius); }

/* Картинки внутри текстовых блоков: и на главной («Путешествуй с Вояж
   Максимум»), и в контентной колонке внутренних страниц. Это три класса
   шаблона из editor.css, которыми размечаются отдельные фотографии. */
.img-right,
.img-left,
.img-center {
  border-radius: 20px;
  border-radius: var(--vm-photo-radius); }