/* Tarihi Foça Simit Fırını — Stil Dosyası (css/style.css) */
:root {
  --bg-cream: #faf6f0;
  --text-dark: #1e120b;
  --accent-gold: #b87324;
  --border-warm: #e6dac8;
}

*, *::before, *::after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background-color: var(--bg-cream);
  color: var(--text-dark);
}

body.has-bottom-nav {
  padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
}

@media (min-width: 768px) {
  body.has-bottom-nav {
    padding-bottom: 0;
  }
}

.font-serif-title {
  font-family: 'Playfair Display', Georgia, serif;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f3ece2;
}
::-webkit-scrollbar-thumb {
  background: #c08238;
  border-radius: 9999px;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.glass-nav {
  background: rgba(250, 246, 240, 0.96);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.glass-bottom-bar {
  background: rgba(24, 14, 8, 0.98);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

.hero-surface {
  background: radial-gradient(circle at 20% 20%, #382012 0%, #1c0f08 70%, #140a05 100%);
}

.hero-gradient {
  background: linear-gradient(
    180deg,
    rgba(22, 11, 5, 0.52) 0%,
    rgba(22, 11, 5, 0.78) 55%,
    rgba(22, 11, 5, 0.95) 100%
  );
}

.card-zoom:hover .zoom-img {
  transform: scale(1.04);
}

/* Kırık görsel (henüz yüklenmemiş fotoğraf) durumunda asla çirkin [?] ikonu gösterme */
img.img-fallback-hidden {
  display: none !important;
}

.fallback-thumb {
  background: linear-gradient(135deg, #f3e9dc 0%, #e5d3bc 100%);
  color: #7c4a1e;
}

/* iOS Safari otomatik yakınlaştırmayı önlemek için mobilde 16px input */
@media (max-width: 640px) {
  input, select, textarea {
    font-size: 16px !important;
  }
  .mobile-qr-sticky-cats {
    position: sticky;
    top: 56px;
    z-index: 30;
    background: rgba(250, 246, 240, 0.97);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 8px 0.875rem;
    margin-left: -0.875rem;
    margin-right: -0.875rem;
    border-bottom: 1px solid rgba(140, 90, 35, 0.14);
  }
}