@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* === ГЛОБАЛЬНЫЕ СТИЛИ === */
body {
  font-family: 'Inter', sans-serif !important;
  background: #000 !important;
  color: #fff !important;
  scroll-behavior: smooth;
}

/* === АНИМАЦИЯ ПОЯВЛЕНИЯ ПРИ СКРОЛЛЕ === */
/* Блоки скрываются только когда скрипт работает (html.s25-js) — без JS страница видна полностью */
html.s25-js .t-rec {
  opacity: 0;
  transform: translateY(24px);
  filter: blur(6px);
  transition: opacity 700ms ease, transform 700ms ease, filter 700ms ease;
  will-change: opacity, transform, filter;
}
html.s25-js .t-rec.studio25-shown {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}
@media (prefers-reduced-motion: reduce) {
  html.s25-js .t-rec {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }
}

/* === ЦВЕТ АКЦЕНТОВ === */
.t-btn, .t-submit {
  background: #ff8c00 !important;
  color: #000 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  border-radius: 60px !important;
  border: none !important;
  transition: background 0.2s !important;
}
.t-btn:hover, .t-submit:hover { background: #ffa233 !important; }

/* === ФОРМА === */
.t-form__inputsbox {
  background: #111 !important;
  border: 1px solid rgba(255,140,0,0.2) !important;
  border-radius: 24px !important;
  padding: 40px !important;
}
.t-input, .t-textarea {
  background: #1e1e1e !important;
  border: 1px solid #333 !important;
  border-radius: 12px !important;
  color: #fff !important;
  font-family: 'Inter', sans-serif !important;
}
.t-input:focus, .t-textarea:focus {
  border-color: #ff8c00 !important;
  outline: none !important;
}
.t-form__title {
  color: #fff !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
}
.t-form__inputlabel { color: #ff8c00 !important; font-weight: 600 !important; }
.t-pricing__col { background: #0f0f0f !important; border-radius: 16px !important; }
.t-map {
  border-radius: 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,140,0,0.4) !important;
}

/* === ФОНЫ ОТДЕЛЬНЫХ БЛОКОВ === */
/* Виджет мессенджеров (BF905): убираем белую полосу */
#rec2355180521, #rec2355180521 .t825 { background-color: #000 !important; }
/* Секция формы бронирования */
#rec2355192211 { background-color: #000 !important; }

/* === КНОПКИ ФУТЕРА (как на PHP-версии) === */
#rec2355180551 .t911__list-item {
  background: #1e1e1e !important;
  color: #fff !important;
  border: 1px solid #333 !important;
  border-radius: 50px !important;
  font-weight: 600 !important;
  transition: 0.2s !important;
}
#rec2355180551 .t911__list-item_whatsapp:hover { background: #25D366 !important; color: #000 !important; }
#rec2355180551 .t911__list-item_telegram:hover { background: #0088cc !important; }
#rec2355180551 .t911__list-item_ok:hover { background: #ff8c00 !important; color: #000 !important; }
#rec2355180551 .t911__list-item_email:hover { background: #ea4335 !important; }

/* === КОПИРАЙТ === */
#s25-copyright {
  background: #0a0a0a;
  color: #777;
  text-align: center;
  padding: 26px 14px 30px;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  border-top: 1px solid rgba(255,140,0,0.2);
}

/* === МЕНЮ: фиксированная шапка как в PHP-версии === */
#rec2355180431 { position: relative; z-index: 990; }
@media (min-width: 981px) {
  #rec2355180431 .t228 {
    position: fixed !important;
    top: 0; left: 0; right: 0;
    background: rgba(0,0,0,0.95) !important;
    backdrop-filter: blur(5px);
  }
}

/* === КОНТРАСТ ТЕКСТОВ (тёмные тексты на чёрном фоне) === */
/* Превью-карточки: заголовки оранжевые, описания светлые — как в PHP */
#rec2355180461 .t-card__title { color: #ff8c00 !important; }
#rec2355180461 .t-card__descr { color: #ddd !important; }
/* Форма: заголовок белый, подписи полей оранжевые — как в PHP */
#rec2355192211 .t-section__title { color: #fff !important; }
#rec2355192211 .t-input-title { color: #ff8c00 !important; font-weight: 600 !important; }

/* === ПЛЕЙСХОЛДЕРЫ ПОЛЕЙ ФОРМЫ: белые, иначе не видно на тёмном === */
#rec2355192211 .t-input::placeholder,
#rec2355192211 textarea::placeholder {
  color: rgba(255, 255, 255, 0.65) !important;
  opacity: 1 !important;
}
#rec2355192211 .t-input::-webkit-input-placeholder,
#rec2355192211 textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.65) !important;
  opacity: 1 !important;
}

/* === МОБИЛЬНОЕ БУРГЕР-МЕНЮ === */
/* бар с бургером всегда поверх шторки */
@media (max-width: 980px) {
  #rec2355180431 .tmenu-mobile { position: relative; z-index: 999; }
}
/* кнопка «Закрыть меню» внутри шторки (только мобильные) */
#s25-menu-close {
  display: none;
  width: 100%;
  padding: 16px 14px;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(255,140,0,0.35);
  color: #ff8c00;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 2px;
  cursor: pointer;
  text-align: center;
}
@media (max-width: 980px) {
  #s25-menu-close { display: block; }
}

/* === ВИДЖЕТ МЕССЕНДЖЕРОВ (BF905): фикс невидимого попапа === */
/* анимация открытия зависает с opacity:0 — форсируем видимость */
#rec2355180521 .t825__popup { transition: none !important; animation: none !important; }
#rec2355180521 .t825__popup.t825__popup_show {
  opacity: 1 !important;
  animation: none !important;
}
/* читаемые тексты внутри белого попапа */
#rec2355180521 .t825__popup-container .t-name,
#rec2355180521 .t825__popup-container .t-descr,
#rec2355180521 .t825__title { color: #1a1a1a !important; }
/* верхняя чёрная панель на мобиле: белый текст и крестик */
#rec2355180521 .t825__mobile-top-panel, #rec2355180521 .t825__mobile-top-panel * { color: #fff !important; }

/* s25 popup position: координаты открытого попапа виджета (без них он рисовался за экраном) */
#rec2355180521 .t825__popup.t825__popup_show .t825__popup-container {
  position: fixed !important;
  right: 24px !important;
  bottom: 100px !important;
  left: auto !important;
  top: auto !important;
  z-index: 100002 !important;
  max-height: 70vh;
  overflow: auto;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}
@media (max-width: 640px) {
  #rec2355180521 .t825__popup.t825__popup_show .t825__popup-container {
    left: 12px !important;
    right: 12px !important;
    bottom: 96px !important;
    width: auto !important;
    max-width: none !important;
  }
}
/* фуллскрин-панель мобильного режима не нужна в карточном виде */
#rec2355180521 .t825__mobile-top-panel { display: none !important; }

/* === s25-logo-noselect: логотип нельзя выделить/перетащить, чтобы не появлялись иконки Google Lens и т.п. === */
#rec2355180441 img {
  pointer-events: none !important;
  -webkit-user-drag: none !important;
  user-drag: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-touch-callout: none !important;
}

/* === s25-captcha-fix: капча/встроенные виджеты всегда видны, без анимаций и трансформаций, которые могут её ломать === */
html.s25-js .t-rec:has(iframe),
html.s25-js [class*="captcha"],
html.s25-js [id*="captcha"] {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  animation: none !important;
}
#rec2355192211, #rec2355192211 * {
  overflow: visible !important;
}
iframe[src*="recaptcha"], iframe[title*="recaptcha" i], iframe[title*="reCAPTCHA" i] {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}