/* =========================================================
   TripAdvisor button green/teal restore - 2026-05-17
   Applies globally, including detail modals that are mounted
   outside #app and Trip Map cards/popups.
========================================================= */
html body a[href*="tripadvisor.com"],
html body a[href*="tripadvisor.ca"],
html body button[aria-label*="TripAdvisor"],
html body a[aria-label*="TripAdvisor"],
html body .action-tripadvisor,
html body .tripadvisor-button,
html body .detail-backdrop #detailActions .action-tripadvisor,
html body .detail-backdrop #detailActions a[href*="tripadvisor.com"],
html body .detail-backdrop #detailActions a[href*="tripadvisor.ca"],
html body .detail-actions .action-tripadvisor,
html body .detail-actions a[href*="tripadvisor.com"],
html body .detail-actions a[href*="tripadvisor.ca"],
html body .trip-map-popup .tripadvisor-button,
html body .trip-map-popup a[href*="tripadvisor.com"],
html body .trip-map-popup a[href*="tripadvisor.ca"],
html body .trip-map-location-card .tripadvisor-button,
html body .trip-map-location-card a[href*="tripadvisor.com"],
html body .trip-map-location-card a[href*="tripadvisor.ca"],
html body .trip-map-card-button.tripadvisor-button {
  background: linear-gradient(135deg, #008f70 0%, #00a680 52%, #00c49a 100%) !important;
  background-color: #00a680 !important;
  border-color: #00a680 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(0, 166, 128, 0.28), inset 0 1px 0 rgba(255,255,255,.28) !important;
}

html body a[href*="tripadvisor.com"] *,
html body a[href*="tripadvisor.ca"] *,
html body .action-tripadvisor *,
html body .tripadvisor-button * {
  color: #ffffff !important;
}