/* ═══════════════════════════════════════════════════════════════
 * JULEKAMPAGNERNE — rødt i stedet for CTA-blå
 *
 * Kun til /jul/ og /jul-oresund/. Julerødt er et bevidst
 * kampagnevalg og går forud for CVI'ens CTA-blå på knapperne.
 * Alt andet på siderne følger CVI'en som resten af sitet.
 *
 * Linkes EFTER CSS/cvi/beregner.css — den sætter .cta og
 * .booking-cta til --color-cta, og denne fil sætter dem tilbage.
 *
 * De øvrige røde elementer på siderne (.story-button,
 * .santas-cta-button, .newsletter-submit, .traffic-section h2) rører
 * CVI-laget slet ikke — de bliver røde af sig selv og skal ikke
 * gentages her. Play-knappen og topbjælken sættes derimod af CVI-laget
 * og vindes tilbage nederst i denne fil.
 * ═══════════════════════════════════════════════════════════════ */

:root {
  /* Julepaletten, som den ligger i sidernes egen CSS. Samlet her så
     man kan se den ét sted — værdierne er uændrede. */
  --color-jul-roed: #b71928;         /* primær — knapper, overskrifter */
  --color-jul-roed-hover: #8b0f1a;   /* mørkere ved hover */
  --color-jul-roed-klar: #e30613;    /* nyhedsbrev-knap */
  --color-jul-roed-klar-hover: #c1050f;
  --color-jul-roed-daempet: #bf4a54; /* tidl. Santas-labels; udgået 2026-10-14 (kontrast) */
}

/* ── Beregnerens knapper tilbage i rødt ─────────────────────────
   CVI-laget sætter begge til --color-cta; her vindes de tilbage. */
.cta,
.booking-cta {
  background-color: var(--color-jul-roed);
  /* CVI-laget sætter teksten til dyb havblå, fordi den skal stå på
     CTA-blå. Her er baggrunden rød (#b71928), hvor hvid giver 6,6:1 og
     dyb havblå kun 2,4:1 — så her vinder havskum tilbage. */
  color: var(--color-havskum);
}

/* !important matcher beregner.css, som selv bruger det for at slå
   legacy. Uden det ville hover blive blå på en rød knap. */
.cta:hover,
.booking-cta:hover {
  background-color: var(--color-jul-roed-hover) !important;
}

/* Rød knap med hvid tekst — så skal pilen også være hvid igen. */
.booking-cta img {
  filter: brightness(0) invert(1);
}

/* ── Play-knappen i hero ────────────────────────────────────────
   kampagne-moduler.css gør den CTA-blå med mørk outline-trekant. På
   julesiderne skal den være julerød med en hvid, solid trekant. Hvid
   på #b71928 giver 6,6:1. */
.play-button {
  background-color: var(--color-jul-roed);
  background-image: url("/assets/ui_icons/icon-play-solid.svg");
}

/* ── Topbjælken (jul-oresund) ───────────────────────────────────
   beregner.css sætter .molslinjen-banner til den lyse havblå på alle
   beregner-sider. Julesiderne skal have den dybe havblå, samme som nav
   og beregner. */
.molslinjen-banner {
  background-color: var(--color-dyb-havblaa);
}