/* Workflow v70 · вспомогательные страницы: «Планы», «Инвесторам», «Вход», «Партнёрство».
   1) Правовая информация (legal embed Venneto) выводится отдельной строкой в самом низу
      страницы (контейнер [data-venneto-legal] в HTML), а не поверх содержимого.
   2) Страницы, свёрстанные «на один экран без прокрутки», теперь прокручиваются, если
      содержимое выше окна: ничего не обрезается и не прячется под подвалом.
   3) Телефоны и планшеты (≤ 1024 px): колонки складываются в одну, ширины — по экрану. */

/* ---------- 1. правовая строка (все ширины) ---------- */
.wf70-legal-footer {
  position: relative; z-index: 1; clear: both; width: 100%; box-sizing: border-box;
  padding: 26px 24px 34px; background: #fff; color: #6b6b70;
  font-family: 'Gilroy', 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  font-size: 12px; line-height: 1.55; text-align: center;
}
/* embed.js добавляет [data-venneto-legal].venneto-legal{justify-content:inherit} — центрируем через родителя и усиленный селектор */
.wf70-legal-footer { justify-content: center; }
.wf70-legal-footer nav.wf70-legal[data-venneto-legal] { max-width: 1120px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; padding: 0; }
/* подчёркивание по строкам текста (а не рамкой на всю ширину блока) — переносы длинных названий выглядят аккуратно */
.wf70-legal-footer nav.wf70-legal[data-venneto-legal] a { color: inherit; border-bottom: 0; text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: rgba(127, 127, 127, 0.4); text-underline-offset: 3px; }
.wf70-legal-footer nav.wf70-legal[data-venneto-legal] a:hover { color: #121212; text-decoration-color: currentColor; }
.wf70-login .wf70-legal-footer { background: #f9f9f9; }

/* ---------- 1a. мобильное меню (бургер) «Инвесторам» / «Партнёрство» ---------- */
/* story-ui.css рисует бургер белым под тёмную шапку главной; здесь шапка светлая */
html.wf70-sub.wf56-phone .header .burger-menu { color: #121212; }
html.wf70-sub .context-menu-link[aria-current="page"] { color: #9b9ba1; }
@media (max-width: 768px) {
  /* узкое окно на ПК / планшет: бургер справа, рядом с кнопками сервисов, а не вплотную к логотипу */
  html.wf70-sub:not(.wf56-phone) .header .burger-menu { margin-left: auto; margin-right: 14px; align-self: center; }
  html.wf70-sub:not(.wf56-phone) .header .vn-ecosystem { margin-left: 0; }
}

/* ---------- 2. прокрутка вместо обрезки ---------- */
html.wf70-plan, html.wf70-plan body,
html.wf70-investments, html.wf70-investments body { height: auto; min-height: 100%; overflow-x: hidden; overflow-y: auto; }
/* «Планы»: первый экран на ПК прежний — панель по центру окна, правовая строка ниже */
html.wf70-plan .dashboard-wrapper { min-height: 100vh; }
/* «Инвесторам»: подвал больше не закрывает контакты для инвесторов на невысоких экранах */
html.wf70-investments .investments-page { height: auto; min-height: 100vh; overflow: visible; padding-bottom: 120px; }
/* «Планы»: список возможностей прокручивается внутри карточки «Подписки», а не выходит за её край */
html.wf70-plan .subscription-block { overflow: hidden; }
html.wf70-plan .subscription-block .block-content { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
html.wf70-plan .benefits-container { flex: 1 1 auto; height: auto; max-height: none; min-height: 0; }
html.wf70-plan .block-title { margin-bottom: 14px; }
/* «Планы»: форма оплаты — подписи над полями, по два поля в строке */
html.wf70-plan .payment-forms .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; text-align: left; }
html.wf70-plan .payment-forms .form-group { display: flex; flex-direction: column; gap: 6px; margin: 0; min-width: 0; }
html.wf70-plan .payment-forms .form-label { font-size: 0.85rem; font-weight: 600; color: #333; margin-left: 4px; }
html.wf70-plan .payment-forms .form-input { width: 100%; min-width: 0; }

/* «Инвесторам»: на ноутбуках 1025–1340 px карточки не прилипают к краям окна */
@media (min-width: 1025px) and (max-width: 1340px) {
  html.wf70-investments .investments-container { padding: 0 24px; box-sizing: border-box; }
}

/* ---------- 3. телефоны и планшеты ---------- */
@media (max-width: 1024px) {
  .wf70-legal-footer { padding: 22px 18px calc(26px + env(safe-area-inset-bottom, 0px)); font-size: 11.5px; }
  .wf70-legal-footer nav.wf70-legal[data-venneto-legal] { gap: 9px 14px; }

  /* «Инвесторам» */
  html.wf70-investments .investments-page { min-height: 100svh; padding-bottom: 0; }
  html.wf70-investments .investments-container { margin: max(15vh, 92px) auto 0; padding: 0 20px; flex: 0 0 auto; box-sizing: border-box; }
  html.wf70-investments .investor-extra-footer { position: static; height: auto; margin-top: 28px; padding: 22px 20px; flex-wrap: wrap; gap: 14px; }
  html.wf70-investments .investor-extra-footer .extra-footer-right { flex-wrap: wrap; }

  /* «Планы»: одна колонка, блоки по высоте содержимого, без внутренних прокруток */
  html.wf70-plan .dashboard-wrapper { min-height: 0; padding: 16px 12px 8px; align-items: flex-start; }
  html.wf70-plan .dashboard { grid-template-columns: 1fr; height: auto; width: 100%; max-width: 640px; margin: 0 auto; gap: 14px; }
  html.wf70-plan .left-column, html.wf70-plan .right-column { height: auto; gap: 14px; }
  html.wf70-plan .subscription-block, html.wf70-plan .payment-history-block, html.wf70-plan .tall-block { height: auto; border-radius: 28px; padding: 20px !important; }
  html.wf70-plan .block-title { margin-bottom: 12px; }
  html.wf70-plan .digital-item-card { max-height: none; padding: 18px 20px; border-radius: 22px; }
  html.wf70-plan .item-title { font-size: 1.35rem; }
  html.wf70-plan .item-price { font-size: 1.1rem; white-space: nowrap; }
  html.wf70-plan .benefits-container { height: auto; max-height: none; }
  html.wf70-plan .benefits-list { overflow: visible !important; height: auto; max-height: none; padding-right: 0; }
  html.wf70-plan .history-list { overflow: visible; padding-right: 0; }
  html.wf70-plan .bank-card-container { margin-bottom: 20px; }
  html.wf70-plan .bank-card { min-width: 0; width: 100%; max-width: 430px; min-height: 0; padding: 22px; border-radius: 26px; }
  html.wf70-plan .card-number-small { margin-bottom: 22px; letter-spacing: 1px; }
  html.wf70-plan .card-number-group { font-size: 1.15rem; }
  html.wf70-plan .card-holder-name, html.wf70-plan .card-valid-date { font-size: 0.95rem; }
  html.wf70-plan .method-btn { padding: 10px 16px; }
  html.wf70-plan .payment-forms { flex: none; }
  html.wf70-plan .subscription-block { overflow: visible; }
  html.wf70-plan .payment-forms .form-row { gap: 12px; margin-bottom: 12px; }
}
@media (max-width: 520px) {
  /* узкий телефон: имя владельца и номер карты — каждое на всю ширину */
  html.wf70-plan .payment-forms .form-row:first-child { grid-template-columns: 1fr; }
}