/*************************************************
 * САЙТ МАННКА — Формы Tilda: ошибки + чекбокс
 * Блок: замените #rec1475385051 на ID вашего блока
 *************************************************/

/* Палитра */
:root{
  /* Ошибки — только цвет текста */
  --errText: #E53935;

  /* Чекбокс (только галочка) */
  --cb-size: 22px;       /* размер зоны чекбокса */
  --cb-gap: 10px;        /* отступ текста от индикатора */
  --cb-check: #fff;      /* цвет галочки */
}

/* =========================================
   1) Сообщения об ошибке: только текст, без рамок
   ========================================= */
#rec1475385051 .js-error-control-box .t-input-error{
  display:block !important;
  margin-top:6px !important;
  color:var(--errText) !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  pointer-events:none; /* не мешает кликать по полю / чекбоксу */
}

#rec1475385051 .t-input-group .t-input-block{
  position:relative;
}

/* =========================================
   2) Убираем красные рамки/квадраты в ошибке
   ========================================= */

/* Контейнер ошибки — без рамок и фона */
#rec1475385051 .js-error-control-box{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

/* ВСЁ внутри ошибки — без рамок/теней (но НЕ трогаем background-image,
   чтобы не ломать иконки / флаги / календарь) */
#rec1475385051 .js-error-control-box *,
#rec1475385051 .js-error-control-box *::before,
#rec1475385051 .js-error-control-box *::after{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* Радиокнопки — глушим фон, чекбокс восстановим отдельно */
#rec1475385051 .js-error-control-box .t-radio__indicator{
  background:transparent !important;
}

/* Убираем вспышки при :focus (tab-навигация) */
#rec1475385051 .t-input:focus,
#rec1475385051 textarea:focus,
#rec1475385051 select:focus,
#rec1475385051 .t-select:focus,
#rec1475385051 .t-select__container:focus,
#rec1475385051 .t-datepicker__wrapper:focus,
#rec1475385051 .t-checkbox__control:focus,
#rec1475385051 .t-radio__control:focus{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background-image:none !important;
}

/* =========================================
   3) Чекбокс — «только жирная белая галочка»
   (как в твоём исходном варианте)
   ========================================= */

/* Контейнер чекбокса: отступ под индикатор */
#rec1475385051 .t-checkbox__control{
  position:relative;
  padding-left: calc(var(--cb-size) + var(--cb-gap)) !important;
  line-height: var(--cb-size) !important;
  cursor:pointer;
}

/* Реальный input — невидим, но кликабелен и доступен */
#rec1475385051 .t-checkbox__control input[type="checkbox"]{
  position:absolute;
  left:0;
  top:50%;
  width:var(--cb-size);
  height:var(--cb-size);
  transform:translateY(-50%);
  margin:0;
  opacity:0;
  cursor:pointer;
}

/* Индикатор — пустой контейнер, никаких рамок/фонов */
#rec1475385051 .t-checkbox__indicator{
  display:block;
  position:absolute;
  left:0;
  top:50%;
  width:var(--cb-size);
  height:var(--cb-size);
  transform:translateY(-50%);
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* По умолчанию ничего не рисуем */
#rec1475385051 .t-checkbox__indicator::before,
#rec1475385051 .t-checkbox__indicator::after{
  content:none;
}

/* Галочка рисуется бордерами */
#rec1475385051 .t-checkbox__control input[type="checkbox"]:checked ~ .t-checkbox__indicator::after,
#rec1475385051 .t-checkbox__control input[type="checkbox"]:checked + .t-checkbox__indicator::after,
#rec1475385051 .t-checkbox__control:has(input[type="checkbox"]:checked) .t-checkbox__indicator::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:55%;
  height:35%;
  transform: translate(-50%, -60%) scaleX(-1) rotate(45deg);
  border-right:4px solid var(--cb-check) !important;
  border-bottom:4px solid var(--cb-check) !important;
  filter: drop-shadow(0 1px 0 rgba(0,0,0,.25)); /* чуть читаемости на светлом фоне */
}

/* Фокус по Tab — лёгкая подсветка самой галочки (без рамок поля) */
#rec1475385051 .t-checkbox__control input[type="checkbox"]:focus ~ .t-checkbox__indicator::after,
#rec1475385051 .t-checkbox__control:has(input[type="checkbox"]:focus) .t-checkbox__indicator::after{
  filter: drop-shadow(0 0 2px rgba(0,0,0,.35));
}