/* Halloween CAPTCHA v1 — DEV only */

/* Основная карточка */
body.cr-graphite #cr-cap-card {
  border: 1px solid #41434a !important;
  border-radius: 26px !important;

  background: linear-gradient(
    180deg,
    rgba(25,27,32,.97),
    rgba(9,10,13,.97)
  ) !important;

  box-shadow:
    0 16px 45px rgba(0,0,0,.4),
    inset 0 1px rgba(255,255,255,.035) !important;
}

/* Тыква вместо щита */
body.cr-graphite #cr-cap-icon svg {
  display: block !important;
}



/* Заголовок */
body.cr-graphite #cr-cap-title {
  color: #f0edf0 !important;
  text-shadow: none !important;
}

/* Описание */
body.cr-graphite #cr-cap-card p {
  color: #aeb0ba !important;
}

/* Настоящую капчу не изменяем */
body.cr-graphite #cr-cap-image {
  box-shadow: none !important;
}

/* Кнопка обновления */
body.cr-graphite #cr-cap-refresh {
  background: #191a1f !important;
  color: #c9cbd0 !important;
  border: 1px solid #45464d !important;
  box-shadow: none !important;
}

/* Поле ввода */
body.cr-graphite #cr-cap-input {
  background: #111216 !important;
  border: 1px solid #464850 !important;
  color: #f0edf0 !important;
}

body.cr-graphite #cr-cap-input:focus {
  border-color: #b7a17a !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(183,161,122,.10) !important;
}

/* Кнопка подтверждения */
body.cr-graphite #cr-cap-submit {
  background: linear-gradient(
    180deg, #303238, #141519
  ) !important;
  color: #e5d7b4 !important;
  border: 1px solid #4a4c53 !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.08),
    0 3px 9px rgba(0,0,0,.3) !important;
}

/* Halloween CAPTCHA hc06 — background behind card */
body.cr-graphite #cr-cap-overlay:not(.cr-cap-hidden) {
  background:
    linear-gradient(
      rgba(8,9,12,.36),
      rgba(8,9,12,.52)
    ),
    url("../img/halloween/captcha-bg.webp")
      center center / cover no-repeat,
    #08090b !important;
}

/* CAPTCHA hc07 — title and moon position */

body.cr-graphite #cr-cap-title .cr-hw-cap-accent {
  font-family: 'Rubik Wet Paint', cursive !important;
  font-weight: 400 !important;
  font-size: 1em !important;
  color: #A5E34B !important;
  -webkit-text-fill-color: #A5E34B !important;
  text-shadow: 0 0 7px rgba(165,227,75,.12);
}

/* Сдвигаем фон выше, чтобы луна лучше выглядывала */
body.cr-graphite #cr-cap-overlay:not(.cr-cap-hidden) {
  background-position: center, center center !important;
}