/* =========================================================================
   ОТЕЛЬ «ДОМАШНИЙ ОЧАГ» — перенос концепт-редизайна на живую тему (путь А)
   Файл подключается из functions.php дочерней темы с версией по времени правки
   (wp_enqueue_style 'ochag-concept'), поэтому браузер всегда берёт свежую версию.

   СРЕЗ 1 — ШРИФТЫ: Onest (400/600/700) вместо Alice / Raleway / Commissioner.
            Файлы: gp-resort-child-theme/files/font/onest-*.woff2
   СРЕЗ 2 — ПАЛИТРА И ТИПОГРАФИКА: тёплый графит и фирменный коричневый вместо
            служебного синего; кнопки — коричневые «пилюли»; заголовки плотнее;
            плашка «тур. индустрия» — золото.

   ОТКАТ: удалить подключение в functions.php и этот файл.
   ========================================================================= */

/* ============================ СРЕЗ 1: ШРИФТЫ ============================ */

@font-face { font-family: 'Onest'; font-style: normal; font-weight: 400; font-display: swap; src: url('files/font/onest-cyrillic-400.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 600; font-display: swap; src: url('files/font/onest-cyrillic-600.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 700; font-display: swap; src: url('files/font/onest-cyrillic-700.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 400; font-display: swap; src: url('files/font/onest-latin-400.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 600; font-display: swap; src: url('files/font/onest-latin-600.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 700; font-display: swap; src: url('files/font/onest-latin-700.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 400; font-display: swap; src: url('files/font/onest-latin-ext-400.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 600; font-display: swap; src: url('files/font/onest-latin-ext-600.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 700; font-display: swap; src: url('files/font/onest-latin-ext-700.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* Заголовки: в теме родителя 23 правила используют эту переменную */
:root { --font-alice: 'Onest', 'Open Sans', sans-serif; }

/* Основной текст и элементы интерфейса */
html body, html .wrap, html p, html li, html dd, html dt, html td, html th,
html input, html select, html textarea, html button {
  font-family: 'Onest', 'Open Sans', -apple-system, 'Segoe UI', sans-serif;
}
html h1, html h2, html h3, html h4, html h5, html h6,
html .contacts__title, html .room__title, html .page-title, html .post-title {
  font-family: 'Onest', 'Open Sans', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.2px;
  line-height: 1.15;
  color: #3b3229;
}
/* телефоны в шапке раньше были на Commissioner — теперь общий шрифт сайта */
html .header-phone1 .phone__num, html .logos .phone a, html .p_address {
  font-family: 'Onest', 'Open Sans', sans-serif;
}
/* табличные цифры: телефоны, цены и любые числа стоят ровно */
html body { font-variant-numeric: tabular-nums; }

/* ================= СРЕЗ 2: ПАЛИТРА И ТИПОГРАФИКА ======================= */

/* --- Текст и ссылки (в head темы есть свои body/a/#293b5f и #f2e600) --- */
html body { color: #3b3229; }
html a { color: #83624b; }
html a:hover, html a:focus { color: #6b4e3a; }
html .header-phone:hover { color: #6b4e3a; }

/* --- Размеры заголовков (как в концепте) --- */
html h1 { font-size: clamp(1.9rem, 3vw, 2.9rem); }
html h2 { font-size: clamp(1.45rem, 2.2vw, 2.1rem); }
html h3 { font-size: clamp(1.1rem, 1.5vw, 1.35rem); }

/* --- Кнопки: фирменная коричневая «пилюля» --- */
html a.popup-btn, html a.room-hover-btn, html a.all-rooms-btn,
html button.btn, html input[type="submit"], html .gp-banner a, html .button {
  background: #83624b;
  color: #fff !important;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 14px 28px;
  font-family: 'Onest', 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: .84rem;
  letter-spacing: .5px;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(131, 98, 75, .22);
  transition: background-color .22s ease, color .22s ease, transform .22s ease;
}
html a.popup-btn:hover, html a.room-hover-btn:hover, html a.all-rooms-btn:hover,
html button.btn:hover, html input[type="submit"]:hover,
html .gp-banner a:hover, html .button:hover {
  background: #6b4e3a;
  color: #fff !important;
  transform: translateY(1px);
}

/* --- Плашка «Объект зарегистрирован в сфере туристической индустрии» ---
   В футере это блок с инлайновым стилем, к тому же браузер выносит его
   из ссылки (невалидная вложенность div в p) — целимся прямо в блок. */
html .gp-banner span { background-color: #cbac65; color: #3b3229; font-weight: 700; }
html footer .footer-col-left a { text-decoration: none; }
html footer .footer-col-left div[style*="background-color:#fff"],
html footer .footer-col-left div[style*="background-color: #fff"] {
  width: auto !important;
  display: inline-block;
  background-color: #cbac65 !important;
  color: #3b3229 !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
}

/* ================= СРЕЗ 3: ШАПКА, ПОДВАЛ, КАРТОЧКИ ===================== */

/* --- Подвал: колонка 1240, заголовки как «надзаголовки» концепта --- */
html footer .block-wrapper { max-width: 1240px; }
html .footer-col__title {
  font-family: 'Onest', 'Open Sans', sans-serif;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: #3b3229;
  margin-bottom: 14px;
}
html footer .footer-col-left p { font-size: .95rem; }

/* --- Карточки номеров: белая плашка со скруглением, тень, подъём при наведении --- */
html .room-item,
html .rooms-archive-item {
  overflow: hidden;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 12px rgba(107, 78, 58, .08);
  transition: transform .35s cubic-bezier(.22, .61, .36, 1), box-shadow .35s ease;
}
html .room-item:hover,
html .rooms-archive-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 40px rgba(107, 78, 58, .14);
}
html .room-thumbnail img,
html .rooms-archive-item img { border-radius: 20px; }
/* внутренняя рамка темы — со скруглением, чтобы не вылезала за плашку */
html .room-item:after { border-radius: 14px; }

/* ================= СРЕЗ 4: ГАЛЕРЕЯ НОМЕРОВ =========================== */
/* На живом сайте галерея — Owl Carousel (.single-room-carousel), фото
   открываются плагином WP Lightbox 2 — его не трогаем, он работает.
   Приводим вид к концепту: скруглённые слайды и круглые стрелки. */

html .single-room-carousel .room-gallery-item { padding: 0 8px; }
html .room-gallery-item img {
  /* размеры картинок не трогаем — их задаёт тема и Owl Carousel,
     иначе галерея меняет высоту (проверено: 900 → 1344px) */
  border-radius: 20px;
  box-shadow: 0 2px 12px rgba(107, 78, 58, .10);
}

/* стрелки слайдера — круглые, фирменные (размер оставляем как в теме,
   чтобы не сдвинуть позиционирование) */
html .owl-nav .owl-prev,
html .owl-nav .owl-next {
  border-radius: 50%;
  background: rgba(255, 255, 255, .95) !important;
  border: 1px solid #beaa91;
  color: #6b4e3a;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 22px rgba(107, 78, 58, .18);
  transition: background-color .22s ease, color .22s ease;
  font-size: 1.35rem;
  line-height: 1;
}
html .owl-nav .owl-prev:hover,
html .owl-nav .owl-next:hover {
  background: #83624b !important;
  color: #fff;
  border-color: #83624b;
}

/* точки слайдера — в фирменном коричневом */
html .owl-dots .owl-dot span { background: rgba(131, 98, 75, .35) !important; }
html .owl-dots .owl-dot.active span,
html .owl-dots .owl-dot:hover span { background: #83624b !important; }