/* Чекбокс согласия под кнопкой отправки формы обратной связи.
   Разметка — в блоке <p class="policy"> внутри <form> на всех трёх страницах,
   поведение — в /form-consent.js.

   Базовые свойства .policy (отступ, размер и цвет текста) заданы в собранном
   CSS Astro селектором .policy[data-astro-cid-346426y5]; здесь только раскладка,
   которой там нет, поэтому конфликта специфичности не возникает. */

.policy {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.policy__checkbox {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 2px 0 0;              /* выравнивание по первой строке текста */
  accent-color: var(--light-blue, #5299e4);
  cursor: pointer;
}

.policy__label {
  cursor: pointer;
}

/* Кнопка недоступна, пока согласие не отмечено.
   Селектор по id (0,1,0,0) перебивает атрибутный селектор кнопки
   из собранного CSS Astro (0,0,1,1). */
#btn_sbt:disabled,
#btn_sbt:disabled:hover {
  background-color: var(--lilac, #9eade5);
  cursor: not-allowed;
  opacity: .6;
}