/* =====================================================================
   RIVERKINGZ — RASTA theme
   Green / gold / red tricolour over the existing black ground.

   Same system rule as seaglass:
     GRADIENT  -> surfaces that fill (buttons, ticker, word strips, chips)
     SOLID     -> marks, rules and text that has to stay legible

   Role split so three strong colours do not fight:
     GOLD  = the workhorse. Eyebrows, marks, rules, accent text.
     GREEN = positive/secondary detail (support acts, roles, availability)
     RED   = emphasis detail only (quote rule, sold-out, focus states)
   Nothing but the gradient uses all three at once.
   Load after site.css.
   ===================================================================== */

:root{
  --ras-green:#1E9E4A;
  --ras-green-lt:#33C264;   /* lifted for text on black */
  --ras-gold:#FFC72C;
  --ras-red:#E02A1C;
  --ras-red-lt:#F2503F;
  --ras-ink:#0B0B0C;        /* text that sits ON the gradient */

  /* every flat use of the old accent resolves to gold */
  --ember:#FFC72C;
  --ember-2:#FFD760;

  --grad-ras:linear-gradient(135deg,#1E9E4A 0%,#FFC72C 50%,#E02A1C 100%);
  --grad-ras-hi:linear-gradient(135deg,#25B856 0%,#FFD760 50%,#F2503F 100%);
  /* hard-stop tricolour for stripes and rules */
  --bars-ras:linear-gradient(90deg,#1E9E4A 0 33.34%,#FFC72C 33.34% 66.67%,#E02A1C 66.67% 100%);

  /* feeds the <linearGradient id="rkGrad"> the monogram is filled with */
  --grad-a:#1E9E4A;
  --grad-b:#FFC72C;
  --grad-c:#E02A1C;
}

/* the RK monogram carries the tricolour itself */
.rk path{fill:url(#rkGrad)}

/* ---------------------------------------------------------- surfaces */
.btn-ember{
  background:var(--grad-ras);color:var(--ras-ink);
  box-shadow:0 12px 30px rgba(255,199,44,.26)}
.btn-ember:hover{
  background:var(--grad-ras-hi);color:var(--ras-ink);
  box-shadow:0 18px 40px rgba(255,199,44,.40)}
.btn-dark:hover{background:var(--grad-ras);color:var(--ras-ink)}

.ticker{background:var(--grad-ras);color:var(--ras-ink)}
.word-strip{background:var(--grad-ras)}
.word-strip .ws-track span{color:var(--ras-ink)}
.word-strip.alt{background:var(--bone)}
.word-strip.alt .ws-track span{color:var(--ink)}

.chip.on{background:var(--grad-ras);border-color:transparent;color:var(--ras-ink)}
.sec-bone .chip.on{background:var(--grad-ras);color:var(--ras-ink);border-color:transparent}

/* a hard tricolour stripe under the pinned header */
.site-head{border-bottom:0}
.site-head::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:var(--bars-ras);opacity:.9}

/* ------------------------------------------------------------- rules */
/* gold does the everyday work so the page does not read as a flag */
.eyebrow{color:var(--ras-gold)}
.eyebrow::before{background:var(--bars-ras)}
.eyebrow.stone{color:var(--stone)}
.eyebrow.stone::before{background:var(--stone)}
.eyebrow.tan{color:var(--ras-green-lt)}
.eyebrow.tan::before{background:var(--ras-green)}
.sec-bone .eyebrow{color:#9A6B00}
.sec-bone .eyebrow::before{background:var(--bars-ras)}

.nav a::after{background:var(--bars-ras);height:3px}
.link-arrow{border-bottom-color:var(--ras-gold)}
.link-arrow:hover{color:var(--ras-gold)}
.rk-rule::before,.rk-rule::after{background:var(--bars-ras);opacity:.55;height:2px}
.rk-rule .rk path{fill:url(#rkGrad)}

/* green = supporting detail, red = emphasis only */
.tour-support{color:var(--ras-green-lt)}
.member .role{color:var(--ras-green-lt)}
.tour-date small{color:var(--ras-gold)}
.tour-soldout{color:var(--ras-red-lt);border-color:rgba(224,42,28,.45)}
.quote{border-left-color:var(--ras-red)}
.member .ring{border-color:var(--ras-gold)}

.tour-row:hover{background:rgba(255,199,44,.09)}
.card:hover{border-color:rgba(255,199,44,.5)}
.dsp a:hover{border-color:var(--ras-gold);background:rgba(255,199,44,.12)}
.sec-bone .dsp a:hover{border-color:var(--ras-gold);background:rgba(255,199,44,.12)}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--ras-gold);background:rgba(255,199,44,.07)}
.inline-signup input:focus{border-color:var(--ras-gold)}
.socials a:hover{background:var(--grad-ras);border-color:transparent;color:var(--ras-ink)}
.foot-col a:hover,.foot-bottom a:hover{color:var(--ras-gold)}
.scroll-cue::after{background:linear-gradient(var(--ras-gold),transparent)}
.drop-art::before{background:radial-gradient(closest-side,rgba(255,199,44,.30),transparent 72%)}

/* gradient lift on the big numbers */
.stat b{background:var(--grad-ras);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-tag{color:var(--ras-gold)}

/* placeholder flags stay obviously provisional */
.ph{color:#FFF0C2;background:rgba(255,199,44,.15);border-color:rgba(255,199,44,.55)}
.ph::before{background:var(--ras-gold)}