/* NIKA Premium 1.9.0 — требования ТЗ НИКА5 */
:root {
  --nika5-ink: #293b46;
  --nika5-muted: #647680;
  --nika5-soft: #f3f6f7;
  --nika5-line: #d5dfe4;
  --nika5-accent: var(--nika-page-accent, #e85d2a);
  --nika5-display: Georgia, "Times New Roman", serif;
  --nika5-body: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --nika5-shadow: 0 18px 48px rgba(41,59,70,.08);
}

/* Единая премиальная типографика по всей теме. */
body,
button,
input,
select,
textarea { font-family: var(--nika5-body); }

h1,h2,h3,h4,h5,h6,
.brand strong,
.header-phone,
.footer-phone,
.home-project-card h3,
.karkas-project-card h3,
.catalog-card h3,
.article-preview-card h3 { font-family: var(--nika5-display) !important; font-weight: 400; }

p,
li,
.home-project-card p,
.karkas-project-card p,
.catalog-card p,
.article-preview-card p { text-wrap: pretty; }

.eyebrow,
.section-kicker { color: var(--nika5-accent) !important; font-family: var(--nika5-body); font-weight: 800; letter-spacing: .19em; }

/* Все кнопки и элементы форм — без скруглений. */
.button,.button-small,.karkas-mobile-cta,.project-reveal__toggle,
.filters button,.articles-hero nav a,.header-services__panel,
.header-services__panel a,.nika-lead-form button,.back-to-top,
button[type="submit"],form button,.wp-element-button,
input,select,textarea { border-radius: 0 !important; }

/* Главный экран: мягкий светлый фильтр снизу для читаемости доказательств. */
.home-hero::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: auto 0 0;
  height: 38%;
  pointer-events: none;
  background: linear-gradient(0deg,rgba(245,249,250,.98) 0%,rgba(245,249,250,.86) 34%,rgba(245,249,250,.38) 68%,transparent 100%);
}
.home-hero__proof { position: relative; z-index: 2; }
.home-hero__proof b { color: var(--nika5-ink); }
.home-hero__proof span { color: #60717b; }

/* Важные факты написаны непосредственно на фоне баннера — без белых плашек. */
.karkas-hero__facts {
  background: transparent !important;
  border-top: 1px solid rgba(41,59,70,.28) !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.karkas-hero__facts li { background: transparent !important; padding-top: 18px !important; }
.karkas-hero__facts b { font-family: var(--nika5-display) !important; font-size: 18px; line-height: 1.15; }
.karkas-hero__facts span { margin-top: 6px; font-family: var(--nika5-body) !important; font-size: 8px; letter-spacing: .1em; }

body.nika-hero-tone-light .karkas-hero__shade { background: linear-gradient(90deg,rgba(34,50,60,.88),rgba(34,50,60,.57) 58%,rgba(34,50,60,.18)) !important; }
body.nika-hero-tone-light .karkas-hero :is(h1,h1 em,.karkas-hero__lead,.karkas-breadcrumbs,.karkas-breadcrumbs a,.karkas-text-link,.karkas-hero__facts b,.karkas-hero__facts span) { color: #fff !important; }
body.nika-hero-tone-light .karkas-hero__facts { border-top-color: rgba(255,255,255,.4) !important; }
body.nika-hero-tone-dark .karkas-hero__shade { background: linear-gradient(90deg,rgba(248,251,252,.97),rgba(248,251,252,.84) 58%,rgba(248,251,252,.2)) !important; }

/* Единый карточный язык по образцу страницы «Крыши». */
:is(.home-project-card,.home-service-card,.home-pain-grid article,.home-before-grid article,
.karkas-project-card,.foundation-card,.roofing-card,.unified-card,.catalog-card,
.article-preview-card,.about-service-grid article,.about-work-grid article,
.nika-works__grid article,.articles-index__points p) {
  overflow: hidden;
  border: 1px solid var(--nika5-line) !important;
  background: #fff !important;
  box-shadow: var(--nika5-shadow) !important;
  transition: transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
:is(.home-project-card,.home-service-card,.karkas-project-card,.foundation-card,.roofing-card,
.unified-card,.catalog-card,.article-preview-card,.about-service-grid article,
.about-work-grid article,.nika-works__grid article):hover {
  transform: translateY(-5px);
  border-color: #c5d2d8 !important;
  box-shadow: 0 27px 66px rgba(41,59,70,.13) !important;
}

:is(.home-project-card,.home-service-card,.karkas-project-card,.foundation-card,.roofing-card,
.unified-card,.catalog-card,.article-preview-card,.about-work-grid article,.nika-works__grid article) img {
  filter: saturate(.9) contrast(1.015);
}

.home-project-card__body,
.home-service-card__body,
.karkas-project-card__body,
.catalog-card__content,
.article-preview-card > div,
.about-work-grid article > div,
.nika-works__grid article > div { padding: clamp(25px,3vw,34px) !important; }

.karkas-project-card__body::before,
.home-project-card__body::before,
.catalog-card__content::before,
.article-preview-card > div::before {
  content: "";
  display: block;
  width: 46px;
  height: 2px;
  margin: -2px 0 21px;
  background: var(--nika5-accent);
}

.karkas-project-card__body::before { position: static !important; }
.karkas-project-card__heading h3,
.home-project-card h3,
.catalog-card__title h3 { color: var(--nika5-ink); line-height: 1.04; letter-spacing: -.03em; }
.karkas-project-card__body > p,
.home-project-card__body > p,
.catalog-card__content > p { color: var(--nika5-muted); line-height: 1.65; }

/* Планировка — спокойная текстовая ссылка вместо оранжевой кнопки. */
.project-reveal__toggle {
  position: relative;
  width: auto !important;
  min-height: 0 !important;
  margin: 4px 0 16px !important;
  padding: 0 0 7px !important;
  border: 0 !important;
  border-bottom: 1px solid currentColor !important;
  color: var(--nika5-ink) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase;
}
.project-reveal__toggle::after { content: " ↘"; color: var(--nika5-accent); font-size: 13px; }
.project-reveal__toggle:hover,
.project-reveal__toggle:focus-visible { color: var(--nika5-accent) !important; background: transparent !important; transform: none; }

/* Два ракурса проекта: смена по наведению и по фокусу. */
.nika-angle-swap { position: relative; overflow: hidden; }
.nika-angle-swap > img { display: block; width: 100%; height: 100%; object-fit: cover; transition: opacity .45s ease,transform .65s ease; }
.nika-angle-swap > img + img { position: absolute; inset: 0; opacity: 0; }
.nika-angle-swap:hover > img:first-child,
.nika-angle-swap:focus-within > img:first-child { opacity: 0; }
.nika-angle-swap:hover > img + img,
.nika-angle-swap:focus-within > img + img { opacity: 1; transform: scale(1.025); }

/* Каталог проектов: больше воздуха вокруг текста, без округлых чипов. */
.catalog-card__content { padding: clamp(31px,4vw,50px) !important; }
.catalog-card__content li,
.catalog-card__main span { border-radius: 0 !important; }
.catalog-card__content .button { min-height: 0; margin-top: auto; padding: 9px 0 6px; border-bottom: 1px solid currentColor; color: var(--nika5-ink) !important; background: transparent !important; box-shadow: none !important; }
.catalog-card__content .button::after { content: " ↗"; position: static; color: var(--nika5-accent); background: none; transform: none; }

/* Улучшенная страница «О компании». */
.about-hero { background: linear-gradient(135deg,#edf3f5 0%,#fff 72%); }
.about-hero__grid { position: relative; }
.about-hero__grid::before { content: "НИКА"; position: absolute; z-index: 0; left: -4px; bottom: -12px; color: rgba(41,59,70,.035); font: 800 clamp(90px,15vw,190px)/.8 var(--nika5-body); letter-spacing: .08em; }
.about-hero__grid > * { position: relative; z-index: 1; }
.about-hero img { min-height: 490px; border: 1px solid var(--nika5-line); box-shadow: 0 28px 78px rgba(41,59,70,.14); }
.about-position { position: relative; }
.about-position::before { content: "01"; position: absolute; right: 0; top: 42px; color: rgba(41,59,70,.06); font: 800 100px/1 var(--nika5-body); }
.about-service-grid { gap: 18px !important; border: 0 !important; background: transparent !important; }
.about-service-grid article { min-height: 280px; padding: 30px !important; border-top: 3px solid var(--nika5-accent) !important; }
.about-work-grid article { color: var(--nika5-ink); }
.about-works { color: var(--nika5-ink) !important; background: #eef3f5 !important; }
.about-works h2,.about-works h3 { color: var(--nika5-ink) !important; }
.about-works .about-head > p:not(.section-kicker),
.about-work-grid p { color: var(--nika5-muted) !important; }
.about-work-grid article > *:not(img) { margin-right: 28px !important; margin-left: 28px !important; }
.about-work-grid span { color: var(--nika5-accent) !important; }

/* Статьи: плотная сетка и читаемый SEO-лонгрид. */
.articles-preview-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.article-preview-card h3 { font-size: clamp(22px,2.2vw,29px); }
.article-preview-card > div { padding: 27px !important; }
.article-preview-card > div::before { margin-bottom: 16px; }
.seo-article { scroll-margin-top: 120px; }
.seo-article__content h3 { margin-top: 24px; font-size: 23px; }
.seo-article__content p { color: var(--nika5-muted); font-size: 16px; line-height: 1.72; }
.articles-hero nav a { border-radius: 0 !important; }

/* Компактнее расстояния между секциями по всему сайту. */
body.nika-spacing-compact :is(.home-projects,.home-services,.home-pains,.home-system,.home-before,.home-process,.home-faq,.home-estimate,
.karkas-scenarios,.karkas-pains,.karkas-intro,.karkas-benefits,.karkas-projects,.karkas-selection,.karkas-fit,.karkas-objections,
.karkas-technology,.karkas-options,.karkas-process,.karkas-quality,.karkas-cost,.karkas-calc,.karkas-faq,.karkas-final,
.foundation-solutions,.foundation-data,.roofing-systems,.roofing-technology,.gas-material,.unified-projects,.unified-photo-band,.expert-notes,
.catalog-choice,.catalog-section,.catalog-adapt,.catalog-cta,.about-position,.about-services,.about-control,.about-works,.about-values,.about-cta,
.articles-previews,.articles-index,.articles-list,.articles-cta,.nika-works) { padding-top: clamp(52px,6vw,76px) !important; padding-bottom: clamp(52px,6vw,76px) !important; }

body.nika-spacing-compact :is(.home-section-head,.karkas-section-head,.catalog-section__head,.about-head,.articles-previews__head) { margin-bottom: clamp(27px,3.5vw,40px) !important; }

/* Страница, полностью собранная в Gutenberg/Elementor. */
.nika-builder-page { min-height: 55vh; color: var(--nika5-ink); background: #fff; }
.nika-builder-page > :where(h1,h2,h3,p,ul,ol,.wp-block-group,.wp-block-columns,.wp-block-image):not(.alignwide):not(.alignfull) { width: min(1180px,calc(100% - 48px)); margin-right: auto; margin-left: auto; }
.nika-builder-page h1 { font-size: clamp(48px,7vw,86px); line-height: .98; letter-spacing: -.045em; }
.nika-builder-page h2 { font-size: clamp(36px,4.8vw,60px); line-height: 1.03; }
.nika-builder-page p { color: var(--nika5-muted); font-size: 17px; line-height: 1.7; }
.nika-builder-page .wp-block-group { padding-top: clamp(52px,6vw,76px); padding-bottom: clamp(52px,6vw,76px); }

@media (max-width: 1000px) {
  .articles-preview-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .about-service-grid { grid-template-columns: repeat(2,1fr) !important; }
  .home-hero::before { height: 42%; }
}

@media (max-width: 680px) {
  .home-hero::before { height: 50%; background: linear-gradient(0deg,rgba(245,249,250,.99),rgba(245,249,250,.83) 58%,transparent); }
  .karkas-hero__facts { border-top: 1px solid rgba(41,59,70,.24) !important; }
  .karkas-hero__facts li { padding: 14px 0 !important; }
  .karkas-hero__facts li + li { border-top: 1px solid rgba(41,59,70,.16) !important; border-left: 0 !important; }
  .articles-preview-grid,.about-service-grid { grid-template-columns: 1fr !important; }
  .home-project-card__body,.home-service-card__body,.karkas-project-card__body,.catalog-card__content,.article-preview-card > div { padding: 24px 20px !important; }
  body.nika-spacing-compact :is(.home-projects,.home-services,.home-pains,.home-system,.home-before,.home-process,.home-faq,.home-estimate,
  .karkas-scenarios,.karkas-pains,.karkas-intro,.karkas-benefits,.karkas-projects,.karkas-selection,.karkas-fit,.karkas-objections,
  .karkas-technology,.karkas-options,.karkas-process,.karkas-quality,.karkas-cost,.karkas-calc,.karkas-faq,.karkas-final,
  .catalog-choice,.catalog-section,.catalog-adapt,.catalog-cta,.about-position,.about-services,.about-control,.about-works,.about-values,.about-cta,
  .articles-previews,.articles-index,.articles-list,.articles-cta,.nika-works) { padding-top: 46px !important; padding-bottom: 46px !important; }
  .nika-builder-page > :where(h1,h2,h3,p,ul,ol,.wp-block-group,.wp-block-columns,.wp-block-image):not(.alignwide):not(.alignfull) { width: min(100% - 30px,1180px); }
}

@media (prefers-reduced-motion: reduce) {
  .nika-angle-swap > img,
  :is(.home-project-card,.home-service-card,.karkas-project-card,.catalog-card,.article-preview-card) { transition: none !important; }
}