/* =============================================================
   Haus Garden — Mediterranean Garden palette
   May 2026 repositioning: open-air daytime venue, summer focus.
   Cream + sage + terracotta + olive — the opposite of the club.
   All rules scoped to .coco-venue-page--haus-garden so the dark
   club venues (Haus / Cité / TWNTY7) are untouched.
   ============================================================= */

.coco-venue-page--haus-garden {
    --hg-cream:        #F5EFE6;   /* page base */
    --hg-cream-soft:   #FAF6EF;   /* cards / hero overlay */
    --hg-sage:         #8BA888;   /* accent */
    --hg-sage-soft:    rgba(139, 168, 136, 0.18);
    --hg-terracotta:   #C76F4A;   /* highlight */
    --hg-olive:        #4A5240;   /* ink / body text */
    --hg-olive-dark:   #2F3528;   /* headings */
    --hg-gold:         #C9A96E;   /* brand gold — kept as bridge */
    --hg-line:         #D8D0C4;   /* borders */
    --hg-line-soft:    #E8E1D5;

    /* Override the base venue tokens too so any base rule that
       reads --coco-* picks up the cream palette here. */
    --coco-bg:           var(--hg-cream);
    --coco-bg-secondary: var(--hg-cream-soft);
    --coco-text:         var(--hg-olive);
    --coco-accent:       var(--hg-terracotta);
    --coco-accent-light: var(--hg-sage);
    --coco-accent-dim:   var(--hg-sage-soft);
    --coco-accent-border: rgba(199, 111, 74, 0.45);
    --coco-card-bg:      #FFFFFF;
    --venue-bg:          var(--hg-cream);
    --venue-accent:      var(--hg-terracotta);
    --venue-accent-soft: var(--hg-sage);
}

/* ── Page surface ─────────────────────────────────────────── */
.coco-venue-page--haus-garden { background: var(--hg-cream) !important; color: var(--hg-olive) !important; }
.coco-venue-page--haus-garden,
.coco-venue-page--haus-garden p,
.coco-venue-page--haus-garden li,
.coco-venue-page--haus-garden span,
.coco-venue-page--haus-garden div { color: inherit; }
.coco-venue-page--haus-garden h1,
.coco-venue-page--haus-garden h2,
.coco-venue-page--haus-garden h3,
.coco-venue-page--haus-garden h4,
.coco-venue-page--haus-garden h5 { color: var(--hg-olive-dark) !important; font-family: 'Fraunces', 'Playfair Display', Georgia, serif !important; }

/* ── Hero ─────────────────────────────────────────────────── */
.coco-venue-page--haus-garden .coco-venue-hero { background-color: var(--hg-cream); }
.coco-venue-page--haus-garden .coco-venue-hero::after,
.coco-venue-page--haus-garden .coco-venue-hero-scrim {
    background: linear-gradient(
        to bottom,
        rgba(245, 239, 230, 0.08) 0%,
        rgba(245, 239, 230, 0.22) 40%,
        rgba(245, 239, 230, 0.55) 75%,
        var(--hg-cream) 100%
    ) !important;
}
.coco-venue-page--haus-garden .coco-venue-hero-tag {
    background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(74, 82, 64, 0.25) !important;
    color: var(--hg-olive-dark) !important;
    backdrop-filter: blur(8px);
}
.coco-venue-page--haus-garden .coco-venue-hero-tag .dot {
    background: var(--hg-terracotta) !important;
    box-shadow: 0 0 0 4px rgba(199, 111, 74, 0.22) !important;
}
.coco-venue-page--haus-garden .coco-venue-title {
    color: #FFFFFF !important;
    text-shadow: 0 2px 24px rgba(47, 53, 40, 0.55);
    font-style: italic;
    letter-spacing: 0.02em;
}
.coco-venue-page--haus-garden .coco-venue-sub,
.coco-venue-page--haus-garden .coco-venue-sub-secondary {
    color: rgba(255, 255, 255, 0.95) !important;
    text-shadow: 0 1px 12px rgba(47, 53, 40, 0.55);
}

/* ── Buttons ──────────────────────────────────────────────── */
.coco-venue-page--haus-garden .coco-venue-btn-primary {
    background: var(--hg-terracotta) !important;
    border: 1px solid var(--hg-terracotta) !important;
    color: #FFFFFF !important;
}
.coco-venue-page--haus-garden .coco-venue-btn-primary:hover {
    background: #A8593A !important;
    border-color: #A8593A !important;
}
.coco-venue-page--haus-garden .coco-venue-btn-outline {
    background: rgba(255, 255, 255, 0.90) !important;
    border: 1px solid var(--hg-olive) !important;
    color: var(--hg-olive-dark) !important;
}
.coco-venue-page--haus-garden .coco-venue-btn-outline:hover {
    background: var(--hg-olive) !important;
    color: #FFFFFF !important;
}

/* ── Info bar ─────────────────────────────────────────────── */
.coco-venue-page--haus-garden .coco-venue-info-bar {
    background: var(--hg-cream-soft) !important;
    border-top: 1px solid var(--hg-line) !important;
    border-bottom: 1px solid var(--hg-line) !important;
    color: var(--hg-olive) !important;
}
.coco-venue-page--haus-garden .coco-venue-info-item { color: var(--hg-olive) !important; }

/* ── Section titles ───────────────────────────────────────── */
.coco-venue-page--haus-garden .coco-venue-section-title {
    color: var(--hg-olive-dark) !important;
}
.coco-venue-page--haus-garden .coco-venue-section-title::after {
    background: linear-gradient(90deg, var(--hg-terracotta) 0%, var(--hg-sage) 100%) !important;
    height: 2px !important;
}

/* ── Philosophy ───────────────────────────────────────────── */
.coco-venue-page--haus-garden .coco-venue-philosophy { background: var(--hg-cream) !important; }
.coco-venue-page--haus-garden .coco-venue-philosophy-tag {
    color: var(--hg-terracotta) !important;
    border-color: rgba(199, 111, 74, 0.40) !important;
    background: rgba(255, 255, 255, 0.5) !important;
}
.coco-venue-page--haus-garden .coco-venue-philosophy h2 {
    color: var(--hg-olive-dark) !important;
    font-style: italic;
}
.coco-venue-page--haus-garden .coco-venue-philosophy p { color: var(--hg-olive) !important; }

/* ── Offerings ────────────────────────────────────────────── */
.coco-venue-page--haus-garden .coco-venue-offerings { background: var(--hg-cream-soft) !important; }
.coco-venue-page--haus-garden .coco-venue-offering-card {
    background: #FFFFFF !important;
    border: 1px solid var(--hg-line) !important;
    box-shadow: 0 4px 16px rgba(74, 82, 64, 0.05) !important;
    color: var(--hg-olive) !important;
}
.coco-venue-page--haus-garden .coco-venue-offering-card h3 { color: var(--hg-olive-dark) !important; }
.coco-venue-page--haus-garden .coco-venue-offering-card p { color: var(--hg-olive) !important; }
.coco-venue-page--haus-garden .coco-venue-offering-card .offering-icon {
    filter: none !important;
}
.coco-venue-page--haus-garden .coco-venue-offering-card a.offering-link {
    color: var(--hg-terracotta) !important;
    border-bottom: 1px solid rgba(199, 111, 74, 0.4) !important;
}
.coco-venue-page--haus-garden .coco-venue-offering-card a.offering-link:hover {
    color: var(--hg-sage) !important;
    border-bottom-color: var(--hg-sage) !important;
}

/* ── Events strip ─────────────────────────────────────────── */
.coco-venue-page--haus-garden .coco-venue-event-strip { background: transparent !important; }
.coco-venue-page--haus-garden .coco-venue-event-card {
    background: #FFFFFF !important;
    border: 1px solid var(--hg-line) !important;
    box-shadow: 0 4px 12px rgba(74, 82, 64, 0.06) !important;
}
.coco-venue-page--haus-garden .coco-venue-event-card h3 { color: var(--hg-olive-dark) !important; }
.coco-venue-page--haus-garden .coco-venue-event-card p { color: var(--hg-olive) !important; }
.coco-venue-page--haus-garden .coco-venue-event-card button {
    background: var(--hg-terracotta) !important;
    color: #FFFFFF !important;
}
.coco-venue-page--haus-garden .coco-venue-event-badge {
    background: var(--hg-sage) !important;
    color: #FFFFFF !important;
}
.coco-venue-page--haus-garden .coco-venue-no-events { color: var(--hg-olive) !important; }
.coco-venue-page--haus-garden .coco-venue-no-events a { color: var(--hg-terracotta) !important; }

/* ── Experience section ──────────────────────────────────── */
.coco-venue-page--haus-garden .coco-venue-experience { background: var(--hg-cream) !important; }
.coco-venue-page--haus-garden .coco-venue-exp-text h2 { color: var(--hg-olive-dark) !important; }
.coco-venue-page--haus-garden .coco-venue-exp-text p { color: var(--hg-olive) !important; }

/* ── Gallery ──────────────────────────────────────────────── */
.coco-venue-page--haus-garden .coco-venue-gallery { background: var(--hg-cream-soft) !important; }
.coco-venue-page--haus-garden .coco-venue-gallery-grid > div {
    border: 1px solid var(--hg-line);
    box-shadow: 0 4px 16px rgba(74, 82, 64, 0.08);
}

/* ── Perfect-for ──────────────────────────────────────────── */
.coco-venue-page--haus-garden .coco-venue-perfect-for { background: var(--hg-cream) !important; }
.coco-venue-page--haus-garden .coco-venue-perfect-item {
    background: #FFFFFF !important;
    border: 1px solid var(--hg-line) !important;
    color: var(--hg-olive) !important;
}
.coco-venue-page--haus-garden .coco-venue-perfect-item h4 { color: var(--hg-olive-dark) !important; }
.coco-venue-page--haus-garden .coco-venue-perfect-item p { color: var(--hg-olive) !important; }
.coco-venue-page--haus-garden .coco-venue-perfect-item .perfect-icon {
    filter: none !important;
}
.coco-venue-page--haus-garden .coco-venue-concierge {
    background: var(--hg-sage-soft) !important;
    border: 1px dashed rgba(139, 168, 136, 0.5) !important;
    border-radius: 14px;
    padding: 24px;
    margin-top: 32px;
    text-align: center;
}
.coco-venue-page--haus-garden .coco-venue-concierge p {
    color: var(--hg-olive-dark) !important;
    font-style: italic;
    margin-bottom: 14px;
    font-size: 1.05em;
}

/* ── Social / Reels ──────────────────────────────────────── */
.coco-venue-page--haus-garden .coco-venue-social-strip { background: var(--hg-cream) !important; }
.coco-venue-page--haus-garden .coco-venue-social-tile {
    background: #FFFFFF !important;
    border: 1px solid var(--hg-line) !important;
    color: var(--hg-olive) !important;
}

/* ── FAQ + Map ────────────────────────────────────────────── */
.coco-venue-page--haus-garden .coco-venue-faq-map { background: var(--hg-cream-soft) !important; }
.coco-venue-page--haus-garden .coco-venue-faq h3,
.coco-venue-page--haus-garden .coco-venue-map h3 { color: var(--hg-olive-dark) !important; }
.coco-venue-page--haus-garden .coco-venue-faq-item {
    background: #FFFFFF !important;
    border: 1px solid var(--hg-line) !important;
    color: var(--hg-olive) !important;
}
.coco-venue-page--haus-garden .coco-venue-faq-item strong { color: var(--hg-olive-dark) !important; }
.coco-venue-page--haus-garden .coco-venue-faq-item span { color: var(--hg-olive) !important; }
.coco-venue-page--haus-garden .coco-venue-faq-item a,
.coco-venue-page--haus-garden a.hg-link {
    color: var(--hg-terracotta) !important;
    text-decoration: underline;
    text-decoration-color: rgba(199, 111, 74, 0.3);
}
.coco-venue-page--haus-garden .coco-venue-faq-item a:hover,
.coco-venue-page--haus-garden a.hg-link:hover {
    color: var(--hg-sage) !important;
    text-decoration-color: var(--hg-sage);
}
.coco-venue-page--haus-garden .coco-venue-map-box {
    background: var(--hg-cream-soft) !important;
    border: 1px solid var(--hg-line) !important;
    color: var(--hg-olive) !important;
}

/* ── Footer ──────────────────────────────────────────────── */
.coco-venue-page--haus-garden .coco-venue-footer {
    background: var(--hg-olive-dark) !important;
    color: var(--hg-cream) !important;
    text-align: center;
    padding: 32px 16px;
}

/* ── Drop subtle olive-branch motif behind philosophy ────── */
.coco-venue-page--haus-garden .coco-venue-philosophy-inner::before {
    content: "";
    display: block;
    width: 56px;
    height: 1px;
    background: var(--hg-sage);
    margin: 0 auto 18px;
}