/* =====================================================================
   San Antonio Aquarium theme — recolors the shared Houston house style.
   The dark cream base stays; only the accent + primary CTA change.
   Scoped under .sanantonio-theme so Houston is untouched.
   Accent: water blue.  Primary CTA: warm coral.
   ===================================================================== */

.houston-site-body.sanantonio-theme {
    --houston-teal: #2aa4c4;
    --houston-coral: #e0573c;
    --houston-coral-hover: #cb4527;
    --houston-coral-shadow: rgba(224, 87, 60, 0.3);
    --sa-primary: #e0573c;
    --sa-primary-hover: #cb4527;
}

.houston-site-body.sanantonio-theme .houston-site-logo-o {
    color: var(--sa-primary);
}

.houston-site-body.sanantonio-theme .houston-site-btn-primary {
    background: var(--sa-primary);
    border-color: var(--sa-primary);
}

.houston-site-body.sanantonio-theme .houston-site-btn-primary:hover,
.houston-site-body.sanantonio-theme .houston-site-btn-primary:focus-visible {
    background: var(--sa-primary-hover);
    border-color: var(--sa-primary-hover);
}

/* VIP Experiences hero: photo banner background (webp with jpg fallback).
   A dark gradient overlay keeps the light hero text readable over the image. */
.houston-events-page .houston-events-hero.sa-vip-hero {
    background-color: #073456;
    background-image:
        linear-gradient(135deg, rgba(7, 38, 64, 0.82), rgba(8, 29, 48, 0.55)),
        url("/static/images/san%20antonio/vip/vip_banner.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Hide the decorative teal glow so it doesn't muddy the photo. */
.houston-events-page .houston-events-hero.sa-vip-hero::after {
    display: none;
}