/* Правки от 10.07: ховеры кнопок + фикс кнопок модалок.
   Эталон — кнопки «Примеры внедрений» / «Все новости»: простая заливка
   (на светлом фоне — синяя #0c3eb3 + белый текст, на тёмном — белая +
   тёмно-синий текст), transition background-color 0.2s. Без анимаций.
   Файл подключается последним. Кнопки, у которых родной ховер уже
   эталонный (модалки, карточки, формы страниц), здесь не трогаются. */

/* --- 1. FAQ «Отправить вопрос»: был ховер прозрачностью — приводим к эталону --- */
.faq-ask__submit:hover,
.faq-ask__submit:focus-visible {
  opacity: 1;
  background-color: var(--color-accent-card, #0c3eb3);
  border-color: var(--color-accent-card, #0c3eb3);
  color: #ffffff;
}

/* --- 2. «Твой путь» / «Стать участником»: был ховер прозрачностью --- */
.tvoy-put-apply__submit:hover,
.tvoy-put-apply__submit:focus-visible {
  opacity: 1;
  background-color: var(--Accent, #0c3eb3);
  border-color: var(--Accent, #0c3eb3);
  color: #ffffff;
}

/* --- 3. Кнопка шапки «Заказать консультацию» (тёмный фон):
       эталон тёмных секций — белая заливка + тёмно-синий текст --- */
.btn--header-cta:hover,
.btn--header-cta:focus-visible {
  background-color: #ffffff;
  border-color: #ffffff;
}

.btn--header-cta:hover .btn__text,
.btn--header-cta:focus-visible .btn__text {
  color: var(--background-dark-blue, #00175e);
}

/* --- 4. Кнопки форм: вёрстка макета не меняется (то же выравнивание,
       паддинги и позиция квадратика). Единственное отличие от исходника:
       жёсткая ширина заменена на min-width той же величины, чтобы длинные
       тексты («Получить консультацию», «Подобрать конфигурацию», «Получить
       коммерческое предложение») не вылезали за кнопку — она растёт вправо,
       короткие тексты выглядят пиксель в пиксель как сверстано. --- */
.euler-modal__submit {
  width: fit-content;
  min-width: 261px;
}

.euler-overview-ask__submit,
.home-question__submit {
  width: fit-content;
  min-width: 219px;
}

.euler-ceny-request__submit {
  width: fit-content;
  min-width: 220px;
}

.faq-ask__submit,
.tvoy-put-apply__submit {
  width: fit-content;
  min-width: 228px;
}

@media (min-width: 1200px) {
  .euler-modal--community-contact .euler-modal__submit,
  .euler-modal--consult .euler-modal__submit {
    width: fit-content;
    min-width: 219px;
  }
}