/* =========================================================================
   Bourbon Saturdays — REFINE: sand palette + poster polish. Loads LAST.
   Warms the site with a beige/sand light-band system and pushes the
   bold-sports-media look further. Remove this file to revert.
   ========================================================================= */

:root{
  --sand:#ece2cf;--sand-2:#e2d5ba;--sand-ink:#181309;--sand-mut:#6b5e45;
  --sand-line:rgba(0,0,0,.14);
}

/* ---------- HERO: poster treatment ---------- */
.tt-hero__eyebrow{color:var(--sand)}
.tt-hero__eyebrow::before{background:linear-gradient(90deg,var(--hot),transparent)}
.tt-hero__line--gold{
  -webkit-text-stroke:2px var(--sand);text-stroke:2px var(--sand);color:transparent;
  position:relative;width:max-content;max-width:100%;
  padding-bottom:.2em;   /* room for the underline to sit BELOW the letters */
}
.tt-hero__line--gold::after{content:"";position:absolute;left:0;right:8%;bottom:0;height:.09em;background:var(--hot)}
@supports not ((-webkit-text-stroke:2px #000) or (text-stroke:2px #000)){
  .tt-hero__line--gold{color:var(--sand);-webkit-text-stroke:0}
}
/* diagonal hazard stripe closing the hero */
.tt-hero__hazard{position:absolute;left:0;right:0;bottom:0;height:12px;z-index:4;
  background:repeating-linear-gradient(-45deg,var(--hot) 0 18px,#000 18px 36px)}

/* contents index strip */
.tt-hero__index{display:flex;margin-top:2.6rem;border-top:1px solid var(--line-dark);position:relative;z-index:3}
.tt-hero__index a{flex:1;padding:15px 6px 0;border-right:1px solid var(--line-dark);text-decoration:none;transition:background .2s}
.tt-hero__index a:last-child{border-right:0}
.tt-hero__index a:hover{background:rgba(255,255,255,.03)}
.tt-hero__index .n{display:block;font-family:var(--font-cond);font-weight:700;letter-spacing:.1em;font-size:13px;color:var(--hot)}
.tt-hero__index .t{display:block;font-family:var(--font-black);font-weight:400;text-transform:uppercase;font-size:1.15rem;color:#fff;margin-top:6px}
.tt-hero__index a:hover .t{color:var(--sand)}
/* keep the index clear of the floating kickoff card on desktop */
@media(min-width:961px){.tt-hero__index{width:calc(100% - 340px)}}
@media(max-width:680px){.tt-hero__index{flex-wrap:wrap}.tt-hero__index a{flex:1 0 50%;border-bottom:1px solid var(--line-dark)}}

/* ---------- SAND light bands (warm, lightens the page) ---------- */
.tt-band--paper,.tt-stats,.tt-band--alt{background:var(--sand) !important;color:var(--sand-ink)}
.tt-band--alt{background-image:none !important}

/* kickers/headlines/links on sand */
.tt-stats .tt-stats__kick,
.tt-band--alt .tt-kick__label,
.tt-band--paper .tt-kick__label{color:var(--hot)}
.tt-band--alt .tt-headline,
.tt-band--paper .tt-headline{color:var(--sand-ink)}
.tt-band--alt .tt-more,
.tt-band--paper .tt-more{color:var(--hot)}
.tt-stats::before{opacity:.05}

/* STATS on sand */
.tt-stat + .tt-stat{border-left:1px solid var(--sand-line)}
.tt-stat__num{color:var(--sand-ink)}
.tt-stat__num .u,.tt-stat__num .tt-stat__u{color:var(--hot)}
.tt-stat__label{color:var(--sand-mut)}
@media(max-width:720px){.tt-stat:nth-child(n+3){border-top-color:var(--sand-line)}}

/* RANKINGS on sand */
.tt-band--alt .tt-rank__row{border-bottom-color:var(--sand-line)}
.tt-band--alt .tt-rank__num{-webkit-text-stroke-color:var(--sand-ink);color:transparent}
.tt-band--alt .tt-rank__row--top .tt-rank__num{color:var(--sand-ink)}
.tt-band--alt .tt-rank__name{color:var(--sand-ink)}
.tt-band--alt .tt-rank__sub{color:var(--sand-mut)}
.tt-band--alt .tt-rank__logo{border-color:rgba(0,0,0,.25)}
.tt-band--alt .tt-rank__move--up{color:#0e0d0c}
.tt-band--alt .tt-rank__move--down{color:var(--hot)}
.tt-band--alt .tt-rank__move--flat{color:#9a8f77}
.tt-band--alt .tt-rank__move--new{color:var(--hot);border-color:var(--hot)}

/* TOWN GUIDE on sand */
.tt-band--paper .tt-guide__colhead{border-bottom-color:#141210}
.tt-band--paper .tt-guide__coltitle{color:var(--sand-ink)}
.tt-guide__col--do .tt-guide__ico{background:var(--sand-ink);color:var(--sand)}
.tt-place{border-color:var(--sand-line)}
.tt-place__name{color:var(--sand-ink)}
.tt-place__town{color:var(--hot)}

/* section kicker bars → red/gold/white already; make them red/black/white on sand */
.tt-band--paper .tt-kick__bars i:nth-child(2),
.tt-band--alt .tt-kick__bars i:nth-child(2){background:#141210}

/* ---------- warm the dark bands a hair for cohesion ---------- */
.tt-band{background:#0e0d0c}
.tt-destinations{background:linear-gradient(180deg,#100e0c,#0a0a0b)}

/* stronger, angled primary buttons already handled by palette; add a touch */
.tt-btn--gold{letter-spacing:.13em}