/*
 * 03-vibes.css
 *
 * Miami Cool visual layer — Miami Tide palette (teal/cyan/navy) applied over
 * Houzez. Retinted from the retired Vice City Sunset scheme (2026-06-22).
 *
 * Dark mode was RETIRED 2026-07-04: body.mcr-night is no longer set (the toggle
 * was removed from mcr/vibes.php), so all .mcr-night CSS has been deleted from
 * this sheet. The site is now light-first.
 */

/* ════════════════════════════════════════════════════════════════════════
 *  LIGHT MODE polish (always applied)
 * ════════════════════════════════════════════════════════════════════════ */

/* Hero sections: subtle sunset wash overlay */
.section-hero,
.house-hero-cover,
.hero-banner {
    position: relative;
}

/* Sticky header — give it a touch of frosted-glass when scrolled */
.header-container.fixed,
.header-container.is-stuck {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, .92) !important;
}

/* Houzez primary buttons → sunset gradient (replaces the green) */
.houzez-btn-primary,
.btn-primary-color,
.button.bg-primary,
button[type="submit"].btn-primary,
.houzez-deal-of-week .houzez-btn-primary,
.elementor-button-wrapper .elementor-button-link.elementor-button.elementor-size-md {
    background: var(--mcr-sunset, linear-gradient(135deg, #06b6d4, #0a7286, #0a6f82)) !important;
    border: none !important;
    color: #fff !important;
    transition: transform .24s var(--mcr-ease, cubic-bezier(.22,.61,.36,1)), box-shadow .24s var(--mcr-ease);
}
.houzez-btn-primary:hover,
.btn-primary-color:hover,
.button.bg-primary:hover,
button[type="submit"].btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(10,138,160, .35);
}

/* Property tag chips (active, for-sale, etc.) — Miami Tide teal */
.label-status,
.tag-status {
    background: var(--mcr-teal, #0a7286) !important;
    color: #fff !important;
}

/* A11y: Houzez grey-outlined buttons (modal/panel "Close" etc.) ship a #8b9898
   label = 2.98:1 on white. Darken to a WCAG-AA muted grey (#5f6b7a = 5.4:1). */
.btn-grey-outlined {
    color: #5f6b7a !important;
}