/* ============================================================
   BANGKOK accent palette
   Layered on top of the spine. Temple gold, Silom neon pink,
   pool teal. Scope: [data-city="bangkok"] + phase block.
   ============================================================ */

[data-city="bangkok"],
.days.bangkok {
  --accent:      #D4A437;   /* Temple gold */
  --accent-soft: #F1D58E;
  --accent-ink:  #8E6712;   /* deeper temple-gold for text */
  --neon:        #E94B7B;   /* Silom Soi 2 */
  --pool:        #3F8DA0;
}

/* Glance card: Bangkok */
.glance__card--bangkok {
  background:
    linear-gradient(180deg, var(--ivory) 0%, #FAF1DA 100%);
  border-color: rgba(212, 164, 55, 0.22);
}
.glance__card--bangkok .glance__icon { color: #B98421; }
.glance__card--bangkok h3 { color: #8E6712; }

/* Phase title */
.days.bangkok .phase-title__num { color: #B98421; }

/* Day-phase Bangkok visual cues */
.days.bangkok .day__num,
.days.bangkok .ribbon__time {
  color: #8E6712;
}
.days.bangkok .ribbon__slot::before { background: #D4A437; box-shadow: 0 0 0 3px var(--surface-warm); }
.days.bangkok .tip { border-left-color: #D4A437; }
.days.bangkok .tip__label { color: #8E6712; }
.days.bangkok .map-link { color: #8E6712; }

/* City badge tone */
.card__city.bangkok,
.booking__city.bangkok {
  background: linear-gradient(135deg, #D4A437 0%, #B98421 100%);
  color: #1A1614;
}

/* Cards scoped to Bangkok */
.card[data-city="bangkok"]:hover {
  border-color: rgba(212, 164, 55, 0.32);
}
.card[data-city="bangkok"] .card__pill {
  color: #8E6712;
  border-color: rgba(212, 164, 55, 0.6);
}

/* Viral card Bangkok */
.viral-card[data-city="bangkok"] .card__city.bangkok { background: linear-gradient(135deg, #D4A437 0%, #B98421 100%); color: #1A1614; }
.viral-card[data-city="bangkok"] .viral-card__link {
  color: #8E6712;
  border-color: rgba(212, 164, 55, 0.6);
}
.viral-card[data-city="bangkok"] .viral-card__link:hover {
  background: #D4A437;
  color: #1A1614;
}

/* Bangkok-only neon underline accent for the Silom-coded venues */
.card[data-city="bangkok"] .card__pill {
  /* default subtle gold pill, no neon to keep editorial */
}

/* Day rail chip when Bangkok is active */
.day-rail__chip[data-city="bangkok"].is-active {
  background: #D4A437;
  border-color: #D4A437;
  color: #1A1614;
}