/* Smart AI Home - light Apple-style theme (homepage) */
:root {
  --brand: #007aff;
  --brand-hover: #0066dd;
  --bg: #f5f8fa;
  --surface: #ffffff;
  --text: #1d1d1f;
  --muted: #6e6e73;
  --border: #e5e5ea;
  --hero-from: #eef5ff;
  --hero-to: #ffffff;
  --radius-xl: 2rem;
  --shadow-soft: 0 24px 60px -20px rgba(0, 0, 0, 0.12);
}

body.theme-apple {
  background: var(--bg);
  color: var(--text);
}

body.theme-apple .hero-bg,
body.theme-apple .hero-light {
  background: linear-gradient(180deg, var(--hero-from) 0%, var(--hero-to) 55%, var(--bg) 100%);
}

body.theme-apple .bg-zinc-950,
body.theme-apple.bg-zinc-950 {
  background-color: var(--bg) !important;
}

body.theme-apple .bg-black {
  background-color: var(--surface) !important;
}

body.theme-apple nav.bg-black {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(12px);
  border-bottom-color: var(--border) !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}

body.theme-apple #mobileMenu.bg-black {
  background: var(--surface) !important;
}

body.theme-apple .bg-zinc-900,
body.theme-apple .bg-white\/5 {
  background-color: var(--surface) !important;
}

body.theme-apple .text-white,
body.theme-apple strong.text-white {
  color: var(--text) !important;
}

body.theme-apple .text-white\/90 {
  color: #424245 !important;
}

body.theme-apple .text-white\/80,
body.theme-apple .text-white\/75,
body.theme-apple .text-white\/70,
body.theme-apple .text-white\/60,
body.theme-apple .text-white\/55,
body.theme-apple .text-white\/50,
body.theme-apple .text-white\/40 {
  color: var(--muted) !important;
}

body.theme-apple .text-cyan-400,
body.theme-apple .text-cyan-300,
body.theme-apple .text-cyan-300\/90,
body.theme-apple .hover\:text-cyan-400:hover,
body.theme-apple .group-hover\:text-cyan-400 {
  color: var(--brand) !important;
}

body.theme-apple .border-white\/10,
body.theme-apple .border-white\/20,
body.theme-apple .border-white\/30 {
  border-color: var(--border) !important;
}

body.theme-apple .bg-cyan-400,
body.theme-apple .btn-brand {
  background-color: var(--brand) !important;
  color: #fff !important;
}

body.theme-apple .bg-cyan-400:hover,
body.theme-apple .hover\:bg-cyan-300:hover,
body.theme-apple .btn-brand:hover {
  background-color: var(--brand-hover) !important;
}

body.theme-apple .section-header::after {
  background: var(--brand);
}

body.theme-apple .faq-details summary::after {
  color: var(--brand);
}

body.theme-apple .group-hover\:bg-white.group-hover\:text-black:hover,
body.theme-apple a.group-hover\:bg-white:hover {
  background: var(--brand) !important;
  color: #fff !important;
  border-color: var(--brand) !important;
}

body.theme-apple .hover\:border-white:hover {
  border-color: var(--brand) !important;
}

body.theme-apple .hover\:bg-white\/5:hover,
body.theme-apple .hover\:bg-white\/10:hover,
body.theme-apple .hover\:bg-white\/20:hover {
  background: #f0f4f8 !important;
}

body.theme-apple .bg-white\/10 {
  background: #eef2f7 !important;
}

body.theme-apple .bg-gradient-to-br.from-zinc-900.to-black,
body.theme-apple .from-zinc-900 {
  background: linear-gradient(135deg, #eef5ff 0%, #ffffff 100%) !important;
}

body.theme-apple .bg-gradient-to-br.from-cyan-400\/10.to-zinc-900 {
  background: linear-gradient(135deg, rgba(0, 122, 255, 0.08) 0%, #ffffff 100%) !important;
}

body.theme-apple footer.bg-black {
  background: #f0f2f5 !important;
  border-top-color: var(--border) !important;
}

body.theme-apple .siri-gradient-dot {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 9999px;
  background: conic-gradient(from 180deg, #5ac8fa, #007aff, #5856d6, #ff2d55, #ff9500, #5ac8fa);
}

body.theme-apple .btn-outline {
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--border);
}

body.theme-apple .btn-outline:hover {
  background: #f5f5f7;
  border-color: #d1d1d6;
}

body.theme-apple .pill-nav-link {
  color: #424245;
  font-weight: 500;
}

body.theme-apple .pill-nav-link:hover {
  color: var(--brand);
}

body.theme-apple .hero-card-float {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: var(--shadow-soft);
}

body.theme-apple .suburb-chip {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}

body.theme-apple .nav-services > div {
  background: var(--surface) !important;
  border-color: var(--border) !important;
  box-shadow: var(--shadow-soft);
}

body.theme-apple .nav-logo-sub {
  color: var(--muted) !important;
}

body.theme-apple .text-emerald-400 {
  color: #34c759 !important;
}

body.theme-apple .bg-emerald-400 {
  background: #34c759 !important;
  color: #fff !important;
}

body.theme-apple .text-amber-400 {
  color: #ff9500 !important;
}

body.theme-apple .bg-amber-400 {
  background: #ff9500 !important;
}

body.theme-apple input,
body.theme-apple select,
body.theme-apple textarea {
  background: var(--surface) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

body.theme-apple input::placeholder,
body.theme-apple textarea::placeholder {
  color: #aeaeb2 !important;
}

body.theme-apple #stories.bg-black {
  background: linear-gradient(180deg, #eef5ff 0%, #f5f8fa 100%) !important;
}

body.theme-apple #faq.bg-black {
  background: var(--surface) !important;
}

body.theme-apple #melbourne-suburbs.bg-black {
  background: var(--bg) !important;
}

body.theme-apple .rounded-3xl.bg-zinc-900,
body.theme-apple .rounded-3xl.bg-white\/5 {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
}

body.theme-apple .text-slate-900 {
  color: #1d1d1f !important;
}

body.theme-apple .text-slate-800 {
  color: #1d1d1f !important;
}

body.theme-apple .text-slate-700 {
  color: #424245 !important;
}

body.theme-apple .bg-blue-50\/80 {
  background: rgba(0, 122, 255, 0.08) !important;
}

body.theme-apple .border-blue-100 {
  border-color: rgba(0, 122, 255, 0.15) !important;
}

body.theme-apple .shadow-blue-500\/20 {
  --tw-shadow-color: rgba(0, 122, 255, 0.15);
}
