/* ============================================================
   BI Design — фирменная дизайн-система brand-irk.ru
   Палитра от логотипа: красный #a81818, серый #606060
   ============================================================ */
:root{
  --bi-red:#a81818;
  --bi-red-dark:#8c1310;
  --bi-red-deep:#6f0f0c;
  --bi-ink:#1c1c1e;
  --bi-gray:#606060;
  --bi-cream:#faf6f3;
  --bi-line:#eee4df;
  --bi-radius:16px;
  --bi-shadow-soft:0 6px 18px rgba(140,19,16,.06);
  --bi-shadow-hover:0 14px 34px rgba(140,19,16,.13);
}

::selection{background:var(--bi-red);color:#fff}
html{scroll-behavior:smooth}
html,body{overflow-x:clip}

a:focus-visible,button:focus-visible{outline:2px solid var(--bi-red);outline-offset:2px;border-radius:4px}

/* ---------- Шапка: компактная, прилипающая ---------- */
header.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,254,.92);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
body.admin-bar header.site-header{top:32px}
header.site-header>.wp-block-group{
  padding-top:10px !important;
  padding-bottom:10px !important;
  margin:0 !important;
}
header.site-header .wp-block-site-logo img{
  height:56px;width:auto;display:block;
  transition:transform .2s ease;
}
header.site-header .custom-logo-link:hover img{transform:scale(1.04)}
header.site-header .wp-block-navigation a{
  font-weight:500;
  position:relative;
  transition:color .18s ease;
}
header.site-header .wp-block-navigation a:hover{color:var(--bi-red)}
header.site-header .wp-block-navigation .current-menu-item>a{color:var(--bi-red)}

/* ---------- Заголовки ---------- */
h1{line-height:1.15;letter-spacing:-.015em}
h2{line-height:1.2;letter-spacing:-.01em}
h1.has-max-huge-font-size{font-size:clamp(1.7rem,1.1rem + 2.4vw,2.5rem) !important}

/* ---------- Кнопки (глобально, вне главной) ---------- */
.wp-block-button:not(.is-style-outline) .wp-block-button__link{
  /* !important нужен: у части кнопок в контенте инлайновые градиенты */
  background:linear-gradient(135deg,#b32019 0%,var(--bi-red-dark) 100%) !important;
  border-radius:999px !important;
  font-weight:600;
  box-shadow:0 8px 20px rgba(140,19,16,.20);
  transition:transform .2s ease,box-shadow .2s ease;
}
.wp-block-button__link:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(140,19,16,.28);
  color:#fff;
}
.is-style-outline .wp-block-button__link{
  background:transparent;
  border-color:var(--bi-red);color:var(--bi-red);
  box-shadow:none;
}
.wpforms-form button[type=submit]{
  background:linear-gradient(135deg,#b32019 0%,var(--bi-red-dark) 100%) !important;
  border:0 !important;border-radius:999px !important;
  font-weight:600 !important;
  box-shadow:0 8px 20px rgba(140,19,16,.20) !important;
  transition:transform .2s ease,box-shadow .2s ease !important;
}
.wpforms-form button[type=submit]:hover{transform:translateY(-1px)}

/* ---------- Карточки записей (архив «Статьи», related) ---------- */
li.wp-block-post{
  background:#fff;
  border:1px solid var(--bi-line) !important;
  border-radius:var(--bi-radius) !important;
  overflow:hidden;
  box-shadow:var(--bi-shadow-soft);
  transition:transform .22s ease,box-shadow .22s ease;
}
li.wp-block-post:hover{
  transform:translateY(-4px);
  box-shadow:var(--bi-shadow-hover);
}
li.wp-block-post>*:not(.wp-block-post-featured-image){
  margin-left:16px;margin-right:16px;
}
li.wp-block-post>.wp-block-post-featured-image{margin-bottom:12px}
li.wp-block-post>*:last-child{margin-bottom:16px}
li.wp-block-post .wp-block-post-title{font-size:1.05rem;line-height:1.35}
li.wp-block-post .wp-block-post-title a{text-decoration:none;color:var(--bi-ink);transition:color .18s ease}
li.wp-block-post .wp-block-post-title a:hover{color:var(--bi-red)}
li.wp-block-post .wp-block-post-excerpt__excerpt{font-size:.92rem;color:#555;line-height:1.55}
li.wp-block-post .wp-block-post-date{font-size:.85rem;color:#8a8a8a}

/* Бейдж рубрики на карточках и в статье */
.wp-block-post-terms a,
.is-style-greenshift-tags-color a{
  display:inline-block;
  background:var(--bi-cream) !important;
  color:var(--bi-red) !important;
  border:1px solid var(--bi-line) !important;
  border-radius:999px !important;
  padding:2px 12px !important;
  font-size:.82rem;font-weight:600;
  text-decoration:none !important;
  transition:background .18s ease,color .18s ease;
}
.wp-block-post-terms a:hover,
.is-style-greenshift-tags-color a:hover{
  background:var(--bi-red) !important;color:#fff !important;
}

/* ---------- Страница записи ---------- */
.single-post .entry-content>p{line-height:1.7}
.single-post .entry-content a:not(.wp-block-button__link){
  color:var(--bi-red);
  text-underline-offset:3px;
  text-decoration-thickness:1px;
}
.single-post .entry-content a:not(.wp-block-button__link):hover{color:var(--bi-red-deep)}
.single-post .entry-content blockquote{
  border-left:3px solid var(--bi-red);
  background:var(--bi-cream);
  border-radius:0 12px 12px 0;
  padding:14px 20px;
}
.post-meta{color:#8a8a8a}
.post-meta a{color:inherit;text-decoration:none}
.post-meta a:hover{color:var(--bi-red)}

/* Обложка записи (дополняет фикс bi-featured) */
.wp-block-post-featured-image.bi-featured img{
  box-shadow:0 12px 32px rgba(0,0,0,.10);
}

/* ---------- Подвал ---------- */
footer.site-footer>.wp-block-group{
  background:var(--bi-cream);
  border-top:1px solid var(--bi-line) !important;
}
footer.site-footer .wp-block-site-logo img{height:44px;width:auto}
footer.site-footer a{transition:color .18s ease}
footer.site-footer a:hover{color:var(--bi-red)}
footer.site-footer .wp-block-social-links .wp-social-link{
  transition:transform .2s ease;
}
footer.site-footer .wp-block-social-links .wp-social-link:hover{transform:translateY(-2px)}

/* ---------- Широкие макеты статичных страниц ----------
   Тема зажимает контент в 748px — на страницах (не в записях)
   расширяем до 1100px, чтобы колонки и сетки дышали. */
body.page .entry-content > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)),
body.page .entry-content :where(.is-layout-constrained) > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)){
  max-width:1100px !important;
}

/* ---------- Пагинация ---------- */
.wp-block-query-pagination a{
  border:1px solid var(--bi-line);
  border-radius:10px;
  padding:6px 12px;
  text-decoration:none;
  transition:all .18s ease;
}
.wp-block-query-pagination a:hover{
  background:var(--bi-red);border-color:var(--bi-red);color:#fff;
}

/* ---------- Мобильная версия ---------- */
@media (max-width:781px){
  header.site-header .wp-block-site-logo img{height:44px}
  header.site-header>.wp-block-group{padding-top:8px !important;padding-bottom:8px !important}
  h1.has-max-huge-font-size{font-size:1.55rem !important}
  main.site-content{padding-top:28px !important;padding-bottom:32px !important}
}
