/* CRO V13 — menu pages only. Homepage is intentionally untouched. */
:root{
  --cro-gold:#e3ba59;
  --cro-black:#030506;
  --cro-panel:rgba(8,12,13,.84);
  --cro-border:rgba(227,186,89,.24);
}

html,body{
  background:var(--cro-black)!important;
  color:#fff!important;
}

body{
  position:relative!important;
  min-height:100vh!important;
  isolation:isolate!important;
  background-color:var(--cro-black)!important;
}

/* Fixed rock-slide image behind the entire menu page */
body::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-2!important;
  background:
    url("/assets/images/rock-slide-background.jpg")
    center center / cover no-repeat!important;
  opacity:.30!important;
  filter:saturate(.9) contrast(1.05) brightness(.62)!important;
  transform:scale(1.02)!important;
  pointer-events:none!important;
}

/* Black tint keeps every page readable */
body::after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-1!important;
  background:
    linear-gradient(180deg,rgba(2,4,5,.80),rgba(2,4,5,.88)),
    radial-gradient(circle at 78% 10%,rgba(227,186,89,.08),transparent 36%)!important;
  pointer-events:none!important;
}

/* Remove solid page fills so the background can show through */
main,
.page,
.page-shell,
.site-main,
.content,
.content-shell,
section,
.hero,
.page-hero{
  background-color:transparent!important;
}

/* Give content cards a dark glass finish */
.card,
.feature-card,
.price-card,
.rule-card,
.review-card,
.contact-card,
.faq-item,
details,
.gallery-card,
.amenity-card,
.panel,
.content-card,
[class*="card"]{
  background:var(--cro-panel)!important;
  border-color:var(--cro-border)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.30)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}

/* Gold accent replaces bright teal on pills and active controls */
.pill,
.badge,
.tag,
.eyebrow,
.filter button.active,
[aria-current="page"],
.btn-primary,
.button-primary,
.cta,
.book-now{
  background:var(--cro-gold)!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  border-color:var(--cro-gold)!important;
}

a,
.accent,
.gold,
.price,
.star,
.rating{
  color:var(--cro-gold)!important;
}

h1,h2,h3,h4,p,li,summary,label,span{
  text-shadow:0 1px 2px rgba(0,0,0,.45);
}

/* Header remains black and consistent */
header,
.site-header,
.navbar,
nav{
  background:rgba(2,4,5,.96)!important;
}

/* Mobile background stays visible without becoming distracting */
@media(max-width:800px){
  body::before{
    opacity:.24!important;
    background-position:42% center!important;
  }
  body::after{
    background:linear-gradient(180deg,rgba(2,4,5,.84),rgba(2,4,5,.91))!important;
  }
  .card,
  .feature-card,
  .price-card,
  .rule-card,
  .review-card,
  .contact-card,
  .faq-item,
  details,
  .gallery-card,
  .amenity-card,
  .panel,
  .content-card,
  [class*="card"]{
    background:rgba(7,11,12,.90)!important;
  }
}