/*
 * Klasik tanıtım (index.php) görünümü: "kapanıştan önceki sakin saat". Sıcaklık mekândan ve ışıktan (akşam tonlu mekân
 * fotoğrafı), ciddiyet düzenden (resmî belge gibi takvim, hizalı rakamlar). tanitim.css'in üstüne yüklenir; yalnız .tp-klasik.
 * Renkler: akşam taşı zemin, ceviz yazı, mühür yeşili düğme, pirinç tek vurgu (bugün ve fiyat), keten belge yüzeyi.
 * Yazı: Young Serif (başlık) + Source Sans 3 (gövde), ikisi de yerel (assets/fonts, OFL).
 */
@font-face { font-family: "Young Serif"; font-weight: 400; font-display: swap; src: url(fonts/young-serif-latin-ext-400.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Young Serif"; font-weight: 400; font-display: swap; src: url(fonts/young-serif-latin-400.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Sans 3"; font-weight: 400; font-display: swap; src: url(fonts/source-sans-3-latin-ext-400.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Source Sans 3"; font-weight: 400; font-display: swap; src: url(fonts/source-sans-3-latin-400.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Sans 3"; font-weight: 600 700; font-display: swap; src: url(fonts/source-sans-3-latin-ext-600.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Source Sans 3"; font-weight: 600 700; font-display: swap; src: url(fonts/source-sans-3-latin-600.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Sayfanın tamamı aynı taş zeminde; tam genişlik fotoğraf yatay kaydırma açmasın */
html:has(.tp-klasik) { overflow-x: clip; }
body:has(.tp-klasik) { background: #e9e4da; font-family: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #2a221c; }
body:has(.tp-klasik) .topbar { background: #e9e4da; border-bottom-color: #d6cdbf; }
body:has(.tp-klasik) .btn { background: #1f5c43; border-color: #1f5c43; }
body:has(.tp-klasik) .site-foot, body:has(.tp-klasik) .site-foot a { color: #4a3f36; }
body:has(.tp-klasik) .btn:hover { background: #174733; border-color: #174733; }

.tp-klasik {
  --paper: #e9e4da; --white: #f6f2ea; --ink: #2a221c; --ink-soft: #4a3f36; --rule: #d3cabb;
  --green: #1f5c43; --green-soft: #e0d8ca; --brass: #a77b2e; --saffron: #7d5a1c; --saffron-soft: #efe2c6;
  --display: "Young Serif", "Iowan Old Style", Georgia, serif;
  font-size: 1.06rem;
}
.tp-klasik h1, .tp-klasik h2, .tp-klasik h3 { font-weight: 400; letter-spacing: -0.01em; }
.tp-klasik p, .tp-klasik li { line-height: 1.65; }

/* Açılış: akşam ışığında boş salon, solda iddia, sağda gerçek menü ekranı */
.tp-klasik .tp-hero { position: relative; padding-block: clamp(56px, 9vw, 120px); margin-bottom: clamp(32px, 5vw, 56px); color: #f6f2ea; }
.tk-photo { position: absolute; z-index: -1; inset-block: 0; left: 50%; width: 100vw; translate: -50% 0; overflow: hidden; background: #2a221c; }
.tk-photo img { width: 100%; height: 100%; object-fit: cover; filter: sepia(.6) saturate(1.35) brightness(.58) contrast(1.06); }
/* Metin tarafı koyulaşır (okunurluk), ışıklar sağda kalır */
.tk-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(34, 27, 22, .9) 0%, rgba(34, 27, 22, .72) 42%, rgba(34, 27, 22, .2) 100%); }
html[dir="rtl"] .tk-photo::after { transform: scaleX(-1); }
.tp-klasik .tp-hero h1 { font-size: clamp(2.4rem, 5.6vw, 4.2rem); line-height: 1.06; max-width: 13em; }
.tp-klasik .tp-lede { color: #e4dccf; font-size: 1.16rem; max-width: 32em; }
.tp-klasik .tp-fine { color: #cfc5b6; }
.tp-klasik .tp-hero .btn.ghost { background: transparent; color: #f6f2ea; border-color: rgba(246, 242, 234, .6); }
.tp-klasik .tp-hero .btn.ghost:hover { background: rgba(246, 242, 234, .1); border-color: #f6f2ea; }
.tp-klasik .tp-hero .btn:focus-visible { outline: 2px solid #f6f2ea; outline-offset: 3px; }
.tp-klasik .tp-qr { background: #f6f2ea; border-color: transparent; color: var(--ink); }
.tp-klasik .tp-phone-wrap::before { display: none; }
.tp-klasik .tp-phone { rotate: 0deg; color: var(--ink); box-shadow: 0 40px 80px -24px rgba(0, 0, 0, .7); }
.tp-klasik .tp-phone:hover { rotate: 0deg; translate: 0 -4px; }

/* Takvim: resmî bir yazı gibi, keten kâğıt üstünde; tek vurgu pirinç "bugün" */
.tp-klasik .tp-time { background: var(--white); border: 1px solid var(--rule); border-radius: 22px; padding: clamp(24px, 4vw, 44px); box-shadow: 0 1px 0 rgba(42, 34, 28, .04); }
.tp-klasik .tp-time h2 { font-size: clamp(1.5rem, 3vw, 2rem); }
.tp-klasik .tp-progress, .tp-klasik .tp-today i { background: var(--brass); }
.tp-klasik .tp-today i { box-shadow: 0 0 0 5px var(--saffron-soft); }
.tp-klasik .tp-stop::before { background: var(--white); }

/* Adımlar: kart yığını değil, sakin iki sütun */
.tp-klasik .tp-step h2, .tp-klasik .tp-gallery h2 { font-size: clamp(1.7rem, 3.4vw, 2.4rem); }
.tp-klasik .tp-step li .ic { color: var(--green); }
.tp-klasik .tp-a4, .tp-klasik .tp-card, .tp-klasik .tp-ticket { background: var(--white); }
/* Sakin ve düzenli: belge ve ekran görselleri düz durur */
.tp-klasik .tp-a4, .tp-klasik .tp-shot img, .tp-klasik .tp-shot:first-child img, .tp-klasik .tp-shot:last-child img { rotate: none; }
.tp-klasik .tp-shot:nth-child(2) { translate: none; }

/* Fiyat: aynı keten belge, rakamlar hizalı */
.tp-klasik .pk { --pk-ink: #2a221c; --pk-soft: #5a4e44; --pk-rule: rgba(42, 34, 28, .16); --pk-card: #f6f2ea; --pk-mark: #1f5c43; }
.tp-klasik .pk-head h2, .tp-klasik .pk-price { font-family: var(--display); font-weight: 400; }
.tp-klasik .pk-main, .tp-klasik .pk-card { border-radius: 22px; }
.tp-klasik .pk-main { border: 1px solid #2a221c; }

/* Kapanış: aynı günün akşamı, bar lambaları yanık; tek ortalı cümle */
.tp-klasik .tp-end { position: relative; isolation: isolate; overflow: hidden; background: #2a221c; color: #f6f2ea; border-radius: 22px; text-align: center;
  padding: clamp(48px, 9vw, 112px) clamp(20px, 5vw, 64px); }
.tp-klasik .tp-end .tk-photo { left: 0; width: 100%; translate: none; }
.tp-klasik .tp-end .tk-photo img { filter: sepia(.7) saturate(1.4) brightness(.42) contrast(1.08); }
.tp-klasik .tp-end .tk-photo::after { background: radial-gradient(ellipse at center, rgba(34, 27, 22, .55), rgba(34, 27, 22, .85)); }
.tp-klasik .tp-end h2 { font-size: clamp(1.8rem, 4vw, 2.8rem); }
.tp-klasik .tp-end p { color: #e4dccf; margin-inline: auto; }
.tp-klasik .tp-end .tp-actions { justify-content: center; }
.tp-klasik .tp-end .btn.ghost { background: transparent; color: #f6f2ea; border-color: rgba(246, 242, 234, .6); }

@media (max-width: 760px) {
  .tp-klasik .tp-hero { padding-block: 40px 48px; }
  .tk-photo::after { background: linear-gradient(180deg, rgba(34, 27, 22, .88) 0%, rgba(34, 27, 22, .8) 55%, rgba(34, 27, 22, .55) 100%); }
}
@media (forced-colors: active) { .tk-photo { display: none; } .tp-klasik .tp-hero, .tp-klasik .tp-end { color: CanvasText; } }