/* Hospitality page stylesheet
   Same layout as leisure.css, with hospitality-specific orange and white colours.
*/

@import url("leisure.css");

:root {
  --hospitality-bg: #0b0b0a;
  --hospitality-accent: #f8931f;
  --hospitality-accent-soft: rgba(248, 147, 31, 0.18);
  --hospitality-accent-border: rgba(248, 147, 31, 0.32);
  --hospitality-white: #ffffff;
}

/* Page background */
html,
body,
main,
.hero,
.leisure-hero,
.leisure-services,
.leisure-benefits {
  background: var(--hospitality-bg);
}

/* Hero heading: exactly two lines */
.hospitality-hero-title {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.hospitality-hero-title .hero-title-orange {
  display: block;
  color: var(--hospitality-accent);
}

.hospitality-hero-title .hero-title-white {
  display: block;
  color: var(--hospitality-white);
}

/* Main headers stay white unless specifically accented */
.leisure-services-heading h2,
.leisure-benefits-strip h2,
.pricing-card h3,
.service-card h3,
.leisure-card h3 {
  color: var(--hospitality-white);
}

/* Orange accent areas */
.eyebrow,
.section-label,
.card-index,
.card-link,
.pricing-tag {
  color: var(--hospitality-accent);
}

/* Pill labels like the training page */
.eyebrow,
.section-label,
.pricing-tag {
  border-color: var(--hospitality-accent-border);
  background: var(--hospitality-accent-soft);
}

/* Cards use orange accents instead of green/gold */
.service-card,
.leisure-card,
.pricing-card {
  border-color: var(--hospitality-accent-border);
}

.service-card:hover,
.leisure-card:hover,
.pricing-card:hover {
  border-color: var(--hospitality-accent);
}

/* Price / subheading text such as "Controlled Oversight" should be white */
.price,
.pricing-card .price {
  color: var(--hospitality-white);
}

/* Buttons */
.btn-gold {
  background: var(--hospitality-accent);
  border-color: var(--hospitality-accent);
  color: #0b0b0a;
}

.btn-gold:hover {
  background: var(--hospitality-white);
  border-color: var(--hospitality-white);
  color: #0b0b0a;
}

.btn-outline:hover {
  border-color: var(--hospitality-accent);
  color: var(--hospitality-accent);
}

/* Small trust tags */
.trust-mini span {
  border-color: var(--hospitality-accent-border);
  color: var(--hospitality-white);
}

.trust-mini span:hover {
  border-color: var(--hospitality-accent);
  color: var(--hospitality-accent);
}


/* Force the top hero heading line to hospitality orange */
.hospitality-hero-title .hero-title-orange,
.hero-title.about-hero-title.hospitality-hero-title .hero-title-orange,
.hero-title.about-hero-title.hospitality-hero-title span.hero-title-orange {
  color: #f8931f !important;
}

.hospitality-hero-title .hero-title-white,
.hero-title.about-hero-title.hospitality-hero-title .hero-title-white,
.hero-title.about-hero-title.hospitality-hero-title span.hero-title-white {
  color: #ffffff !important;
}