/* RED EVENTS — tour skin for tour-concert /event pages.
   Structure + DEFAULT palette (HYPNOTIC lilac) via --skin-* vars.
   Per-tour palettes are injected by the template as `html.red-tour-skin{...}` overrides.
   Tour membership is detected generically via the tours catalog (match_kw) — see red_event_tour() in event_item.tpl.php. */

@font-face{font-family:'Angst';src:url('../fonts/Angst-Bold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;}

.red-tour-skin{
  --skin-bg:#ece6f7;
  --skin-accent:#7c5cbf;
  --skin-accent-deep:#6a4aa0;
  --skin-card:#f6f1fd;
  --skin-card-border:#e4daf4;
  --skin-ink:#3a2b55;
  --skin-title-grad:linear-gradient(180deg,#d8caff 0%,#bda6f2 55%,#ffffff 100%);
  --main-bg:var(--skin-bg);
  --main-color:var(--skin-accent);
  --main-color-hover:var(--skin-accent-deep);
}

/* feature cards (good-to-know / entry-note / trust / reviews / orphan) */
.red-tour-skin .red-goodtoknow,
.red-tour-skin .red-entrynote,
.red-tour-skin .red-trust,
.red-tour-skin .red-social,
.red-tour-skin .red-orphan-note{background:var(--skin-card) !important;border-color:var(--skin-card-border) !important;}

/* main content boxes blend into the page fill — no card tint */
.red-tour-skin .event-grid__content,
.red-tour-skin .event-program,
.red-tour-skin .event-grid__perfomers,
.red-tour-skin .event-childs{background:transparent !important;border-color:transparent !important;box-shadow:none !important;}

/* match programme + performers body text size to "About event" (1.25rem) */
.red-tour-skin .event-program .event-box__content,
.red-tour-skin .event-program .event-box__content p,
.red-tour-skin .event-program .event-box__content ul,
.red-tour-skin .event-program .event-box__content li,
.red-tour-skin .event-grid__perfomers .event-box__content,
.red-tour-skin .event-grid__perfomers .event-box__content p,
.red-tour-skin .event-grid__perfomers .event-box__content ul{font-size:1.25rem !important;}

/* "WHY RED EVENTS" label */
.red-tour-skin .red-trust > span:first-child{color:var(--skin-accent) !important;}

/* floating FAQ button (hidden on tour/cycle pages via template, recoloured for safety) */
.red-tour-skin .event-faqbtn a{background:var(--skin-accent) !important;border-color:var(--skin-accent) !important;}
.red-tour-skin .event-faqbtn a svg{fill:#fff !important;}

/* bottom sticky purchase bar */
.red-tour-skin .event-panel{background:var(--skin-bg) !important;border-color:var(--skin-card-border) !important;}
.red-tour-skin .event-panel__right{border-left-color:var(--skin-card-border) !important;}
.red-tour-skin .event-panel__title,
.red-tour-skin .event-panel__price,
.red-tour-skin .event-panel__left,
.red-tour-skin .event-panel .event-details__date,
.red-tour-skin .event-panel time,
.red-tour-skin .event-panel .day,
.red-tour-skin .event-panel .month,
.red-tour-skin .event-panel .num{color:var(--skin-ink) !important;}
.red-tour-skin .event-panel .btn-order{background:var(--skin-accent-deep) !important;}
.red-tour-skin .event-panel .btn-circle{color:var(--skin-accent-deep) !important;}
.red-tour-skin .event-panel .svg-starbust{stroke:var(--skin-accent-deep) !important;}

/* GET TICKET starburst in the hero */
.red-tour-skin .btn-order--intro .svg-starbust{fill:var(--skin-accent) !important;stroke:none !important;}

/* programme-lead accent (also hidden below) */
.red-tour-skin .red-wyh-lead{border-left-color:var(--skin-accent) !important;color:var(--skin-accent-deep) !important;}

/* event title in the tour display font + per-tour gradient (matches its /tours hero) */
.red-tour-skin .intro-block__title{
  font-family:'Angst','Montserrat',sans-serif;text-transform:uppercase;letter-spacing:1px;
  background:var(--skin-title-grad);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* tour concerts are NOT ensemble concerts — hide the ensemble programme-lead (belt-and-suspenders; template also omits it) */
.red-tour-skin .red-wyh-lead{display:none !important;}

/* SHOW MORE / MEER TONEN outline matches the tour accent (preserved from prod) */
.red-tour-skin .btn-border--second{border-color:var(--main-color-hover) !important;}