/* ══════════════════════════════════════════════════════════════
   График заездов на два года с переключателем (schedule_redesign)
   Стилистика взята со страницы /prices/ (блок pricetabs_r):
   сплошные кнопки, стеклянные ячейки, grid-таблица.
   ══════════════════════════════════════════════════════════════ */

.sched-y{
  --sy-radius:10px; --sy-accent:#D43144; --sy-accent-rgb:212,49,68;
  /* Фолбэк: на /prices/ переменной --theme нет, там своя --ptheme */
  --sy-text:var(--theme, var(--ptheme, #fff));
  --sy-border:var(--theme-transparent, rgba(255,255,255,.33));
}

/* ── Шапка-баннер (стеклянная плашка, как на /prices/) ── */
.sched-y__banner{
  text-align:center;margin:0 0 32px;padding:26px 32px;border-radius:10px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.22);
  -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);
}
.sched-y__banner-title{
  font-family:Unbounded,sans-serif;font-weight:600;
  font-size:clamp(24px,3.2vw,40px);line-height:1.2;
  color:#fff;margin:0 0 8px;text-shadow:0 2px 14px rgba(0,0,0,.35);
  text-transform:none;
}
.sched-y__banner-title span{color:#D4A853}
.sched-y__banner-sub{
  font-family:Unbounded,sans-serif;font-weight:500;font-size:15px;line-height:1.45;
  color:rgba(255,255,255,.82);margin:0;
}
@media screen and (max-width:768px){
  .sched-y__banner{padding:20px 18px;margin-bottom:24px}
  .sched-y__banner-sub{font-size:13px}
}

/* ── Панель кнопок ── */
.sched-y__tabs{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;align-items:center;
  margin:0 0 40px;
}

/* Рычажок года */
.sched-y__yearsw{
  display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;
  height:44px;padding:4px;border-radius:999px;
  background:#6B5424;border:1px solid #D7B876;
}
.sched-y__yearsw-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;flex:0 0 auto;color:#d7b876;
}
.sched-y__yearsw-ico svg{width:15px;height:15px}
.sched-y__yearsw-btn{
  height:34px;padding:0 15px;border:0;border-radius:999px;cursor:pointer;
  background:transparent;color:#f1ddac;
  font-family:Unbounded,sans-serif;font-size:13px;font-weight:500;line-height:1;
  transition:background-color .2s ease,color .2s ease;
}
.sched-y__yearsw-btn:hover{background:#8A6C31}
.sched-y__yearsw-btn.is-active{background:#d7b876;color:#2b1f08;font-weight:700}

/* Кнопки сезонов */
.sched-y__tab{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 18px;border-radius:var(--sy-radius);cursor:pointer;white-space:nowrap;
  background:#0F3D28;border:1px solid #3D6152;
  color:#fff;font-family:Unbounded,sans-serif;font-size:14px;font-weight:500;
  text-transform:uppercase;letter-spacing:.01em;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .15s ease;
}
.sched-y__tab:hover{background:#15563A;transform:translateY(-1px)}
.sched-y__tab.is-active{background:var(--sy-accent);border-color:var(--sy-accent);color:#fff}
.sched-y__tab i{font-style:normal;font-size:15px;line-height:1}

/* ── Год ── */
.sched-y__year{display:none}
.sched-y__year.is-active{display:block}

/* ── Сезон ── */
.sched-y__season{margin-bottom:48px}
.sched-y__season-name{
  font-family:Unbounded,sans-serif;font-weight:400;
  font-size:clamp(28px,3.6vw,48px);line-height:1.15;color:var(--sy-text);margin:0 0 24px;
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  text-shadow:0 2px 14px rgba(0,0,0,.25);
}
.sched-y__season-name i{font-style:normal;font-size:.72em;line-height:1}

/* ── Таблица: единый grid, ряды выравниваются по высоте ── */
.sched-y__tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sched-y__table{
  display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;
  margin:0;padding:0;list-style:none;min-width:560px;
}
.sched-y__col-title{
  font-family:Unbounded,sans-serif;font-weight:400;
  font-size:18px;line-height:1.3;min-height:50px;text-transform:uppercase;
  display:flex;align-items:center;justify-content:center;gap:9px;
  margin:0;color:var(--sy-text);
}
.sched-y__col-title i{font-style:normal;font-size:17px;line-height:1;text-transform:none}

.sched-y__cell{
  padding:5px;margin:0;min-height:96px;border-radius:var(--sy-radius);
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
  border:1px solid var(--sy-border);
  font-family:Unbounded,sans-serif;font-weight:400;line-height:1.3;
  text-align:center;text-transform:uppercase;color:var(--sy-text);
}
.sched-y__cell--empty{
  border:none;background:none;min-height:0;padding:0;
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
.sched-y__dates{font-size:22px;color:inherit;white-space:nowrap;line-height:1.15}
.sched-y__days{font-size:12px;text-transform:none;line-height:1.3;color:inherit;opacity:.85}

.sched-y__cell--star{
  border-color:rgba(var(--sy-accent-rgb),.65);
  background:rgba(var(--sy-accent-rgb),.18);
}
.sched-y__star{
  display:inline-block;padding:2px 9px;border-radius:999px;line-height:1.3;
  background:var(--sy-accent);color:#fff;font-family:Unbounded,sans-serif;
  font-size:10.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;
}

/* ── Приписка ── */
.sched-y__disclaimer{
  margin:8px 0 0;font-family:Unbounded,sans-serif;font-weight:400;
  font-size:13px;line-height:1.5;color:var(--sy-text);opacity:.8;
}

/* ── Мобильные ── */
@media screen and (max-width:768px){
  .sched-y__tabs{
    flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    margin:0 0 28px;padding:0;scrollbar-width:none;-ms-overflow-style:none;
  }
  .sched-y__tabs::-webkit-scrollbar{display:none}
  .sched-y__tab{scroll-snap-align:start;font-size:13px;padding:9px 14px}
  .sched-y__yearsw{height:38px;scroll-snap-align:start}
  .sched-y__yearsw-btn{height:30px;padding:0 12px;font-size:12px}
  .sched-y__yearsw-ico{width:22px}
  .sched-y__yearsw-ico svg{width:13px;height:13px}

  .sched-y__season{margin-bottom:32px}
  .sched-y__season-name{font-size:24px;gap:10px;margin-bottom:18px}

  .sched-y__table{min-width:480px}
  .sched-y__col-title{min-height:36px;font-size:13px}
  .sched-y__col-title i{font-size:14px}
  .sched-y__cell{min-height:72px;padding:6px 4px;font-size:14px}
  .sched-y__cell--empty{min-height:0;padding:0}
  .sched-y__dates{font-size:17px}
  .sched-y__days{font-size:11px}
  .sched-y__star{font-size:9.5px;padding:2px 7px}

  .sched-y__disclaimer{font-size:12px}
}

/* ══════════════════════════════════════════════════════════════
   Совместимость с темой.

   В main__redesign.css есть правило `.schedule-r button` со сплошными
   !important (width:100%, белый фон, padding 0 17px) — оно написано под
   кнопку отправки формы CF7, но попадает во ВСЕ <button> внутри секции,
   включая наши вкладки. Перебиваем его: два класса в селекторе дают
   специфичность выше, чем `.schedule-r button`, плюс !important.
   ══════════════════════════════════════════════════════════════ */
.schedule-r .sched-y__tab,
.sched-y .sched-y__tab{
  display:inline-flex !important;
  width:auto !important;
  flex:0 0 auto !important;
  padding:11px 18px !important;
  border-radius:var(--sy-radius) !important;
  background-color:#0F3D28 !important;
  border:1px solid #3D6152 !important;
  color:#fff !important;
  font-family:Unbounded,sans-serif !important;
  font-size:14px !important;
  font-weight:500 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  margin:0 !important;
}
.schedule-r .sched-y__tab:hover,
.sched-y .sched-y__tab:hover{
  background-color:#15563A !important;
  color:#fff !important;
}
.schedule-r .sched-y__tab.is-active,
.sched-y .sched-y__tab.is-active{
  background-color:var(--sy-accent) !important;
  border-color:var(--sy-accent) !important;
  color:#fff !important;
}

.schedule-r .sched-y__yearsw-btn,
.sched-y .sched-y__yearsw-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  height:34px !important;
  padding:0 15px !important;
  border:0 !important;
  border-radius:999px !important;
  background-color:transparent !important;
  color:#f1ddac !important;
  font-family:Unbounded,sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;
  text-transform:none !important;
  margin:0 !important;
}
.schedule-r .sched-y__yearsw-btn:hover,
.sched-y .sched-y__yearsw-btn:hover{
  background-color:#8A6C31 !important;
  color:#f1ddac !important;
}
.schedule-r .sched-y__yearsw-btn.is-active,
.sched-y .sched-y__yearsw-btn.is-active{
  background-color:#d7b876 !important;
  color:#2b1f08 !important;
  font-weight:700 !important;
}

@media screen and (max-width:768px){
  .schedule-r .sched-y__tab,
  .sched-y .sched-y__tab{ padding:9px 14px !important; font-size:13px !important }
  .schedule-r .sched-y__yearsw-btn,
  .sched-y .sched-y__yearsw-btn{ height:30px !important; padding:0 12px !important; font-size:12px !important }
}

/* ══════════════════════════════════════════════════════════════
   Тот же график внутри ката на /prices/ (блок pricetabs_r)
   ══════════════════════════════════════════════════════════════ */
.pricetabs-r__sched-body .sched-y__tabs{justify-content:center;margin-bottom:28px}
.pricetabs-r__sched-body .sched-y__season{margin-bottom:32px}
.pricetabs-r__sched-body .sched-y__season-name{font-size:clamp(22px,2.4vw,32px);margin-bottom:16px}
.pricetabs-r__sched-body .sched-y__cell{min-height:82px}
.pricetabs-r__sched-body .sched-y__dates{font-size:19px}

/* ══════════════════════════════════════════════════════════════
   Страница графика заездов (page-id-9034): подвал-спойлер и FAQ
   в той же тёмной стеклянной стилистике, что и сам график.
   ══════════════════════════════════════════════════════════════ */

/* Подвал свёрнут по умолчанию — так же, как на /prices/.
   Кнопку-раскрывашку рисует JS (см. schedule-years.php). */
body.page-id-9034 #footer{
  max-height:0;overflow:hidden;transition:max-height .4s ease;
}
body.page-id-9034 #footer.is-open{overflow:visible}

/* ── FAQ в стиле тестовой страницы ── */
body.page-id-9034 .faq-r{
  background-color:transparent !important;
  background-image:url('https://tyurmazhira.ru/wp-content/uploads/2025/09/image.webp');
  background-size:cover;background-position:center;background-attachment:fixed;
  position:relative;
  --theme:#ffffff;
  --anti-theme:#052616;
  padding:80px 0;
}
body.page-id-9034 .faq-r::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,38,22,.86) 0%,rgba(5,38,22,.78) 100%);
  pointer-events:none;
}
body.page-id-9034 .faq-r > .container{position:relative;z-index:1}

body.page-id-9034 .faq-r__title{color:#fff}

body.page-id-9034 .faq-r__question{
  border-bottom:1px solid rgba(255,255,255,.28);
}
body.page-id-9034 .faq-r__question_title{color:#fff}
body.page-id-9034 .faq-r__question_title svg path{stroke:#fff}
body.page-id-9034 .faq-r__question_title.active{color:#D4A853}
body.page-id-9034 .faq-r__question_title.active svg path{stroke:#D4A853}
body.page-id-9034 .faq-r__question_answer{color:rgba(255,255,255,.85)}

/* Кнопка «Задать свой вопрос» — стекло, как кнопки сезонов */
body.page-id-9034 .faq-r .section__btn--transparent{
  color:#fff !important;
  background-color:#0F3D28 !important;
  border:1px solid #3D6152 !important;
  border-radius:10px !important;
}
body.page-id-9034 .faq-r .section__btn--transparent:hover{
  background-color:#15563A !important;color:#fff !important;
}

/* Правая колонка «Статьи / Акции» */
body.page-id-9034 .faq-r__sales_title,
body.page-id-9034 .faq-r__sales .faq-r__title{color:#fff}
body.page-id-9034 .faq-r__sale{color:#fff}
body.page-id-9034 .faq-r__sale_title{color:rgba(255,255,255,.9)}

@media screen and (max-width:768px){
  body.page-id-9034 .faq-r{padding:56px 0;background-attachment:scroll}
}

/* Подпись в баннере может прийти из ACF с обёрткой <p> — гасим её отступы */
.sched-y__banner-sub p{margin:0;font:inherit;color:inherit;line-height:inherit}
.sched-y__banner-sub p + p{margin-top:6px}
