/* ===== pages.css — подстраницы: /kontakt/, /danke/ + legal (privacy, terms) =====
   Подключение: <link rel="stylesheet" href="/_astro/pages.css?v=N"> после index.*.css. Цвета — только токены --wm-*. */

/* текущая страница в меню (aria-current="page") */
.menu[data-astro-cid-bbe6dxrz] a[aria-current="page"][data-astro-cid-bbe6dxrz],
.mobile-nav[data-astro-cid-bbe6dxrz] a[aria-current="page"][data-astro-cid-bbe6dxrz],
.nav-links[data-astro-cid-xmivup5a] a[aria-current="page"][data-astro-cid-xmivup5a] { color: var(--wm-accent-text) !important; }

/* ── hero-карточка подстраницы (на базе .legal-hero): ниже, чем у legal ── */
.page-hero { min-height: 0; padding-top: 132px; padding-bottom: 64px; }
.page-hero .legal-nav { margin-bottom: 48px; }
.page-hero .legal-breadcrumb a { color: inherit; text-decoration: none; }
.page-hero .legal-breadcrumb a:hover { color: var(--wm-accent-text); }
.page-hero .legal-title-container { margin-bottom: 20px; }
/* глобальные p/h1/a в index.*.css заданы с !important — здесь перебиваем так же */
.page-hero__lead {
  max-width: 680px; margin: 0 !important;
  font-size: clamp(16px, 1.6vw, 20px) !important; line-height: 1.55 !important; font-weight: 500 !important;
  color: var(--wm-text-soft) !important;
}
@media (max-width: 1200px) { .page-hero { padding-top: 112px; padding-bottom: 48px; } }
@media (max-width: 768px) {
  .page-hero { padding-top: 96px; padding-bottom: 32px; }
  .page-hero .legal-nav { margin-bottom: 28px; }
}

/* /kontakt/: блок контактов сразу под hero-карточкой */
.page-kontakt .contact[data-astro-cid-xmivup5a] { padding-top: 12px; }
@media (max-width: 768px) { .page-kontakt .contact[data-astro-cid-xmivup5a] { padding-top: 8px; } }

/* футер-карточка без блока контактов (danke, legal): banners.*.css на ≤1200px обнуляет padding-top — логотип прилипал к рамке */
@media (max-width: 1200px) {
  body.page-danke .contact[data-astro-cid-xmivup5a] .container[data-astro-cid-xmivup5a],
  body.legal-page .contact[data-astro-cid-xmivup5a] .container[data-astro-cid-xmivup5a] { padding-top: 28px !important; }
}

/* проверка полей формы (класс .error ставит скрипт при blur/input) */
.contact-form { --wm-error: #ff4757; --wm-error-rgb: 255, 71, 87; }
.contact-form .form-group input.error,
.contact-form .form-group textarea.error {
  border-color: var(--wm-error) !important;
  background: rgba(var(--wm-error-rgb), .1) !important;
}

/* ── /danke/: карточка по центру экрана ── */
.thanks {
  min-height: calc(100vh - 24px); min-height: calc(100svh - 24px);
  padding-top: 120px; padding-bottom: 48px;
  justify-content: center;
}
.thanks__card {
  width: 100%; max-width: 760px; margin: 0 auto; box-sizing: border-box;
  padding: 56px 48px; text-align: center;
  background: var(--wm-surface); border: 1px solid var(--wm-border); border-radius: 32px;
  box-shadow: var(--wm-shadow-card);
}
.thanks__icon { display: inline-flex; color: var(--wm-accent); margin-bottom: 24px; line-height: 0; }
html[data-theme="neon"] .thanks__icon { filter: drop-shadow(0 0 14px rgba(var(--wm-accent-rgb), .45)); }
.thanks__title {
  margin: 0 0 20px !important; font-weight: 700 !important;
  font-size: clamp(32px, 5vw, 60px) !important; line-height: 1.05 !important; letter-spacing: 1px !important;
  color: var(--wm-text) !important;
}
.thanks__text {
  max-width: 560px; margin: 0 auto 14px !important;
  font-size: clamp(17px, 1.6vw, 20px) !important; line-height: 1.5 !important; font-weight: 500 !important;
  color: var(--wm-text-soft) !important;
}
.thanks__note {
  max-width: 560px; margin: 0 auto 36px !important;
  font-size: 15px !important; line-height: 1.6 !important; color: var(--wm-text-muted) !important;
}
.thanks__note a { color: var(--wm-accent-text) !important; font-weight: 600; text-decoration: underline !important; text-underline-offset: 3px; white-space: nowrap; }
.thanks__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }

/* кнопки подстраниц: primary = teal + navy-текст, ghost = контур */
.wm-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; box-sizing: border-box;
  min-height: 52px; padding: 14px 28px; border-radius: 50px; border: 2px solid transparent;
  font-family: var(--font-body); font-size: 15px; font-weight: 600; line-height: 1.2;
  letter-spacing: 1px; text-transform: uppercase; text-decoration: none; cursor: pointer;
}
.wm-btn svg { flex-shrink: 0; }
.wm-btn--primary { background: var(--wm-accent); border-color: var(--wm-accent); color: var(--wm-on-accent) !important; }
.wm-btn--primary:hover { background: var(--wm-accent-hover); border-color: var(--wm-accent-hover); }
html[data-theme="neon"] .wm-btn--primary { box-shadow: var(--wm-glow); }
.wm-btn--ghost { background: transparent; border-color: rgba(var(--wm-fg-rgb), .3); color: var(--wm-text) !important; }
.wm-btn--ghost:hover { border-color: var(--wm-accent); color: var(--wm-accent-text) !important; }
.wm-btn:focus-visible { outline: 2px solid var(--wm-accent); outline-offset: 3px; }

@media (max-width: 768px) {
  .thanks { min-height: calc(100svh - 16px); padding-top: 96px; padding-bottom: 24px; }
  .thanks__card { padding: 40px 20px 28px; border-radius: 20px; }
  .thanks__icon svg { width: 60px; height: 60px; }
  .thanks__note { margin-bottom: 28px !important; }
  .thanks__actions { flex-direction: column; }
  .wm-btn { width: 100%; font-size: 14px; }
}