/* ==========================================================================
   Правки по баг-чеку 30.09.2026.

   Файл подключён последним и только переопределяет старые правила:
   чтобы откатиться, достаточно убрать его из index.html.
   ========================================================================== */

/* --- Дока над цветным фоном ----------------------------------------------
   Тон фона под кнопками определяет scripts/dock.js. Над красной плашкой
   красная кнопка терялась — там она светлая, как .cta--invert. */

.dock--cta-on-red .dock__cta:not(:hover):not(:focus-visible),
.dock--cta-on-red .dock__quick:not(:hover):not(:focus-visible) {
  background-color: var(--color-white);
  color: var(--color-bg);
}

.dock__link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

@media (max-width: 900px) {
  /* Белая «Меню» пропадала на белых секциях — там она тёмная. */
  .dock--mobile.dock--light:not(.dock--mobile-open) .dock__toggle {
    background: var(--color-bg);
    color: var(--color-white);
  }

  /* Открытое меню выше cookie-плашки: иначе она закрывала пункты. */
  .dock--mobile-open {
    z-index: 61;
  }

  /* Нижние кнопки не закрывают последнюю строку подвала
     со ссылкой на политику. */
  .site-footer {
    padding-bottom: calc(44px + 32px + env(safe-area-inset-bottom));
  }
}

/* --- Первый экран на планшете --------------------------------------------
   Между 561 и 900 px фото не доходило до низа экрана: оставалась
   тёмная полоса. Как на десктопе, нижний блок забирает остаток высоты. */

@media (min-width: 561px) and (max-width: 900px) {
  .calm-hero {
    display: flex;
    flex-direction: column;
  }

  .calm-hero__lower {
    flex: 1 0 auto;
    grid-template-rows: minmax(190px, auto) minmax(220px, 1fr);
  }
}

/* --- Окно заявки на невысоком экране -------------------------------------
   На широких экранах окно не прокручивалось, и при высоте окна меньше
   ~700 px кнопка «Отправить» уходила за край. */

@media (min-width: 901px) {
  .collaboration-modal__panel {
    max-height: calc(100dvh - 32px);
  }
}

/* --- Кейсы: «СТЕРИТРЕЙД» наезжал на кнопку на 561–700 px ----------------- */

@media (min-width: 561px) and (max-width: 700px) {
  .case__name {
    font-size: 7.8vw;
  }
}