/* Аккуратные улучшения дизайна поверх перенесённого из WordPress.
   Правило: только CSS — тексты, заголовки, ссылки и разметка не меняются (на ранжирование не влияет).
   Логотип не трогаем (решение владельца). Каждый блок — отдельная правка, её можно убрать независимо. */

/* 1. Таблицы цен на телефоне: раньше колонки «Стоимость» и «Комментарий» обрезались за краем экрана.
      Теперь таблица прокручивается вбок внутри своего блока, страница не «гуляет». */
@media (max-width: 767px) {
  .wp-block-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
  }
  .wp-block-table table {
    min-width: 620px;
  }
}

/* 2. Плавающий баннер EX-1: на телефоне занимал 150×150 и закрывал текст. Делаем компактнее,
      крестик закрытия — удобной для пальца площадкой. На компьютере — как было. */
@media (max-width: 767px) {
  .banner-footer {
    width: 92px;
    height: 92px;
    right: 10px;
    bottom: 14px;
    left: auto;
  }
  .banner-footer .close-send {
    width: 28px;
    height: 28px;
    top: -8px;
    left: -8px;
    font-size: 22px;
    line-height: 26px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(4, 0, 76, .2);
    color: rgba(4, 0, 76, .6);
  }
  /* пока видна cookie-плашка — баннер поднимаем над ней */
  body:has(.cg-cookie:not([hidden])) .banner-footer { bottom: 72px; }
}

/* 3. Видимый фокус для клавиатуры (доступность): раньше у ссылок и полей фокус был не виден. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #4a1dff;
  outline-offset: 2px;
}

/* 4. Поля форм: заметная подсветка активного поля. */
form[data-cg-form] input[type=text]:focus,
form[data-cg-form] input[type=email]:focus,
form[data-cg-form] input[type=tel]:focus,
form[data-cg-form] textarea:focus {
  border-color: #4a1dff !important;
  box-shadow: 0 0 0 3px rgba(74, 29, 255, .15);
}

/* 5. Плавная прокрутка по якорям («Тарифы», «Примеры перевозок», «Вопрос-ответ» в первом экране статей). */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}
[id] { scroll-margin-top: 16px; }

/* 6. Крестик баннера EX-1 показываем вместе с самой анимацией (она грузится после первого действия посетителя),
      чтобы он не висел в воздухе один. */
.banner-footer:not(.is-ready) .close-send { visibility: hidden; }

/* 7. Эффекты при наведении (только мышь; раскладка не меняется — лёгкий подъём и тень).
      Карточки-ссылки услуг, карточки маршрутов и кейсов, кнопки. */
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  a > .guten-icon-box-wrapper,
  .rc-card,
  .pc-card,
  .guten-icon-box a .guten-icon-box-wrapper {
    transition: transform .2s ease, box-shadow .2s ease;
  }
  a:hover > .guten-icon-box-wrapper,
  .rc-card:hover,
  .pc-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(4, 0, 76, .10);
  }
  .guten-button,
  .order-route,
  .wpcf7-submit,
  form[data-cg-form] input[type=submit] {
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
  }
  .guten-button:hover,
  .order-route:hover,
  .wpcf7-submit:hover,
  form[data-cg-form] input[type=submit]:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(74, 29, 255, .22);
  }
}