/* Masadan sipariş demosu: ortak yazı tipleri, renkler ve bildirimler (menu, panel ve vitrin sayfaları) */
/* Cormorant Garamond ve Great Vibes: SIL OFL 1.1 (fontlar/OFL-*.txt); Latin ve Türkçe karakterlere indirilmiş alt kümeler */
@font-face{font-family:"Cormorant";src:url(/demo/kafe/fontlar/cormorant.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant";src:url(/demo/kafe/fontlar/cormorant-italik.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:"Great Vibes";src:url(/demo/kafe/fontlar/greatvibes.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --serif:"Cormorant","Cormorant Garamond",Georgia,"Times New Roman",serif;
  --script:"Great Vibes","Segoe Script",cursive;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --murekkep:#2b2236;
  --mor:#4b3a72;
  --mor-2:#6a55a0;
  --lavanta:#9f86d4;
  --lavanta-2:#c9bbec;
  --lavanta-3:#efeaf9;
  --altin:#b48a3c;
  --altin-2:#e2c07a;
  --adacayi:#6f8f68;
  --kagit:#fffdf8;
  --gri:#766d84;
  --cizgi:rgba(75,58,114,.16);
  --yesil:#2f8f5b;
  --amber:#c27a12;
  --kirmizi:#c2410c;
}

.ik{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ik-dolu{fill:currentColor;stroke:none}

/* Kısa bildirimler */
.lk-bildirimler{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 12px);transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:min(92vw,420px)}
.lk-bildirim{pointer-events:auto;display:flex;align-items:center;gap:10px;max-width:100%;padding:11px 16px;border-radius:14px;background:rgba(36,28,46,.94);color:#fff;font:500 14px/1.35 var(--sans);box-shadow:0 14px 34px -12px rgba(0,0,0,.5);transform:translateY(-12px);opacity:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .28s}
.lk-bildirim.on{transform:none;opacity:1}
.lk-bildirim .ik{width:18px;height:18px}
.lk-bildirim.iyi{background:rgba(29,92,62,.96)}
.lk-bildirim.kotu{background:rgba(150,40,20,.96)}
@media (prefers-reduced-motion:reduce){.lk-bildirim{transition:opacity .2s}}