/* style.css — İzmir Boya Badana | app benzeri mobil deneyim */

:root { --app-cta-h: 78px; }

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
.container { max-width: 1280px; }

/* Mobilde alt sabit CTA barı için boşluk + çentik (safe-area) desteği */
@media (max-width: 767px) {
  body { padding-bottom: calc(var(--app-cta-h) + env(safe-area-inset-bottom)); }
  .app-cta-bar { padding-bottom: env(safe-area-inset-bottom); }
}

/* Üst app-bar yalnızca mobilde sticky hissi versin, masaüstünde sade kalsın */
@media (min-width: 768px) {
  .app-topbar { position: static; }
}

/* Dokunmatik geri bildirim */
a, button { -webkit-tap-highlight-color: transparent; }

/* ---- SSS Akordeon ---- */
.bb-faq-a {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .28s ease;
}
.bb-faq-a > div { overflow: hidden; }
.bb-faq.open .bb-faq-a { grid-template-rows: 1fr; }
.bb-faq.open .bb-faq-ico { transform: rotate(180deg); }
.bb-faq-q { cursor: pointer; }

/* ---- Scroll reveal ---- */
.bb-reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .5s ease, transform .5s ease;
  will-change: opacity, transform;
}
.bb-reveal.in { opacity: 1; transform: none; }

/* Hareketi azalt tercihine saygı */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .bb-reveal { opacity: 1; transform: none; transition: none; }
  .bb-faq-a { transition: none; }
}

/* Görsellerin geç yüklemede zıplamaması için yumuşak geçiş */
img { background: #eef2f7; }