/* Hotel palette: colourful surfaces with dark, readable foregrounds. */
.hotel-creative {
  --paper: #f5e5c9;
  --surface: #fff0d7;
  --blue: #006c72;
  --muted: #40585b;
  --line: #b9c9c1;
  background: var(--paper);
  color: #163b3d;
}
.hotel-creative .hotel-site-header,
.hotel-creative .hotel-site-footer {
  background: var(--paper);
}
.hotel-creative .hotel-site-header {
  border-bottom: 4px solid #ffc94a;
}
.hotel-creative .button-blue,
.hotel-creative .cta-section .button-dark {
  background: #ad3527;
  color: #ffffff;
  box-shadow: 0 6px 18px #ad352722;
}
.hotel-creative .button-blue:hover,
.hotel-creative .cta-section .button-dark:hover {
  background: #86271d;
}
.hotel-creative .button-dark {
  background: #145b50;
  color: #ffffff;
}
.hotel-creative :is(a, button, summary, input, textarea):focus-visible {
  outline: 3px solid #163b3d;
  outline-offset: 4px;
  box-shadow: 0 0 0 7px var(--paper);
}
.hotel-creative :is(button, summary, .button) {
  min-height: 44px;
}
.hotel-creative .hotel-site-nav a[aria-current="page"] {
  color: #006c72;
  text-decoration-thickness: 3px;
}
.campaign-hero {
  background: #fff1bd;
}
.campaign-photo {
  filter: brightness(1.18) saturate(1.12);
}
.campaign-shade {
  background: linear-gradient(
    90deg,
    #fff1bd 0%,
    #fff1bd 40%,
    #fff1bdec 47%,
    #fff1bd20 65%,
    transparent 78%
  );
}
.campaign-copy h1 {
  color: #163b3d;
}
.campaign-copy h1 span {
  color: #a83327;
}
.hero-message {
  background: #ffda68;
  color: #163b3d;
  border-top-color: #ad3527;
}
.hero-message > div {
  border-top-color: #a88a37;
}
.campaign-ribbon {
  background: #ffc94a;
  color: #163b3d;
  border-color: #dba62c;
}
.hotel-creative .demo-section {
  background: var(--paper);
}
.hotel-creative .screen-shell {
  --blue: #ffda68;
  border-color: #267b70;
  box-shadow: 8px 8px 0 #b8ebd7;
}
.hotel-creative .screen-photo img,
.hotel-creative .pt-photo {
  filter: saturate(1.12);
}
.hotel-creative .screen-photo:after {
  background: linear-gradient(0deg, #102b26ed, #102b2670 50%, transparent);
}
.hotel-creative .demo-controls {
  background: #e2f5ea;
  border-color: #a5cdb9;
}
.hotel-creative .slide-buttons button[aria-pressed="true"] {
  background: #145b50;
  border-color: #145b50;
}
.hotel-creative .benefits-section {
  background: #e2f5ea;
}
.hotel-creative .benefit-grid {
  gap: 18px;
}
.hotel-creative .benefit-grid article {
  background: #ffe1d3;
  border: 0;
  border-radius: 18px;
  padding: 32px 26px;
}
.hotel-creative .benefit-grid article:first-child {
  background: #ffdf7e;
}
.hotel-creative .benefit-grid article:last-child {
  background: #e8dffc;
}
.hotel-creative .benefit-grid :is(p, .benefit-number) {
  color: #354e50;
}
.tour-tabs button[aria-selected="true"] {
  background: #ffda68;
  color: #163b3d;
  border-bottom-color: #ad3527;
}
.tour-panel {
  background: #fff1bd;
}
.tour-studio {
  background: #b8ebd7;
}
.hotel-creative .simple-section,
.hotel-creative .questions-section {
  background: var(--paper);
}
.hotel-creative .cta-section {
  background: linear-gradient(115deg, #ffc94a, #ffb99b 58%, #e8dffc);
  color: #163b3d;
}
.hotel-creative .cta-section h2 span {
  color: #8b2924;
}
.hotel-creative .inner-hero-art {
  border: 6px solid #ffda68;
}
.hotel-creative .inner-card {
  border-top-color: #b5cec2;
}
.hotel-page-features .inner-card:first-child,
.hotel-page-solutions .inner-card:first-child {
  background: #ffdf7e;
  color: #163b3d;
}
.hotel-page-about .inner-card-grid {
  background: #e2f5ea;
}
.trial-art,
.price-result {
  background: #ffdf7e;
  color: #163b3d;
}
.trial-art-arrow {
  color: #886520;
}
.price-builder {
  background: #e2f5ea;
  border-color: #a5cdb9;
}
.billing-toggle button[aria-pressed="true"] {
  background: #145b50;
}
.price-builder input[type="range"] {
  accent-color: #145b50;
}
.hotel-creative .price-card {
  background: #fff1bd;
  border-color: #a89966;
}
.hotel-creative .price-card:nth-child(3n + 2) {
  background: #ffe1d3;
  border-color: #be9b8a;
}
.hotel-creative .price-card:nth-child(3n) {
  background: #e8dffc;
  border-color: #b3a2cc;
}
.hotel-creative .page-note,
.hotel-creative .contact-layout aside {
  background: #e2f5ea;
  color: #163b3d;
  border-color: #a5cdb9;
}
.hotel-creative .hotel-contact-form {
  border-top: 6px solid #ffc94a;
}
.hotel-creative .faq-page details {
  background: #fff1bd;
  border-color: #b4a671;
}
.hotel-creative .faq-page details:nth-child(even) {
  background: #e2f5ea;
}
.hotel-creative .related-section a {
  background: #e8dffc;
  border-color: #b3a2cc;
  color: #163b3d;
}
.hotel-creative .related-section a:hover {
  background: #d8c7f5;
}
.hotel-creative .hotel-site-footer {
  border-top: 5px solid #ffc94a;
}

/* Warm supporting surfaces keep the whole site in the hotel palette. */
.hotel-creative .more-nav > div,
.hotel-creative .hotel-contact-form,
.hotel-creative .hotel-contact-form input,
.hotel-creative .hotel-contact-form textarea,
.hotel-creative .slide-buttons button:not([aria-pressed="true"]),
.hotel-creative .pause-button,
.hotel-creative .campaign-watch > span {
  background: var(--surface);
}
.hotel-creative .tour-photo > span {
  background: #fff0d7f2;
}
.hotel-creative .inner-hero-art:after {
  background: linear-gradient(0deg, #f5e5c9 0%, #f5e5c9eb 23%, transparent 65%);
}