/* ═══════════════════════════════════════════════
   ПРИНЦИП НОВО — Design Override v3.0 (Тренды 2026)
   Подключать последним после styles.css
   HTML не трогать — только визуал
   ═══════════════════════════════════════════════ */

/* ─── ШРИФТ — все элементы ─── */
* { font-family: 'Onest', -apple-system, sans-serif !important; }

/* ─── СВЕТЛЫЕ СЕКЦИИ → БЕЛЫЙ ─── */
body,
.section-name,
.section-manifesto,
.works,
.section-approach,
.section-services,
.section-group,
.section-team,
.section-studio,
.home-recent-posts,
.section-ba,
.brand-outro,
.v1-cards,
.v1-check,
.v1-section,
.v1-lead,
.v1-plan,
.v1-team,
.v1-related {
  background: #ffffff;
}

/* ─── ТЁПЛЫЙ ФОН — акцентные секции ─── */
.section-group {
  background: #f5f2ec !important;
}

/* ─── ТЁМНЫЕ СЕКЦИИ → FOREST ─── */
.section-school,
.section-contact,
.cta-strip,
.v1-stats,
[data-bg="dark"],
[data-bg="forest"],
.on-forest {
  background: #005a4e !important;
  color: #ffffff !important;
}

/* Текст внутри тёмных секций */
.section-school *,
.section-contact *,
.cta-strip *,
.v1-stats *,
[data-bg="dark"] h2,
[data-bg="dark"] h3,
.on-forest * {
  color: #ffffff !important;
}

/* Кроме ссылок-кнопок и accent-элементов */
.section-school .section-eyebrow,
.section-contact .section-eyebrow,
.cta-strip .section-eyebrow {
  color: rgba(159, 204, 65, 0.9) !important;
}

/* Цвета мутного текста на тёмных секциях */
.section-school .body p,
.section-contact .intro,
.section-contact .hint,
.cta-strip .intro,
.cta-phone .label,
.cta-phone .hint,
.contact-phone .label,
.contact-phone .hint,
.contact-meta .item .label {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* ─── ФУТЕР → FOREST ─── */
.site-footer {
  background: #005a4e !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

.footer-grid h4 {
  color: rgba(255, 255, 255, 0.4) !important;
}

.footer-grid .brand-mark,
.footer-grid .tel {
  color: rgba(255, 255, 255, 0.88) !important;
}

.footer-grid ul a,
.footer-grid p,
.footer-brand .desc {
  color: rgba(255, 255, 255, 0.6) !important;
}

.footer-grid ul a:hover,
.footer-grid .tel:hover {
  color: #9fcc41 !important;
}

.footer-license,
.footer-bottom {
  color: rgba(255, 255, 255, 0.35) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ─── HERO — forest + фото-overlay ─── */
.hero {
  position: relative;
}


.hero-eyebrow,
.hero-eyebrow span {
  color: rgba(255, 255, 255, 0.78) !important;
}

.hero-eyebrow .dot {
  background: #9fcc41 !important;
}

.hero h1 {
  color: #ffffff !important;
  font-weight: 600 !important;
}

.hero-stat-num {
  color: #9fcc41 !important;
}

.hero-stat-lbl {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* ─── ТИПОГРАФИКА ─── */
h1, h2, h3,
.section-h2,
.v1-hero h1,
.v1-section h2,
.v1-plan h2 {
  color: #005a4e;
  font-weight: 600;
  letter-spacing: -0.03em;
}

/* Заголовки на тёмных секциях */
.section-school h2,
.section-contact h2,
.section-contact .section-h2,
.cta-strip h2 {
  color: #ffffff !important;
}

/* ─── EYEBROW ─── */
.section-eyebrow {
  color: #9fcc41 !important;
  letter-spacing: 0.12em;
}

.section-eyebrow.on-dark {
  color: rgba(159, 204, 65, 0.8) !important;
}

/* ─── ОТСТУПЫ СЕКЦИЙ ─── */
.section-name,
.section-manifesto,
.section-approach,
.section-services,
.section-group,
.section-team,
.section-studio,
.section-school,
.section-contact,
.home-recent-posts {
  padding-top: 96px;
  padding-bottom: 96px;
}

/* ─── НАВБАР — floating pill ─── */
.site-header {
  position: sticky !important;
  top: 12px !important;
  left: unset !important;
  right: unset !important;
  margin: 12px 20px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border-radius: 999px !important;
  border: 1px solid rgba(26, 22, 23, 0.09) !important;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.07) !important;
  padding: 10px 24px !important;
  z-index: 100 !important;
  color: #1a1617 !important;
}

/* Убираем прозрачный фон при at-top — пилюля всегда видна */
.site-header.at-top {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border-bottom-color: rgba(26, 22, 23, 0.09) !important;
}

.site-header.over-dark {
  background: rgba(255, 255, 255, 0.92) !important;
  color: #1a1617 !important;
}

.header-contact {
  color: #005a4e !important;
  font-weight: 500;
}

.header-contact:hover {
  color: #9fcc41 !important;
}

/* ─── КНОПКИ — pill ─── */
.dark-btn {
  border-radius: 100px !important;
  background: #9fcc41 !important;
  color: #1a1617 !important;
  border: none !important;
  font-weight: 600 !important;
  padding: 14px 32px !important;
  transition: opacity 0.2s !important;
}

.dark-btn:hover {
  background: #9fcc41 !important;
  color: #1a1617 !important;
  opacity: 0.85 !important;
}

/* Вторичная кнопка на тёмных секциях */
.section-school .dark-btn,
.cta-strip .dark-btn {
  background: #9fcc41 !important;
  color: #1a1617 !important;
}

/* ─── КАРТОЧКИ — radius 16px ─── */
.work-card,
.group-card,
.v1-card,
.rp-card {
  border-radius: 16px !important;
  overflow: hidden;
}

.work-card.feature {
  border-radius: 16px !important;
}

/* ─── ШАГ ПОДХОДА — radius 8px ─── */
.approach-step {
  border-radius: 8px;
}

.group-card {
  border: 0.5px solid rgba(26, 22, 23, 0.08) !important;
  transition: transform 0.2s;
}

.group-card:hover {
  transform: translateY(-4px);
}

/* ─── СТАТИСТИКА — accent ─── */
.studio-stat .num,
.v1-stats-val,
.hero-stat-num,
.bo-stat-num {
  color: #9fcc41 !important;
  font-weight: 600;
  letter-spacing: -0.025em;
}

/* ─── SERVICES ─── */
.service-row {
  border-bottom: 0.5px solid rgba(26, 22, 23, 0.08);
  transition: background 0.15s;
}

.service-row:hover {
  background: #f0f6f4;
}

.service-row .num {
  color: #9fcc41 !important;
}

.service-row .arrow {
  color: #9fcc41 !important;
}

/* ─── ПОДХОД ─── */
.approach-step .num {
  color: #9fcc41 !important;
}

/* ─── ФОРМА ─── */
.dark-form-row input:focus {
  border-bottom-color: #9fcc41 !important;
}

.cta-phone {
  border-left-color: #9fcc41 !important;
}

.cta-phone .num:hover,
.contact-phone .num:hover {
  color: #9fcc41 !important;
}

/* ─── ССЫЛКИ ─── */
a:hover {
  color: #9fcc41;
}

.all-link,
.works-footer a,
.recent-posts-link {
  color: #005a4e;
  font-weight: 500;
}

.all-link:hover,
.works-footer a:hover,
.recent-posts-link:hover {
  color: #9fcc41;
}

/* ─── WORKS FOOTER кнопка — pill ─── */
.works-footer a {
  border-radius: 100px !important;
  border: 1.5px solid #005a4e !important;
  transition: background 0.2s, color 0.2s !important;
}

.works-footer a:hover {
  background: #005a4e !important;
  color: #ffffff !important;
}

/* ─── МЕНЮ ОВЕРЛЕЙ ─── */
.menu-nav a:hover {
  color: #9fcc41 !important;
}

.menu-nav a.active {
  border-bottom-color: #9fcc41 !important;
}

/* ─── БЛОГ КАРТОЧКИ ─── */
.rp-card {
  border: 0.5px solid rgba(26, 22, 23, 0.08) !important;
  transition: transform 0.2s;
}

.rp-card:hover {
  transform: translateY(-4px);
}

.rp-card__date {
  color: #9fcc41 !important;
}

/* ─── SCHOOL SECTION ─── */
.school-quote {
  border-left-color: #9fcc41 !important;
}

/* ─── PERSON QUOTE ─── */
.person-quote {
  border-left-color: #9fcc41 !important;
  background: #f0f6f4;
}

/* ─── ЧЕКСЛИСТ ─── */
.v1-checklist li::before {
  color: #9fcc41 !important;
}

/* ─── BRAND OUTRO ─── */
.brand-outro-cta {
  background: #9fcc41 !important;
  color: #1a1617 !important;
  border-radius: 100px !important;
  padding: 14px 32px !important;
  font-weight: 600 !important;
  text-decoration: none;
  display: inline-block;
  transition: opacity 0.2s;
}

.brand-outro-cta:hover {
  opacity: 0.85;
  color: #1a1617 !important;
}

/* ─── СТРЕЛКИ И SVG на тёмных блоках ─── */
.on-forest .arr,
.on-forest .arrow,
.on-forest svg,
[data-bg="dark"] .arrow,
[data-bg="dark"] svg {
  color: #9fcc41 !important;
  fill: #9fcc41 !important;
}

/* ─── ФОТО в секциях ─── */
.studio-image,
.school-image,
.ba-slider {
  border-radius: 16px;
  overflow: hidden;
}

/* ─── RESPONSIVE ─── */
@media (max-width: 760px) {
  .site-header {
    margin: 8px 12px !important;
    padding: 8px 16px !important;
    top: 8px !important;
  }

  .section-name,
  .section-manifesto,
  .section-approach,
  .section-services,
  .section-group,
  .section-team,
  .section-studio,
  .section-school,
  .section-contact,
  .home-recent-posts {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

/* ─── ЛОГОТИП: белый навбар → тёмный логотип ─── */
.site-header .hdr-logo--light { display: none !important; }
.site-header .hdr-logo--dark  { display: block !important; }

/* ─── BRAND OUTRO — фоновый логотип ─── */
.brand-outro-mark img {
  max-width: 400px;
  opacity: 0.06;
}

/* ─── ЗАГЛУШКИ ФОТО ─── */
.founder-photo,
.lead-photo,
.council-photo {
  background: linear-gradient(135deg, #005a4e 0%, #2d7a5e 50%, #9fcc41 100%);
  color: #ffffff;
  border: none;
}

.studio-image {
  background-size: cover;
  background-position: center top;
  min-height: 400px;
}

/* ─── Убираем лишний отступ после works ─── */
.works {
  padding-bottom: 0 !important;
}

.works-footer {
  padding: 32px 40px;
}