/* galaxyworld.news: gedeelde aanvullingen bovenop de paginastijlen */
:root { --gw-pop: #b486ee; --gw-pop-2: #8447C7; --gw-glow: rgba(180,134,238,.85); }
body.experiences { --gw-pop: #ff7a45; --gw-pop-2: #DF5224; --gw-glow: rgba(223,82,36,.85);
  --red: #DF5224; --red-light: #ff7a45; }

/* felle hover en selectie */
.door, .hero-cta, .past-card, .next-event { transition: transform .25s, box-shadow .25s, border-color .25s !important; }
.door:hover, .hero-cta:hover, .past-card:hover, .next-event:hover {
  transform: translateY(-6px) !important; border-color: var(--gw-pop) !important;
  box-shadow: 0 0 0 2px var(--gw-pop), 0 34px 80px -26px var(--gw-glow) !important; }
.door:hover .cta, .hero-cta:hover .hc-cta, .next-event:hover .ne-cta, .past-card:hover .pc-cta {
  background: var(--gw-pop-2) !important; border-color: #fff !important; color: #fff !important; }
.choices label:hover, .seg label:hover { border-color: var(--gw-pop) !important; background: color-mix(in srgb, var(--gw-pop-2) 30%, transparent) !important; color: #fff !important; }
.choices label:has(input:checked), .seg label:has(input:checked) {
  background: linear-gradient(135deg, var(--gw-pop-2), color-mix(in srgb, var(--gw-pop-2) 70%, #000)) !important;
  border-color: #fff !important; color: #fff !important; box-shadow: 0 12px 28px -12px var(--gw-glow) !important; }
.submit:hover, .gw-next:hover { background: var(--gw-pop-2) !important; border-color: #fff !important; box-shadow: 0 16px 36px -14px var(--gw-glow); }
.input:focus, .textarea:focus, .select:focus { border-color: var(--gw-pop) !important; box-shadow: 0 0 0 4px color-mix(in srgb, var(--gw-pop) 30%, transparent) !important; }
a:focus-visible, button:focus-visible, .choices label:focus-within { outline: 3px solid var(--gw-pop); outline-offset: 3px; }

/* taalknop */
.gw-lang { display: inline-flex; gap: 2px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; padding: 3px; justify-self: end; }
.gw-lang a { font: 700 11px/1 'Inter Tight', sans-serif; letter-spacing: 2px; padding: 7px 11px; border-radius: 999px; color: rgba(255,255,255,.7); text-decoration: none; transition: background .15s, color .15s; }
.gw-lang a[aria-current="true"] { background: var(--gw-pop-2); color: #fff; }
.gw-lang a:hover { background: var(--gw-pop); color: #fff; }

/* formulier in twee stappen */
.gw-steps { margin: 0 0 6px; font: 600 12px/1 'Inter Tight', sans-serif; letter-spacing: 3px; text-transform: uppercase; color: var(--gw-pop); }
.gw-step { display: flex; flex-direction: column; gap: inherit; }
.gw-step[hidden] { display: none !important; }
.gw-nav { display: flex; justify-content: flex-end; padding-top: 12px; }
.gw-back { all: unset; cursor: pointer; align-self: flex-start; font: 600 13px 'Inter Tight', sans-serif; color: var(--gw-pop); padding: 6px 0; }
.gw-back:hover { color: #fff; text-decoration: underline; }
.gw-msg { margin: 14px 0 0; font-size: 15px; line-height: 1.5; color: #ffb4a3; }
.gw-msg:empty { display: none; }
.gw-done h3 { margin: 0 0 8px; font-size: 26px; color: #fff; }
.gw-done p { margin: 0; font-size: 16px; line-height: 1.6; color: var(--muted, #a394c4); }
.gw-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }

/* cookiebanner */
.gw-consent { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 9999; max-width: 560px; margin: 0 auto;
  background: rgba(14,6,26,.96); color: #efe7ff; border: 1px solid rgba(214,196,255,.28); border-radius: 18px; padding: 18px 20px;
  box-shadow: 0 30px 80px -20px rgba(0,0,0,.8); font: 14px/1.5 'Inter Tight', system-ui, sans-serif; backdrop-filter: blur(10px); }
.gw-consent p { margin: 0 0 12px; }
.gw-c-btns { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.gw-c-btns a { color: #d6c4ff; margin-right: auto; font-size: 13px; }
.gw-c-btns button { cursor: pointer; border-radius: 999px; padding: 10px 18px; font: 700 13px 'Inter Tight', sans-serif; border: 1px solid rgba(214,196,255,.35); background: transparent; color: #fff; }
.gw-c-btns button:hover { background: rgba(255,255,255,.12); }
.gw-c-btns .gw-yes { background: var(--gw-pop-2); border-color: var(--gw-pop-2); }
.gw-c-btns .gw-yes:hover { background: var(--gw-pop); border-color: #fff; }