/* ======================================================================
   Brokfill — точечные правки (RevA, 10.2026).
   Отдельный файл, чтобы не пересобирать output.min.css через gulp.
   Подключается после output.min.css (incl/core/core-enqueue-scripts-styles.php).
   ====================================================================== */

/* --- RevA #3: /artificial-intelligence/ — нижний текстовый блок по центру --- */
.tmpl-artificial-gridtext-s2 .gridtext-bot__inner {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* --- RevA #5: отзывы — фото автора маленьким кругом, как на других проектах --- */
.bteam-item__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}
.bteam-item__left {
  flex: 0 0 auto;
}
.bteam-item__img {
  width: 5.5556rem;
  height: 5.5556rem;
  min-width: 5.5556rem;
  max-height: none;
  border-radius: 50%;
  overflow: hidden;
}
.bteam-item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  border-radius: 50%;
}
.bteam-item__right {
  flex: 1 1 auto;
}
@media (max-width: 767px) {
  .bteam-item__wrap {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
}

/* --- RevA моб. #2: подписка — зазор между полем e-mail и кнопкой --- */
@media (max-width: 1024px) {
  .bfwi-left__form .form-row {
    column-gap: 0.75rem;
  }
}

/* --- RevA моб. #3: больше воздуха между шапкой и заголовком героя --- */
@media (max-width: 1024px) {
  .hero .hero-wrap,
  .hero .hero__top,
  .hero--pricing .container > .hero-left__title {
    padding-top: 1.75rem;
  }
}

/* --- Форма вакансии: Safari растягивал чекбоксы/радио на всю ширину строки.
   В теме у input стоит width:100%, а форма ограничивает только max-width:25px.
   Chrome сжимает флекс-элемент по max-width, Safari резервирует под инпут всю
   строку и выталкивает подпись вправо. Даём инпуту жёсткий размер. --- */
#preScreenForm .form-checkbox {
  display: flex;
  align-items: center;
  gap: .6em;
}
#preScreenForm .form-checkbox input[type="checkbox"],
#preScreenForm .form-checkbox input[type="radio"] {
  -webkit-appearance: auto;
  appearance: auto;
  flex: 0 0 18px;
  width: 18px;
  min-width: 18px;
  max-width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
}
