/* =========================================================
   РВС — ЕДИНАЯ СЕТКА САЙТА
   Файл: rvs-layout.css

   Единственный файл, который управляет:
   - максимальной шириной контента;
   - выравниванием по центру;
   - боковыми отступами на desktop / tablet / mobile.

   В CSS отдельных страниц ширину и боковые отступы секций
   больше не задаём.
   ========================================================= */

:root {
  --rvs-site-width: 1280px;
  --rvs-site-gutter: 32px;
}

/* Универсальные классы для новых страниц */
.rvs-site-container,
.rvs-layout-container,
.rvs-page-section {
  width: 100% !important;
  max-width: var(--rvs-site-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--rvs-site-gutter) !important;
  padding-right: var(--rvs-site-gutter) !important;
  box-sizing: border-box !important;
}

/* Главная страница */
body.home .rvs-hero-v2,
body.home .rvs-stages,
body.home .rvs-articles,
body.home .rvs-hubs,
body.home .rvs-quickfind,
body.home .rvs-experts,
body.home .rvs-social-subscribe,
body.home .rvs-about-seo {
  width: 100% !important;
  max-width: var(--rvs-site-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--rvs-site-gutter) !important;
  padding-right: var(--rvs-site-gutter) !important;
  box-sizing: border-box !important;
}

/* Страница «Виды спорта» */
html body.page-id-40751 .rvs-vs-page > section.rvs-vs-section {
  width: 100% !important;
  max-width: var(--rvs-site-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--rvs-site-gutter) !important;
  padding-right: var(--rvs-site-gutter) !important;
  box-sizing: border-box !important;
}

/* Страница «Как выбрать спорт для ребёнка» */
html body .rvs-choice-page > section.rvs-choice-section {
  width: 100% !important;
  max-width: var(--rvs-site-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--rvs-site-gutter) !important;
  padding-right: var(--rvs-site-gutter) !important;
  box-sizing: border-box !important;
}

/* Внутренние Gutenberg-обёртки не создают вторую ширину */
body.home .rvs-hero-v2 > .wp-block-group__inner-container,
body.home .rvs-stages > .wp-block-group__inner-container,
body.home .rvs-articles > .wp-block-group__inner-container,
body.home .rvs-hubs > .wp-block-group__inner-container,
body.home .rvs-quickfind > .wp-block-group__inner-container,
body.home .rvs-experts > .wp-block-group__inner-container,
body.home .rvs-social-subscribe > .wp-block-group__inner-container,
body.home .rvs-about-seo > .wp-block-group__inner-container,
html body.page-id-40751 .rvs-vs-page .rvs-vs-container,
html body.page-id-40751 .rvs-vs-page .rvs-vs-container--narrow,
html body.page-id-40751 .rvs-vs-page .rvs-vs-hero__container,
html body.page-id-40751 .rvs-vs-page .rvs-vs-container > .wp-block-group__inner-container,
html body.page-id-40751 .rvs-vs-page .rvs-vs-hero__container > .wp-block-group__inner-container,
html body .rvs-choice-page .rvs-choice-container,
html body .rvs-choice-page .rvs-choice-container > .wp-block-group__inner-container,
html body .rvs-choice-page .rvs-choice-hero__container,
html body .rvs-choice-page .rvs-choice-hero__container > .wp-block-group__inner-container {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Футер использует ту же сетку */
html body #colophon .site-footer-inner.fixed,
html body #colophon .site-footer-inner,
html body #colophon .footer-bottom {
  width: 100% !important;
  max-width: var(--rvs-site-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--rvs-site-gutter) !important;
  padding-right: var(--rvs-site-gutter) !important;
  box-sizing: border-box !important;
}

@media screen and (max-width: 1024px) {
  :root {
    --rvs-site-gutter: 24px;
  }
}

@media screen and (max-width: 781px) {
  :root {
    --rvs-site-gutter: 20px;
  }
}

@media screen and (max-width: 390px) {
  :root {
    --rvs-site-gutter: 18px;
  }
}