/*
 * Адаптация окон с заявкой под макет: «Заказать звонок», «Связаться с нами»,
 * «Получить консультацию». Раньше правила перечисляли окна по
 * идентификаторам, и новое окно оставалось без оформления — форма уходила
 * под размытый оверлей. Теперь общий класс: он есть у каждого такого окна.
 */

/* Содержимое модальных окон должно быть выше overlay'я */
.modal--request .cta__box {
  position: relative;
  z-index: 1;
}

/* Кнопка закрытия в левом верхнем углу, как на макете */
.modal--request .modal__close {
  position: absolute;
  top: 16px;
  left: 16px;
  right: auto;
  width: 48px;
  height: 48px;
  background: #fff;
  color: #1D47D1;
  z-index: 10;
}

.modal--request .modal__close:hover {
  background: #f0f0f0;
}

.modal--request .modal__close svg {
  width: 24px;
  height: 24px;
}

.modal--request .cta__photo-wrap {
  max-height: none;
}

/* Контейнер формы */
.modal--request .cta__box {
  background: #293543;
  color: #fff;
}

/* Стили для инпутов */
.modal--request .text-field__box {
  background: #fff;
  border-color: #e9e9e9;
}

.modal--request .text-field__label {
  color: #6b7076;
}

.modal--request .text-field__input {
  color: #1D47D1;
}

.modal--request .text-field__input::placeholder {
  color: #6b7076;
}

/* Цвет текста */
.modal--request .cta__title,
.modal--request .cta__subtitle {
  max-width: 100%;
  color: #fff;
}

.modal--request .cta__consent-text {
  color: #fff;
}

.modal--request .cta__consent-text a {
  color: #fff;
}

.modal--request .cta__consent-text a:hover {
  text-decoration: underline;
}

.modal--request .checkbox__label {
  color: #fff;
}