/* /css/style.css */
:root{
  --emerald-900:#064e3b;
  --emerald-800:#065f46;
  --emerald-600:#059669;
}

html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}

/* Hero background */
.hero-bg{
  background-image:
    linear-gradient(rgba(6,78,59,.85),rgba(6,78,59,.7)),
    url("https://images.unsplash.com/photo-1587351021759-3e566b9af923?auto=format&fit=crop&w=1920&q=80");
  background-size:cover;
  background-position:center;
}

/* Mobile menu animation */
#mobile-menu{
  transition:transform .3s ease-in-out, opacity .3s ease-in-out;
  transform-origin:top;
}
.hidden-menu{transform:scaleY(0);opacity:0;height:0;overflow:hidden}
.visible-menu{transform:scaleY(1);opacity:1;height:auto}

/* WhatsApp floating + popup */
.wa-fab{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  display:flex;
  gap:10px;
  align-items:center;
  padding:12px 14px;
  border-radius:999px;
  background:#16a34a;
  color:#fff;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.wa-fab:hover{filter:brightness(.95)}
.wa-backdrop{
  position:fixed; inset:0;
  background:rgba(0,0,0,.35);
  z-index:9998;
  display:none;
}
.wa-modal{
  position:fixed;
  right:18px;
  bottom:80px;
  width:min(360px, calc(100vw - 36px));
  background:#fff;
  border-radius:18px;
  box-shadow:0 18px 50px rgba(0,0,0,.2);
  z-index:9999;
  display:none;
  overflow:hidden;
}
.wa-modal header{
  background:#064e3b;
  color:#fff;
  padding:14px 16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.wa-modal .content{padding:14px 16px}
.wa-btn{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid #e5e7eb;
  font-weight:700;
}
.wa-btn:hover{background:#f8fafc}
.wa-muted{font-size:12px;color:#64748b;font-weight:600}