/* ═══════════════════════════════════════════════════
   LAYOUT — lideravto theme
   Контейнер, регионы, структура страницы
   Только var() из tokens.css
═══════════════════════════════════════════════════ */

/* ── Глобальный reset ── */
*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: var(--font);
  font-size: var(--body);
  color: var(--gray-900);
  background: var(--white);  /* монолитный белый везде */
  margin: 0 !important;
  padding: 0 !important;
  -webkit-font-smoothing: antialiased;
}

/* Убираем любые отступы сверху — Bootstrap/Barrio могут добавлять */
html { margin: 0 !important; padding: 0 !important; }
/* page-wrapper центрується через margin:auto — без !important тут */
#page, #main-wrapper { margin: 0 !important; padding: 0 !important; }

a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; }

/* ── Контейнер — переопределяем Bootstrap ── */
/* НЕ применяем к шапке — она управляет шириной через padding */
.container:not(#navbar-top .container):not(#navbar-main),
.container-fluid:not(#navbar-top .container-fluid):not(#navbar-main) {
  max-width: var(--container) !important;
  padding-left: var(--cont-pad) !important;
  padding-right: var(--cont-pad) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}

/* ── БЕЛЫЙ — страница и контент ── */
html, body,
#page-wrapper, #page,
#main-wrapper, #main,
.layout-main-wrapper,
.highlighted, .region-highlighted,
.block-system-breadcrumb-block,
.region-breadcrumb {
  background: #ffffff !important;
}
/* featured-top — НЕ белый, фон задаётся в header.css (navy) */

#page-wrapper, #page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#main-wrapper { flex: 1; }

/* ── Контейнер 1280px — grid.css управляет (--cont-pad: 20px) ── */
/* Стили #main — в grid.css */

/* ── Контент + сайдбар ── */
.layout-main-wrapper {
  width: 100%;
}

/* Без сайдбара — полная ширина */
#content.col,
#content.main-content {
  padding: 0 !important;
  flex: 1;
  min-width: 0;
}

/* Со сайдбаром — Bootstrap grid col-md-9 */
.layout-sidebar-first #content { flex: 1; min-width: 0; }
.layout-sidebar-first #sidebar-first { flex-shrink: 0; }

/* ── Отступ под sticky шапку ── */
/* Шапка: топбар(34px) + хедер(76px) + брендбар(50px) = 160px */
#main-wrapper {
  padding-top: 0;
}

/* ── Регион featured_top (брендбар) — full width ── */
.region-featured-top {
  width: 100%;
}

/* ── Регионы контента ── */
.region-content > .block { margin-bottom: 0; }

/* Убираем лишние Drupal/Barrio отступы на блоках */
.block { margin-bottom: 0 !important; }
.block-inner { padding: 0 !important; }

/* ── Утилиты ── */
.visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  border: 0;
}