/* ============================================================
   СТИЛИ ДЛЯ ФОРМ БИТРИКС24 (ЧЕКБОКСЫ И КНОПКИ)
   ============================================================ */

/* 1. Делаем стандартные чекбоксы и радио-кнопки красными */
.b24-form .b24-form-control-checkbox,
.b24-form .b24-form-control-radio {
  accent-color: #C70000; /* Красный цвет (взят из твоих кнопок) */
}

/* Для кастомных чекбоксов, которые мы внедряем через JS */
.privacy-policy__radio,
.subscr_checker_form {
  accent-color: #C70000;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

/* 2. Выстраиваем кнопку НАД полями согласия */
.b24-form-btn-container {
  display: flex;
  flex-direction: column-reverse; /* Переворачиваем порядок: форма внизу, кнопка сверху */
  gap: 16px;
  width: 100%;
}
/* ============================================================
   СТИЛИ ДЛЯ ФОРМ БИТРИКС24 (ЧЕКБОКСЫ И КНОПКИ)
   ============================================================ */

/* 1. Кнопка "Отправить" на всю ширину и над чекбоксами */
.b24-form-btn-container {
  display: flex;
  flex-direction: column-reverse; /* Кнопка визуально сверху, чекбоксы снизу */
  gap: 16px;
  width: 100%;
}

.b24-form-btn-container .b24-form-btn {
  width: 100%;
  margin: 0 !important;
  padding: 14px 24px;
  font-size: 18px;
  font-weight: 600;
  border-radius: 12px;
  background: #C70000;
  color: #fff;
  text-align: center;
  transition: background 0.2s;
}

.b24-form-btn-container .b24-form-btn:hover {
  background: #a90000;
}

/* Неактивная кнопка */
.b24-form-btn.disable {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
  background-color: #999 !important;
}

/* 2. Общие стили для наших кастомных чекбоксов (DIV) */
.privacy-policy__radio {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #7E8292;
  background-color: transparent;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 8px;
  transition: border-color 0.2s;
  flex-shrink: 0; /* Чтобы не сжимался во флексе */
}

.privacy-policy__radio.active {
  border-color: #C70000;
}

/* 3. Квадратный чекбокс для СОГЛАСИЯ (класс checker_form) */
.checker_form {
  border-radius: 4px; /* Квадратные углы */
}

.checker_form.active::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 5px;
  width: 5px;
  height: 9px;
  border: solid #C70000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* 4. Круглый чекбокс для ПОДПИСКИ (класс subscr_checker_form) */
.subscr_checker_form {
  border-radius: 50%; /* Круглые углы */
}

.subscr_checker_form.active::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-color: #C70000;
  border-radius: 50%;
}

/* 5. Раскладка для текста рядом с чекбоксами */
.privacy-policy-agreement,
.subscribe-agreement {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
  align-self: self-start;
}

.privacy-policy__label {
  font-size: 14px;
  line-height: 1.4;
  color: #333;
  cursor: pointer;
}

.privacy-policy__label a {
  color: #333;
  text-decoration: underline;
}
.b24-form-padding-side {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.b24-form-header-padding
 {
    padding: 0 !important;
}
.b24-form-field.b24-form-field-bool.b24-form-control-bool, .b24-form-sign-abuse{display: none !important;}
.b24-form-btn-block{width: 90%;}
.b24-form-wrapper.b24-form-shadow{box-shadow: unset !important;}