/* ============================================================
   SHANGHAI accent palette
   Layered on top of the spine. Lacquer red, jade, soft blush.
   Scope: any [data-city="shanghai"] element, plus phase block.
   ============================================================ */

[data-city="shanghai"],
.days.shanghai {
  --accent:      #A6322F;   /* Lacquer red */
  --accent-soft: #E8B4A0;   /* Soft blush */
  --accent-ink:  #7A2421;   /* Deeper lacquer for text */
  --jade:        #4A6B5C;
}

/* Glance card: Shanghai-flavored treatment */
.glance__card--shanghai {
  background:
    linear-gradient(180deg, var(--ivory) 0%, #F8E9DD 100%);
  border-color: rgba(166, 50, 47, 0.16);
}
.glance__card--shanghai .glance__icon { color: #A6322F; }
.glance__card--shanghai h3 {
  color: #7A2421;
}

/* Phase title for Shanghai */
.days.shanghai .phase-title__num { color: #A6322F; }

/* Day numbers and ribbon dots in Shanghai phase */
.days.shanghai .day__num,
.days.shanghai .ribbon__time {
  color: #7A2421;
}
.days.shanghai .ribbon__slot::before { background: #A6322F; box-shadow: 0 0 0 3px var(--surface-warm); }
.days.shanghai .tip { border-left-color: #A6322F; }
.days.shanghai .tip__label { color: #7A2421; }
.days.shanghai .map-link { color: #7A2421; }

/* City badge tone */
.card__city.shanghai,
.booking__city.shanghai {
  background: #A6322F;
  color: #F5EFE6;
}

/* Cards scoped to Shanghai: subtle accent on hover */
.card[data-city="shanghai"]:hover {
  border-color: rgba(166, 50, 47, 0.25);
}
.card[data-city="shanghai"] .card__pill {
  color: #7A2421;
  border-color: rgba(166, 50, 47, 0.55);
}

/* Viral card Shanghai */
.viral-card[data-city="shanghai"] .card__city.shanghai { background: #A6322F; }
.viral-card[data-city="shanghai"] .viral-card__link {
  color: #7A2421;
  border-color: rgba(166, 50, 47, 0.55);
}
.viral-card[data-city="shanghai"] .viral-card__link:hover {
  background: #A6322F;
  color: #F5EFE6;
}

/* Day rail chip when Shanghai is active */
.day-rail__chip[data-city="shanghai"].is-active {
  background: #A6322F;
  border-color: #A6322F;
}