/* =============================================================================
   Промостраницы (charter24, vzlet24) на новом лейауте.
   Файл нейтрализует обобщённые правила из common.css, которые конфликтуют
   со стилями промо‑контента из basic-styles.css.
   Скоупится по классу body.promo-landing-page, добавленному в обоих лендингах.
   ============================================================================= */

/* common.css line 24-27: .custom-container { z-index: 2; position: relative; }
   Эти правила нужны для контейнеров шапки/попапа, но в контентных секциях
   промо они навешивают новый stacking-context и position:relative,
   из-за чего могут смещаться/перекрываться элементы.
   Возвращаем .custom-container внутри промо-секций к дефолту basic-styles. */
.promo-landing-page .first-section > .custom-container,
.promo-landing-page .action-terms-section > .custom-container,
.promo-landing-page .why-us-section > .custom-container,
.promo-landing-page .connect-section > .custom-container {
  position: static;
  z-index: auto;
}

/* common.css line 34-36: section { overflow: hidden }
   В basic-styles только .first-section имеет overflow:hidden намеренно.
   Остальные промо‑секции рассчитывают на видимые декоративные ::before/::after,
   которые могут чуть выходить за границы. */
.promo-landing-page .action-terms-section,
.promo-landing-page .why-us-section,
.promo-landing-page .connect-section,
.promo-landing-page .faq-section {
  overflow: visible;
}

/* common.css line 756: .form-check { margin-top: 20px }
   Сдвигает чекбокс согласия в форме связи. В старом дизайне этого отступа нет. */
.promo-landing-page .connect-section .form-check {
  margin-top: 0;
}

/* common.css line 29-32: .btn:first-child:active меняет color/border-color
   при клике. Возвращаем к поведению basic-styles (где есть свои :active правила). */
.promo-landing-page .first-section .btn:first-child:active,
.promo-landing-page .action-terms-section .btn:first-child:active,
.promo-landing-page .why-us-section .btn:first-child:active,
.promo-landing-page .connect-section .btn:first-child:active {
  color: #fff;
  border-color: transparent;
}

/* Защитно фиксируем фирменный оранжевый цвет промо‑кнопок,
   независимо от того, что приехало из bootstrap.css/common.css. */
.promo-landing-page .btn.btn-primary.main-bg,
.promo-landing-page .btn.btn-primary.main-btn {
  --bs-btn-bg: var(--main-brand-color);
  --bs-btn-border-color: var(--main-brand-color);
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: var(--main-brand-hover-color);
  --bs-btn-hover-border-color: var(--main-brand-hover-color);
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--main-brand-active-color);
  --bs-btn-active-border-color: var(--main-brand-active-color);
  --bs-btn-active-color: #fff;
  background-color: var(--main-brand-color);
  border-color: var(--main-brand-color);
  color: #fff;
}

.promo-landing-page .btn.btn-primary.main-bg:hover,
.promo-landing-page .btn.btn-primary.main-btn:hover {
  background-color: var(--main-brand-hover-color);
  border-color: var(--main-brand-hover-color);
  color: #fff;
}

.promo-landing-page .btn.btn-primary.main-bg:active,
.promo-landing-page .btn.btn-primary.main-btn:active,
.promo-landing-page .btn.btn-primary.main-bg:focus-visible,
.promo-landing-page .btn.btn-primary.main-btn:focus-visible {
  background-color: var(--main-brand-active-color);
  border-color: var(--main-brand-active-color);
  color: #fff;
  box-shadow: none;
}