/* ============================================
   TROLLHUNTER – MAILPOET CAPTCHA (HARTER OVERRIDE)
   ============================================ */

/* Wrapper auf der Captcha-Seite etwas einfangen (optional) */
.th-captcha-page {
  max-width: 640px;
  margin: 96px auto 128px;
  padding: 0 1.5rem;
}

/* Formular auf der MailPoet-Captcha-Seite zentrieren */
article.mailpoet_page .entry-content form.mailpoet_captcha_form {
  max-width: 380px;
  margin: 0 auto 1.5rem;   /* auto = horizontal zentriert */
}

article.mailpoet_page .entry-title {
  text-align: center;
}

/* Überschrift + Einleitung */
.th-captcha-header h1 {
  font-size: clamp(26px, 3vw, 32px);
  margin: 0 0 0.5rem 0;
}

.th-captcha-header p {
  margin: 0 0 2rem 0;
  color: #C3C3C3;
}

/* === FORMULAR SELBST – UNABHÄNGIG VOM THEME === */

/* Captcha-Formular immer erwischen – egal welches Template aktiv ist */
form.mailpoet_captcha_form input[type="text"],
form.mailpoet_captcha_form input[type="email"] {
  background-color: #161B22 !important;
  border: 1px solid #2E3338 !important;
  color: #F2F2F2 !important;
  padding: 8px 12px !important;
  box-sizing: border-box !important;
}

form.mailpoet_captcha_form input[type="text"]::placeholder,
form.mailpoet_captcha_form input[type="email"]::placeholder {
  color: #C3C3C3 !important;
}

/* Fokus: Goldlinie */
form.mailpoet_captcha_form input[type="text"]:focus,
form.mailpoet_captcha_form input[type="email"]:focus {
  outline: none !important;
  border-color: #D4C797 !important;
}

/* Button im Captcha-Formular */
form.mailpoet_captcha_form .mailpoet_submit {
  background-color: #161B22 !important;
  color: #D4C797 !important;
  border: 1px solid #D4C797 !important;
  padding: 8px 20px !important;
  text-transform: none !important;
  cursor: pointer !important;
}

form.mailpoet_captcha_form .mailpoet_submit:hover {
  background-color: #D4C797 !important;
  color: #0D1117 !important;
}

/* Icons (Reload + Audio) sichtbar machen */
form.mailpoet_captcha_form .mailpoet_icon_button {
  background-color: transparent !important;
  border: none !important;
  padding: 4px !important;
  margin-right: 6px !important;
  cursor: pointer !important;
  filter: invert(1) brightness(1.8) !important;
}

form.mailpoet_captcha_form .mailpoet_icon_button:hover {
  filter: invert(1) sepia(1) hue-rotate(10deg) saturate(3) brightness(1.8) !important;
}

/* Mobile: Button vollbreit */
@media (max-width: 768px) {
  .th-captcha-page {
    margin: 10px auto 10px;
    padding: 0 1rem;
  }

  form.mailpoet_captcha_form .mailpoet_submit {
    width: 100% !important;
    text-align: center !important;
  }
}