/* =========================
   Zdorovoe Pokolenie — user.css
   ========================= */

/* Шрифт Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

/* Темные/светлые переменные темы */
:root{
  --blue:#0A408A;
  --blue-700:#08356f;
  --blue-050:#f1f5ff;
  --ink:#1f2937;
  --muted:#6b7280;
  --border:#e5e7eb;
  --bg:#ffffff;
  --radius:18px;
  --shadow:0 10px 25px rgba(0,0,0,.06);
}

/* Базовая типографика */
body{
  font-family:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);
  background:var(--bg);
}

/* ─────────────────────────
   ХЕДЕР
   ───────────────────────── */
.container-topbar, .header{border-bottom:1px solid var(--border)}
.site-grid .grid-child.container-header { padding-block: 12px; }

/* Лого */
.brand-logo img{ height:54px; width:auto; }

/* Линия: логотип слева, инструменты справа — БЕЗ переноса */
.container-header .grid-child > .navbar-brand{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;    /* не переносить элементы */
  gap:12px !important;
  width:100% !important;
}

/* Лого — фиксированная ширина */
.container-header .grid-child > .navbar-brand > .brand-logo{
  flex:0 0 auto !important;
}

/* Блок инструментов справа от логотипа */
.container-header .grid-child > .navbar-brand > .brand-tools{
  margin-left:auto !important;    /* прижать вправо */
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex:0 0 auto !important;
  font-size:14px !important;      /* сброс наследуемых крупных размеров */
}

/* Если есть описание сайта — опускаем ниже */
.navbar-brand .site-description{
  order:3 !important;
  flex-basis:100% !important;
  margin-top:4px !important;
  line-height:1.2 !important;
}

/* Кнопки темы/лайт — компактные */
.brand-tools .theme-lite-buttons{ display:flex; gap:8px; align-items:center; }
.brand-tools .btn-toggle{
  -webkit-appearance:none; appearance:none;
  border:1px solid var(--border) !important;
  background:#fff !important;
  border-radius:10px !important;
  padding:6px 10px !important;
  line-height:1 !important;
  font-size:13px !important;
  font-weight:600 !important;
  cursor:pointer;
  min-height:auto !important;
}
.brand-tools .btn-toggle:hover{ background:#f2f4f7 !important; }

/* ─────────────────────────
   МЕНЮ
   ───────────────────────── */
.container-nav { background: var(--blue); }
.container-nav .metismenu.mod-menu a,
.container-nav .navbar-nav .nav-link{
  color:#fff !important;
  font-weight:600;
  border-radius:12px;
  padding:10px 14px;
}
.container-nav .navbar-nav .nav-link:hover{ background:var(--blue-700); }

/* Поиск */
.mod-finder__search.input-group,
.mod-search__search.input-group{ background:#fff; border-radius:12px; overflow:hidden; }
.mod-finder__search input, .mod-search__search input{ border:0; }

/* ─────────────────────────
   КОНТЕНТ И САЙДБАРЫ
   ───────────────────────── */
.com-content-article{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:22px;
}
.sidebar-right .moduletable, .sidebar-left .moduletable{
  background:#fff; border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow);
}
.sidebar-right .moduletable>h3, .sidebar-left .moduletable>h3{
  margin:0; padding:12px 18px; background:var(--blue); color:#fff;
  border-top-left-radius:var(--radius); border-top-right-radius:var(--radius);
}
.sidebar-right .moduletable>.moduletable__content,
.sidebar-left  .moduletable>.moduletable__content{ padding:12px 18px; }

/* ─────────────────────────
   ТЁМНАЯ ТЕМА
   ───────────────────────── */
:root[data-theme="dark"]{
  --bg:#0b1020; --ink:#e5e7eb; --muted:#9aa3af; --border:#1f2a44;
  --blue:#0A408A; --blue-700:#08356f; --blue-050:#0d152b;
}
:root[data-theme="dark"] .container-nav{ background:var(--blue) }
:root[data-theme="dark"] .com-content-article,
:root[data-theme="dark"] .sidebar-right .moduletable,
:root[data-theme="dark"] .sidebar-left  .moduletable{
  background:#0f1835; border-color:var(--border);
}

/* ─────────────────────────
   ЛЁГКАЯ ВЕРСИЯ (Lite)
   ───────────────────────── */
:root[data-lite="on"] .banner,
:root[data-lite="on"] .mod-custom.hero,
:root[data-lite="on"] .mod-articles-news .image{ display:none !important; }
:root[data-lite="on"] .com-content-article{ padding:16px; }

/* ─────────────────────────
   МОБИЛЬНАЯ ПОДСТРОЙКА
   ───────────────────────── */
@media (max-width: 640px){
  .brand-logo img{ height:46px; }
  .brand-tools .btn-toggle{ padding:5px 8px; font-size:12px; }
}
/* Логотип побольше */
.brand-logo img {
  height: 80px !important;   /* или 90px – подбери по вкусу */
  width: auto !important;
}

/* Фон под логотипом белый, граница снизу */
.container-header {
  background: #fff !important;
  border-bottom: 1px solid var(--border) !important;
}

/* Чтобы описание сайта и кнопки смотрелись аккуратно */
.navbar-brand .site-description {
  color: var(--ink) !important;
}