/* Точечные правки поверх собранного page.css.
   Подключается последним, поэтому переопределяет базовые стили. */

/* ============ 1. Нижний бар выше, кнопка крупнее ============ */

:root {
  --dock-h: 84px; /* было 64px; body.padding-bottom считается от этой же переменной */
}

.dock .dock__strip {
  gap: var(--s-2);
  padding-inline: var(--s-4);
}

.dock .dock__strip .dock__item {
  min-width: 52px;
  height: 60px;
  border-radius: 18px;
  padding-inline: 0.8rem;
  gap: var(--s-2);
}

.dock .dock__strip .dock__item svg {
  width: 26px;
  height: 26px;
}

.dock .dock__strip .dock__label {
  font-size: var(--step-0);
  font-weight: 700;
  letter-spacing: 0.01em;
}

/* ============ 2. Активная «пилюля» Try it free — зелёная ============ */
/* Активный пункт дока — это и есть CTA: клик по нему открывает пейволл.
   aria-current проставляет Dock.astro; :root[data-section] — фолбэк до инициализации JS. */

.dock .dock__strip .dock__item[aria-current="true"],
:root[data-section="hero"]       .dock .dock__strip .dock__item[data-dock-item="hero"],
:root[data-section="guardian"]   .dock .dock__strip .dock__item[data-dock-item="guardian"],
:root[data-section="tracking"]   .dock .dock__strip .dock__item[data-dock-item="tracking"],
:root[data-section="coach"]      .dock .dock__strip .dock__item[data-dock-item="coach"],
:root[data-section="quests"]     .dock .dock__strip .dock__item[data-dock-item="quests"],
:root[data-section="meditations"].dock .dock__strip .dock__item[data-dock-item="meditations"],
:root[data-section="practices"]  .dock .dock__strip .dock__item[data-dock-item="practices"],
:root[data-section="reviews"]    .dock .dock__strip .dock__item[data-dock-item="reviews"],
:root[data-section="waitlist"]   .dock .dock__strip .dock__item[data-dock-item="waitlist"] {
  color: var(--mint-400) !important;
  background:
    radial-gradient(120% 140% at 50% 130%, #6be3b85c, #6be3b800 72%),
    linear-gradient(0deg, #6be3b826, #6be3b805) !important;
  border: 1px solid #6be3b83d;
  box-shadow: 0 6px 20px #10b98126, inset 0 -1px 0 #6be3b82e !important;
  transform: scale(1.06);
  padding-inline: 1.05rem;
}

.dock .dock__strip .dock__item[aria-current="true"] svg,
:root[data-section] .dock .dock__strip .dock__item[aria-current="true"] svg {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* ============ 3. Меньше пустоты при переходе по якорям ============ */

:root {
  --section-y: clamp(2.75rem, 1.9rem + 4.2vw, 6rem); /* было clamp(4.5rem, 3rem + 7.5vw, 9rem) */
}

/* Якорь останавливается вплотную под шапкой */
html {
  scroll-padding-top: calc(var(--nav-h) - 0.25rem);
}

/* Первая (ведущая) секция: шапка + небольшой отступ вместо шапки + целой секции */
.section.is-lead {
  padding-top: calc(var(--nav-h) + var(--s-4));
}

.hero.is-lead {
  padding-top: calc(var(--nav-h) * 0.35);
}

@media (width <= 1023.98px) {
  .section.is-lead {
    padding-top: calc(var(--nav-h) + var(--s-3));
  }

  .hero.is-lead,
  .hero[id] {
    padding-top: var(--s-4);
    padding-bottom: clamp(2rem, 1.2rem + 4vw, 3.5rem);
  }

  /* заголовок секции ближе к её началу */
  .section-head p {
    margin-top: var(--s-4);
  }
}