/*
  Seasonal-entry removal memo:
  1. Delete the XMAS-SLIDE fragment, its matching dot, scoped styles and loader from index.html.
  2. Remove this stylesheet link and the .xmas-entry-banner markup from all 47 consumers.
     Generic copy (44): about.html, autumn-beijing.html, autumn-chengdu.html,
     autumn-dali-lijiang.html, autumn-suzhou-hangzhou.html,
     best-time-to-visit-china.html, booking-confirmation.html, booking-payment.html,
     booking-terms.html, cancellation.html, china-autumn-travel-guide.html,
     china-highlights-in-style.html, china-internet-guide.html,
     china-payments-guide.html, china-scenic-horizons.html,
     china-summer-travel-guide.html, china-travel-guide.html,
     china-travel-notes.html, china-visa-guide.html, china-winter-travel-guide.html,
     classic-china-tours.html, contact.html, deposit-thanks.html, faq.html,
     index.html, jiangnan-gardens-and-canals.html, journey-booking.html,
     journeys.html, key-traveller-programme.html, payment-success.html,
     privacy.html, regional-deep-dives.html, sample-proposal.html,
     sichuan-yunnan-discovery.html, spring-beijing.html,
     spring-guilin-yangshuo.html, spring-suzhou-hangzhou.html,
     summer-yunnan.html, summer-zhangjiajie.html, tailor-made-planner.html,
     terms.html, winter-beijing.html, winter-xian.html,
     winter-xishuangbanna.html.
     Early-bird copy (3): christmas-in-china.html,
     christmas-white-china.html, christmas-colorful-china.html.
  3. Remove xmas-banner.css after those references are gone.
*/

.xmas-entry-banner,
.xmas-entry-banner * {
  box-sizing: border-box;
}

.xmas-entry-banner {
  position: relative;
  z-index: 20;
  display: flex;
  width: 100%;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  color: var(--paper);
  background: var(--jade-dark);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.xmas-entry-banner + .site-header {
  position: sticky;
  top: 0;
  margin-bottom: -72px;
}

.xmas-entry-banner__link {
  display: flex;
  width: 100%;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 16px;
  color: inherit;
  font-size: 13px;
  font-weight: 750;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.xmas-entry-banner__arrow {
  flex: 0 0 auto;
  color: var(--gold);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1;
  transition: transform 160ms ease;
}

.xmas-entry-banner__link:hover .xmas-entry-banner__arrow,
.xmas-entry-banner__link:focus-visible .xmas-entry-banner__arrow {
  transform: translateX(3px);
}

.xmas-entry-banner__link:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: -4px;
}

@media (max-width: 420px) {
  .xmas-entry-banner__link {
    gap: 5px;
    padding-inline: 8px;
    font-size: 11px;
  }

  .xmas-entry-banner__arrow {
    font-size: 16px;
  }
}

@media (max-width: 720px) {
  .xmas-entry-banner + .site-header {
    margin-bottom: -64px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .xmas-entry-banner__arrow {
    transition: none;
  }
}