/*
Theme Name: HW Realty Hello Child
Template: hello-elementor
Version: 1.0.2
*/

/* --- THE LIQUID GLASS ENGINE --- */
:root {
  --liquid-gold: #797256;
  --bg-cream: #F5F3F0;
  --liquid-ease: cubic-bezier(0.23, 1, 0.32, 1);
}

body {
  font-family: 'Inter', sans-serif !important;
  background-color: var(--bg-cream);
  transition: background-color 0.5s var(--liquid-ease);
}

/* --- LANGUAGE SWITCHER LOGIC --- */
/* By default, hide Spanish if body doesn't have .is-es */
.lang-es { display: none; }
body.is-es .lang-es { display: inline-block; }
body.is-es .lang-en { display: none; }

/* Styles for the switcher buttons */
.lang-switch-en, .lang-switch-es { cursor: pointer; opacity: 0.5; transition: all 0.3s; }
body.is-en .lang-switch-en { opacity: 1; color: var(--liquid-gold); font-weight: bold; }
body.is-es .lang-switch-es { opacity: 1; color: var(--liquid-gold); font-weight: bold; }

/* --- DARK MODE ELEMENTOR OVERRIDES --- */
.dark body { background-color: #020617; color: #f8fafc; }
.dark .elementor-heading-title { color: #ffffff !important; }
.dark .glass-card { background: rgba(255,255,255,0.05) !important; border-color: rgba(255,255,255,0.1) !important; }

/* --- REVEAL SYSTEM --- */
.reveal { opacity: 0; transform: translateY(30px); transition: opacity 1.2s var(--liquid-ease), transform 1.2s var(--liquid-ease); }
.reveal.active { opacity: 1 !important; transform: translateY(0) !important; }

/* --- GLASS CARD --- */
.glass-card { transition: all 0.6s var(--liquid-ease) !important; backdrop-filter: blur(16px); position: relative; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.4) !important; background: rgba(255, 255, 255, 0.25) !important; }
.glass-card:hover { transform: translateY(-10px) scale(1.01) !important; backdrop-filter: blur(25px) saturate(1.2) !important; }

/* --- SHIMMER BUTTON --- */
.btn-liquid-glass { position: relative; overflow: hidden !important; backdrop-filter: blur(16px); transition: all 0.6s var(--liquid-ease) !important; }
.btn-liquid-glass::after { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); transition: left 0.8s var(--liquid-ease); }
.btn-liquid-glass:hover::after { left: 100%; }