/* ═══════════════════════════════════════════════════════════════
 * KAMPAGNE-MODULER — poll, historie-sektioner, E45-knap
 *
 * Til /annika/, /annika-den-smarte-vej/, /jul/ og /jul-oresund/.
 * De fire sider deler en afstemningsformular og et par
 * indholdssektioner som ingen anden side har.
 *
 * Farverne der udskiftes:
 *   #001F47 / #132352  → Dyb Havblå
 *   #2BF6A5            → CTA-blå (den mintgrønne, sidste rester)
 *
 * Bemærk til julesiderne: den mintgrønne bliver CTA-blå her, ikke rød.
 * Rødt er forbeholdt knapperne (se cvi/jul.css); poll'ens accent har
 * aldrig været rød. Skal den også være det til december, siger du til.
 *
 * Linkes EFTER cvi/beregner.css.
 * ═══════════════════════════════════════════════════════════════ */

/* ── Afstemningsformular ────────────────────────────────────────── */
.poll-form {
  background-color: var(--color-dyb-havblaa);
}

.poll-header h2,
.poll-subtitle,
.option-text,
.poll-option::after,
.custom-text-input::placeholder {
  color: var(--color-dyb-havblaa);
}

.poll-input-field,
.poll-option.custom-option .option-text {
  color: var(--color-dyb-havblaa) !important;
}

.poll-input-field:focus,
.poll-option.custom-option:has(input[type="radio"]:checked) {
  border-color: var(--color-dyb-havblaa) !important;
}

/* Legacy sætter også color på focus, med !important. */
.poll-input-field:focus {
  color: var(--color-dyb-havblaa) !important;
}

.poll-option:has(input[type="radio"]:checked) {
  border-color: var(--color-dyb-havblaa);
}

.custom-text-input {
  border-color: var(--color-cta);
  color: var(--color-dyb-havblaa);
}

.custom-input:focus {
  border-color: var(--color-cta);
}

.poll-option {
  background-color: var(--color-cta);
}

.poll-option.custom-option::after,
.poll-prize p,
.result-percentage-clean {
  color: var(--color-cta);
}

/* ── Indholdssektioner ──────────────────────────────────────────── */
.content-box,
.story-section,
.santas-section,
.annika-story-section,
.ferry-badge {
  background-color: var(--color-dyb-havblaa);
}

/* ── "Slip for E45"-knap ────────────────────────────────────────── */
.button-e45:hover {
  color: var(--color-dyb-havblaa);
}

/* ── Poll- og nyhedsbrevs-knapper ───────────────────────────────
   Farven sad inline i poll.js' genererede markup (#2BF6A5 på
   #132352) og kunne derfor ikke nås af CSS. Den er fjernet fra
   JS'en og bor her i stedet. */
.poll-submit-btn,
#newsletterSignupBtn,
#newsletterSubmitBtn {
  background: var(--color-cta);
  color: var(--color-havskum);
}
.poll-submit-btn:hover,
#newsletterSignupBtn:hover,
#newsletterSubmitBtn:hover {
  background: var(--color-cta-hover);
}