/* Подключение шрифта Roboto Condensed */
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@600;700&display=swap");

/* ====== Vacation Header ====== */
.vacation-header{
  background: linear-gradient(180deg,#008FFF54 0%,#FFF3006B 100%);
  border-bottom: 1px solid rgba(0,0,0,.08);
  padding-top: 6px;
}

/* Контейнер 1140px по центру, сетка 33/22/45 */
.vacation-header-container{
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
  display:grid;
  grid-template-columns:33% 22% 45%;
  align-items:center;
  column-gap:20px;
}

/* --- ЛОГОТИП --- */
.vacation-logo figure{ margin:0; }
.vacation-logo img{
  width:100%;
  height:auto;
  display:block;
}

.find_module{
  margin-top: -30px !important;
  max-width: 1200px;
  margin-bottom: -60px;
}

/* --- КНОПКА --- */
.vacation-button{ text-align:center; }
.vacation-button .os-order-form-submit_button{
  display:inline-block;
  box-sizing:border-box;
  padding:14px 36px;
  border-radius:30px;
  font:700 18px/1 Arial, sans-serif;
  color:#fff;
  text-decoration:none;
  background: linear-gradient(180deg,#ff9900 0%,#ff6600 100%);
  border:none;
  box-shadow:0 4px 6px rgba(0,0,0,.15);
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, filter .15s;
}
.vacation-button .os-order-form-submit_button:hover{
  transform: translateY(-2px);
  box-shadow:0 6px 10px rgba(0,0,0,.2);
  filter:brightness(.98);
}

/* ===== 3-я колонка: телефоны + график (ДЕСКТОП) ===== */
.vacation-contacts{
  display:flex;
  flex-direction:row;
  gap:28px;                 /* дистанция между колонками */
  align-items:flex-start;   /* тянем оба блока к верху */
  text-align:left;
}

/* строка: иконка (50x50) + текст */
.vacation-contacts .contact-box{
  display:grid;
  grid-template-columns:50px 1fr;  /* фикс 50 под иконку + текст */
  align-items:start;               /* по верхнему краю */
  column-gap:14px;
}

/* контейнер иконки — к верху, одинаковая высота зоны */
.vacation-contacts .contact-box .icon{
  display:flex;
  align-items:flex-start;
  height:50px;
}

/* SVG: убираем baseline и слегка поднимаем (оптика) */
.vacation-contacts .contact-box .icon svg{
  width:50px;
  height:50px;
  display:block;
  vertical-align:top;
  transform: translateY(-2px); /* при необходимости подстрой: -1..-4px */
}

/* цвета иконок */
.vacation-contacts .phone-box .icon svg{ fill:#19C2D1; }
.vacation-contacts .time-box  .icon svg{ fill:#F28C1B; }

/* текст рядом с иконками */
.vacation-contacts .contact-box .content{ line-height:1.2; }

/* телефоны */
.vacation-contacts .phone-box .title{
  color: rgb(1, 44, 109);
  font-family: "Roboto", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 18.7px;
  margin: 0 0 4px 0;
}

/* подпись под телефонами */
.vacation-contacts .phone-box .desc{
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #7a7a7a;
  margin: 0;
}

/* график */
.vacation-contacts .time-box .title{
  color: rgb(1, 44, 109);
  font-family: "Roboto", sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 18.7px;
  margin: 0 0 4px 0;
  white-space: nowrap;  /* запрещаем перенос «Пн – Нд: 10:00 – 20:00» */
}
.vacation-contacts .time-box .desc{
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #7a7a7a;
  margin: 0;
}

/* по умолчанию оба номера (для нового HTML со span.phone) */
.phones .phone{
  display:inline-block;
  margin-left:10px;
  white-space:nowrap;
}

/* =============== TABLET ≤1024px =============== */
@media (max-width: 1024px){
  /* складываем: лого → кнопка → контакты */
  .vacation-header-container{
    grid-template-columns: 1fr !important;
    row-gap: 14px;
    text-align: center;
  }

  .vacation-logo img{
    max-width: 340px;
    width: auto;
    height: auto;
    margin: 0 auto;
  }

  .vacation-button{ text-align:center; }

  .vacation-contacts{
    justify-content: center;
    gap: 24px;
  }

  /* телефоны в строку, допускаем перенос по номеру */
  .phones{
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
  }
  .phones .phone{ white-space: nowrap; }
}

/* =============== MOBILE ≤600px =============== */
@media (max-width: 600px){

  /* прячем кнопку и блок времени */
  .vacation-button{ display:none !important; }
  .vacation-contacts .time-box{ display:none !important; }

  /* 2 строки: 1) логотип 2) телефонная строка */
  .vacation-header-container{
    display: grid !important;
    grid-template-columns: 1fr !important;
    row-gap: 12px;
    text-align: center;
  }

  /* Логотип на всю ширину */
  .vacation-logo img{
    width: 100%;
    height: auto;
    display: block;
    max-height: none;
    margin: 0 auto;
  }

  /* Контакты: иконка слева, номер справа */
  .vacation-contacts{
    grid-row: 2;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 12px;
    text-align: left;
  }

  .vacation-contacts .phone-box{
    display: grid;
    grid-template-columns: 36px auto; /* иконка + текст */
    align-items: center;
    column-gap: 10px;
  }

  .vacation-contacts .phone-box .icon{
    height:auto;
  }
  .vacation-contacts .phone-box .icon svg{
    width: 36px;
    height: 36px;
    fill: #19C2D1;
    transform:none;
    flex-shrink: 0;
  }

  /* телефоны: на мобиле показываем ТОЛЬКО (093) */
  .phones{
    display: block;
    font-size: 20px;
    line-height: 22px;
    margin: 0;
  }
  .phones .phone-097{ display:none !important; }
  .phones .phone-093{ display:inline-block; white-space: nowrap; }

  /* подпись скрываем */
  .vacation-contacts .desc{ display:none !important; }
}

/* =============== VERY NARROW ≤380px =============== */
@media (max-width: 380px){
  .vacation-contacts .phone-box{
    grid-template-columns: 30px auto;
    column-gap: 8px;
  }
  .vacation-contacts .phone-box .icon svg{
    width: 30px;
    height: 30px;
  }
  .phones{
    font-size: 18px;
    line-height: 20px;
  }
}
/* ===== MOBILE LANDSCAPE: лого слева, кнопка по центру, справа контакты столбцом ===== */
@media screen and (max-width: 900px) and (orientation: landscape){

  /* 3 колонки: [ЛОГО] [КНОПКА] [КОНТАКТЫ] */
  .vacation-header-container{
    grid-template-columns: 38% auto 1fr !important;
    align-items: center;
    column-gap: 16px;
    row-gap: 0;
    padding-left: 16px;
    padding-right: 16px;
    text-align: left;
  }

  /* 1-я колонка — лого */
  .vacation-logo{ grid-column: 1; }
  .vacation-logo img{
    max-width: 100%;
    height: auto;
    display: block;
  }

  /* 2-я колонка — кнопка по центру (показываем!) */
  .vacation-button{
    grid-column: 2;
    display: block !important;     /* переопределяем возможные скрытия */
    text-align: center;
    margin: 0;                      /* без отступов вниз */
  }

  /* 3-я колонка — контакты ОДНОЙ КОЛОНКОЙ: телефоны → время */
  .vacation-contacts{
    grid-column: 3;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;                      /* расстояние между строками */
    text-align: left;
  }

  /* строка контактов: [иконка][текст] */
  .vacation-contacts .contact-box{
    display: grid !important;
    grid-template-columns: 28px auto;
    align-items: center;
    column-gap: 10px;
  }

  /* иконки компактнее */
  .vacation-contacts .contact-box .icon svg{
    width: 28px;
    height: 28px;
    transform: none;                /* убираем десктопный «недж» */
  }

  /* телефоны — показываем ОБА; можно в столбик, как просили */
  .phones{
    display: flex;
    flex-direction: column;         /* каждый номер с новой строки */
    font-size: 18px;
    line-height: 22px;
    margin: 0;
  }
  .phones .phone{ display:block; white-space: nowrap; }
  .phones .phone-097{ display:block !important; }  /* вдруг скрыт портретным правилом */

  /* время — одной строкой + подпись оставляем */
  .vacation-contacts .time-box{ display: grid !important; }
  .vacation-contacts .time-box .title{
    white-space: nowrap;
    margin: 0 0 2px 0;
  }
  .vacation-contacts .desc{ display:block !important; }
}
@media screen and (max-width: 900px) and (orientation: landscape){
  .phones{
    display: flex;
    flex-direction: column;
    gap: 2px !important;   /* расстояние между номерами минимальное */
    margin: 0;
    line-height: 1.2;      /* компактная высота строки */
  }
  .phones .phone{
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* ====== NAV WRAP: черная полоса на всю ширину + оливковый бордер ====== */
.vacation-nav{
  width:100%;
  background:#000;
  border-top:3px solid #bf9f00;      /* как в оригинале */
  /* убираем возможные внутренние «гутенберговские» зазоры */
  --wp--style--block-gap: 0;
}
.vacation-nav .wp-block-group{ gap:0; }


.vacation-nav__inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 0px;                   
  box-sizing:border-box;
} 

/* Сбрасываем стили оболочки плагина, чтобы она не ломала фон/отступы */
.vacation-nav__inner .mega-menu-wrap{
  background:transparent !important;
  border:0 !important;
  margin:0 !important;
  padding:0 !important;
}


/* ====== Верхний уровень меню ====== */
#mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
  font-family: "Roboto Condensed", Sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px;
  line-height: 1.4em;
}

/* ====== Подменю ====== */
#mega-menu-wrap-max_mega_menu_1 .mega-sub-menu a {
  font-family: "Roboto Condensed", Sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  line-height: 1.3em;
}

/* Само меню (UL) без внешних отступов и строго слева */
.vacation-nav__inner .max-mega-menu{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  text-align:left;
}

/* Верхний уровень: белый текст, плотные паддинги */
.vacation-nav__inner .max-mega-menu > li > a.mega-menu-link{
  display:block;
  color:#fff !important;
  text-decoration:none;
  font-weight:600;
  line-height:1;
  padding:12px 18px;
}

/* Hover — тёмно-серый */
.vacation-nav__inner .max-mega-menu > li:hover > a.mega-menu-link{
  background:#222;
  color:#fff !important;
}

/* АКТИВНЫЙ пункт — оливковый фон, тёмный текст */
.vacation-nav__inner .max-mega-menu > li.mega-current-menu-item > a.mega-menu-link,
.vacation-nav__inner .max-mega-menu > li.current-menu-ancestor > a.mega-menu-link{
  background:#aab907;
  color:#000 !important;
}

/* Выпадающие (если будут) — темная тема */
.vacation-nav__inner .max-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu,
.vacation-nav__inner .max-mega-menu li.mega-menu-flyout   > ul.mega-sub-menu{
  background:#111;
}
.vacation-nav__inner .max-mega-menu li ul.mega-sub-menu a.mega-menu-link{
  color:#fff !important;
}
.vacation-nav__inner .max-mega-menu li ul.mega-sub-menu a.mega-menu-link:hover{
  background:#222;
}

/* Тогглер на мобиле — в цвет полосы */
.vacation-nav__inner .mega-menu-toggle{
  background:#000;
}

/* На узких — разрешаем перенос пунктов (если не бургер) */
@media (max-width: 900px){
  .vacation-nav__inner .max-mega-menu{ flex-wrap:wrap; }
}


.CaptionRedBold {
	color: red !important;
}