@charset "UTF-8";

/* Tüm sayfalarda ortak: renkler, fontlar, temel sıfırlama.
   Fontlar (Playfair Display, Source Sans 3) her sayfanın <head>'inde Google Fonts'tan yüklenir. */

:root {
  --font-heading: "Playfair Display", serif;
  --font-body: "Source Sans 3", sans-serif;

  --dark: #111b1e;
  --light: #ffffff;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

html, body { margin: 0; background: var(--light); }

body {
  font-family: var(--font-body);
  color: var(--dark);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); font-weight: 400; margin: 0; }

img { max-width: 100%; }

/* Mobil: dokunmada gri parlama olmasın, çift dokunma gecikmesi olmasın */
a, button {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

/* Sayfadan sayfaya akıcı geçiş (destekleyen tarayıcılarda; desteklemeyende normal açılır) */
@view-transition { navigation: auto; }

::view-transition-old(root) { animation: sayfa-cik 0.15s ease-out both; }
::view-transition-new(root) { animation: sayfa-gir 0.18s ease-out both; }

@keyframes sayfa-cik { to { opacity: 0; } }
@keyframes sayfa-gir { from { opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) { animation: none !important; }
}

/* Çerez / KVKK bildirimi (js/cerez.js ekler). Menü sayfalarında alt menünün üstünde durur. */
.cerez {
  position: fixed;
  left: 0;
  right: 0;
  margin-inline: auto;   /* translateX(-50%) yerine: yarım piksele düşüp yazıyı bulanıklaştırmasın */
  bottom: var(--cerez-alt, max(16px, env(safe-area-inset-bottom)));
  z-index: 50;
  display: grid;
  gap: 12px;
  width: calc(100% - 24px);
  max-width: 520px;
  padding: 14px 16px;
  border-radius: 16px;
  background: #fff;
  color: #111b1e;
  font-family: var(--font-body);
  box-shadow: 0 12px 40px -12px rgba(17, 27, 30, 0.45), 0 0 0 1px rgba(17, 27, 30, 0.06);
  animation: cerez-gir 0.25s ease-out var(--cerez-gecikme, 0.4s) backwards;
}

.cerez.is-kapaniyor { opacity: 0; transition: opacity 0.2s ease; }

.cerez__metin strong { display: block; margin-bottom: 3px; font-size: 14px; font-weight: 600; }
.cerez__metin p { margin: 0; font-size: 13px; line-height: 1.45; color: #5f6b6e; }

.cerez__butonlar { display: flex; gap: 8px; }

.cerez__butonlar button {
  flex: 1;
  height: 44px;
  border: 0;
  border-radius: 999px;
  font: inherit;
  font-size: 14.5px;
  font-weight: 600;
  cursor: pointer;
}

.cerez__reddet { background: #e8ebec; color: #111b1e; }
.cerez__kabul { background: #111b1e; color: #fff; }

@keyframes cerez-gir { from { opacity: 0; transform: translateY(8px); } }

@media (prefers-reduced-motion: reduce) {
  .cerez { animation: none; }
}