/* QR özelliği: yönetim ekranı, A5 masa kartı ve menü sayfasındaki açılır blok.
   Tema token'ları var() ile; QR görselinin kendisi her temada açık zeminde kalır. */
.qr-baslik { margin-bottom: 1rem; }
.qr-ayar { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-end; }
.qr-ayar__alan { min-width: 12rem; }
.qr-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: 1rem; margin-bottom: 1rem; }
.qr-izgara .qr-kart { margin-bottom: 0; }
.qr-kart h2 { font-size: 1rem; }
.qr-onizleme { background: #fff; border: 1px solid var(--cizgi, #ddd8cc); border-radius: 8px; padding: .5rem; max-width: 14rem; margin: 0 auto .75rem; }
.qr-onizleme svg { display: block; width: 100%; height: auto; }
.qr-adres { overflow-wrap: anywhere; font-size: .8rem; }

/* Menü sayfası: "QR ile paylaş" */
.qr-ac { margin-top: var(--bosluk-3, .75rem); border: 1px solid var(--cizgi, #dcd5c9); border-radius: var(--yaricap-m, 10px); background: var(--kagit, #fff); max-width: 22rem; }
.qr-ac__ozet { cursor: pointer; padding: .75rem 1rem; min-height: 44px; display: flex; align-items: center; font-weight: 600; color: var(--baslik, inherit); }
.qr-ac__ozet:focus-visible { outline: 3px solid var(--odak, #c8884f); outline-offset: 2px; }
.qr-ac__govde { padding: 0 1rem 1rem; text-align: center; }
.qr-ac__kod { display: block; width: 12rem; max-width: 100%; height: auto; margin: 0 auto .5rem; background: #fff; padding: .5rem; border-radius: 8px; border: 1px solid var(--cizgi, #dcd5c9); }
.qr-ac__not { margin: 0; font-size: .875rem; color: var(--metin-soluk, inherit); }

/* A5 masa kartı (daima açık, marka renkleri) */
.qr-sayfa { margin: 0; background: #ebe6dd; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #221f1c; }
.qr-arac { display: flex; gap: 1rem; align-items: center; justify-content: center; padding: 1rem; }
.qr-arac__bag { color: #2b2724; }
.qr-arac__dugme { min-height: 44px; padding: .5rem 1.25rem; font: inherit; font-weight: 700; background: #c8884f; color: #1c1917; border: 1px solid #7a4420; border-radius: 8px; cursor: pointer; }
.qr-a5 { box-sizing: border-box; width: 148mm; min-height: 210mm; margin: 0 auto 2rem; background: #f6f3ee; display: flex; flex-direction: column; box-shadow: 0 4px 24px rgba(0, 0, 0, .25); -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.qr-a5__ust { background: #2b2724; border-bottom: 3mm solid #c8884f; padding: 9mm 10mm; text-align: center; }
.qr-a5__logo { display: inline-block; max-height: 24mm; max-width: 100%; width: auto; height: auto; }
.qr-a5__marka { color: #f6f3ee; font-size: 9mm; font-weight: 800; letter-spacing: .02em; }
.qr-a5__govde { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 8mm 10mm; text-align: center; }
.qr-a5__baslik { margin: 0; font-size: 11mm; line-height: 1.1; color: #2b2724; }
.qr-a5__sube { margin: 2mm 0 6mm; font-size: 5.5mm; font-weight: 700; color: #7a4420; }
.qr-a5__kod { width: 84mm; height: 84mm; background: #fff; padding: 3mm; border: .6mm solid #2b2724; border-radius: 3mm; box-sizing: content-box; }
.qr-a5__kod svg { display: block; width: 100%; height: 100%; }
.qr-a5__not { margin: 6mm 0 0; font-size: 4.2mm; color: #55504a; }
.qr-a5__alt { background: #2b2724; color: #e6bf99; text-align: center; padding: 4mm 6mm; font-size: 3.6mm; overflow-wrap: anywhere; }

@page { size: A5 portrait; margin: 0; }
@media print {
  .qr-sayfa { background: #f6f3ee; }
  .qr-arac { display: none; }
  .qr-a5 { width: 148mm; height: 210mm; min-height: 0; margin: 0; box-shadow: none; page-break-inside: avoid; break-inside: avoid; }
}
@media screen and (max-width: 600px) {
  .qr-a5 { width: auto; min-height: 0; }
  .qr-a5__kod { width: min(70vw, 84mm); height: min(70vw, 84mm); }
}