/* Cheddar's — WordPress uygulamasına özgü eklemeler.
   Tasarım sistemi (tokens/components/site.css) Claude Design teslimatından birebir alındı; burada sadece
   tasarımın statik çizimde göstermediği durumlar (dialog, gizli/açık durumlar, WP yönetim çubuğu) var. */

[hidden] { display: none !important; } /* bileşenlerin display değerleri hidden özniteliğini ezmesin */
html { scroll-behavior: smooth; }
.ch-card__title a { color: inherit; text-decoration: none; }
.ch-card__title a:hover { text-decoration: underline; text-decoration-color: var(--cheddar); text-decoration-thickness: 3px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { background: var(--cream); }
img { max-width: 100%; }
.wp-site-blocks { padding: 0; }
:where(.wp-site-blocks) > * { margin-block: 0; }
button.ch-channel, button.ch-menu__item { font-family: var(--font-sans); cursor: pointer; }
.ch-btn[aria-disabled="true"] { pointer-events: none; }

/* Erişilebilirlik: içeriğe geç bağlantısı */
.ch-skip { position: absolute; left: 12px; top: -60px; z-index: 100; padding: 10px 16px; background: var(--cheddar); color: var(--ink); border: 2px solid var(--ink); border-radius: var(--radius-md); font: 700 15px/20px var(--font-sans); }
.ch-skip:focus { top: 12px; }

/* Footer başlıkları: tasarımda h4; sayfa hiyerarşisi için h2 + aynı stil */
.ch-footer__h { margin: 0 0 var(--space-3); font: 750 18px/1.2 var(--font-display); color: var(--cheddar); }
.pw-card__h { margin: 0; font: 800 52px/1 var(--font-display); letter-spacing: -.015em; }
@media (max-width: 760px) { .pw-card__h { font-size: 34px; } }

/* Mobil çekmece. Başlık 1024 px altında mobil düzene geçer: masaüstü menü + 3 düğme tablet genişliğine sığmıyor. */
.ch-drawer[hidden] { display: none; }
@media (min-width: 1024px) { .ch-drawer { display: none !important; } }
@media (max-width: 1023px) {
  .ch-header .d-only { display: none !important; }
  .ch-header .m-only { display: flex !important; }
}

/* Kategori çipleri: kaydırırken aktif kategori */
.ch-chip[aria-current="true"] { background: var(--cheddar); border-color: var(--ink); box-shadow: 2px 2px 0 var(--ink); }
.ch-chip[aria-current="true"] .ch-chip__n { color: var(--ink); }
/* İletişim konu seçimi (radio) */
.ch-chip--radio:has(input:checked) { background: var(--cheddar); border-color: var(--ink); box-shadow: 2px 2px 0 var(--ink); }
.ch-chip--radio:has(input:focus-visible) { outline: 3px solid var(--ink); outline-offset: 3px; }
.ch-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Ürün kartları eşit boyda: satırdaki kartlar uzar, başlık 2 satır / açıklama 3 satır yer ayırır,
   fiyat + buton her kartta en altta hizalı. */
.grid-4.prod { align-items: stretch; }
.prod .ch-card { height: 100%; }
.prod .ch-card__title { height: 2.4em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.prod .ch-card__desc { min-height: 60px; }
.ch-card__more.is-placeholder { visibility: hidden; }
/* Açık "Sipariş ver" menüsü sonraki kartların altında kalmasın: kartın hover transform'u yeni bir
   katman (stacking context) açtığı için menünün z-index'i kart dışında işe yaramaz; kartı öne al. */
.ch-card.has-open-menu, .ch-card:has(.ch-order__btn[aria-expanded="true"]) { z-index: var(--z-pop); }
.ch-card.has-open-menu { transform: none; }
.ch-order .ch-menu { min-width: 264px; }
.ch-menu__item { white-space: nowrap; }
.prod .ch-card__foot { flex-wrap: nowrap; gap: var(--space-2); }
.prod .ch-card__foot .ch-btn--sm { padding: 0 12px; }
/* Tablette 4 sütunlu kart fiyat + "Sipariş ver" için dar (~180px gerekir): düğme fiyatın altına iner, kartın dışına taşmaz. */
@media (min-width: 761px) and (max-width: 1023px) { .prod .ch-card__foot { flex-wrap: wrap; } }
@media (max-width: 760px) {
	.prod .ch-card { height: auto; min-height: 172px; }
	.prod .ch-card__desc { min-height: 40px; }
}

/* Footer'ın peynir damlası, üstündeki son bölümün renginde olsun (dikiş görünmesin). */
.ch-drip-edge svg { display: block; width: 100%; height: 34px; }
main:has(> section:last-of-type.sec--alt) ~ .ch-drip-edge--footer, main:has(> .wp-block-post-content > :last-child.sec--alt) ~ .ch-drip-edge--footer { color: var(--cream-200) !important; }
main:has(> section:last-of-type.sec--cheddar) ~ .ch-drip-edge--footer, main:has(> .wp-block-post-content > :last-child.sec--cheddar) ~ .ch-drip-edge--footer { color: var(--cheddar) !important; }
main:has(> section:last-of-type.sec--toast) ~ .ch-drip-edge--footer, main:has(> .wp-block-post-content > :last-child.sec--toast) ~ .ch-drip-edge--footer { color: var(--toast-100) !important; }
main:has(> section:last-of-type.sec--ink) ~ .ch-drip-edge--footer, main:has(> .wp-block-post-content > :last-child.sec--ink) ~ .ch-drip-edge--footer { color: var(--ink) !important; }

/* Hero ürün fotoğrafı */
.hero__media { overflow: visible; }
.hero__media.has-img, .pw-card__media.has-img { padding: 0; }
.hero__media.has-img > img, .pw-card__media.has-img > img { width: 100%; height: 100%; object-fit: cover; border-radius: 26px; display: block; }

/* Instagram şeridi */
.ig__tile { display: block; border-radius: var(--radius-md); overflow: hidden; }
.ig__tile img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; transition: transform .2s ease; }
.ig__tile:hover img { transform: scale(1.04); }

/* Menü: "daha fazla göster" ve arama */
.cat:not(.is-open) .is-extra { display: none; }
.menu-page.is-searching .is-extra { display: flex; }
.menu-page.is-searching .cat__more, .cat.is-open .cat__more { display: none; }
.is-hidden { display: none !important; }
.cat__more { display: flex; justify-content: center; margin-top: 24px; }
.admin-bar .menu-tools { top: calc(76px + 32px); }
.admin-bar .ch-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .ch-header { top: 46px; } .admin-bar .menu-tools { top: calc(60px + 46px); } }
@media (max-width: 600px) { .admin-bar .ch-header { top: 0; } .admin-bar .menu-tools { top: 60px; } }

/* "Hangi şubeyi arayalım?" penceresi */
.ch-calldialog { padding: 0; border: 0; background: transparent; width: min(420px, calc(100% - 24px)); max-width: none; max-height: none; overflow: visible; }
.ch-calldialog .ch-sheet { margin: 0; }
.ch-calldialog::backdrop, .ch-product::backdrop { background: rgba(31, 27, 32, .62); }
@media (max-width: 760px) { .ch-calldialog { margin: auto auto 12px; width: calc(100% - 24px); } }
.ch-callgroup { display: grid; gap: 8px; }
.ch-callgroup + .ch-callgroup { margin-top: 14px; padding-top: 14px; border-top: 1px dashed var(--line); }
.ch-callgroup .ch-callopt + .ch-callopt { margin-top: 0; }
.ch-call__product { margin: -4px 0 12px; font: 600 14px/20px var(--font-sans); color: var(--ink-muted); }
.ch-wa { justify-content: center; }
.ch-wa .ch-ico { color: #1E7A3C; }
.side-card .ch-wa { margin-top: -4px; }

/* Menü filtreleri (etiketler): kategori çiplerinin altında ikinci satır */
.menu-filters { display: flex; align-items: center; gap: var(--space-3); padding-bottom: var(--space-2); }
.menu-filters__label { flex: none; font: 800 13px/18px var(--font-sans); color: var(--ink-muted); }
.menu-filters__list { flex: 1; padding: 2px 0 6px !important; margin: 0 !important; }
.ch-chip--filter { min-height: 34px; padding: 0 12px; font-size: 13px; border-style: dashed; }
.ch-chip--filter[aria-pressed="true"] { background: var(--ink); color: var(--cream); border: 2px solid var(--ink); box-shadow: 2px 2px 0 var(--cheddar); }
.ch-chip--filter[aria-pressed="true"] .ch-chip__n { color: var(--cheddar); }
.menu-filters__clear { flex: none; font-size: 13px; min-height: 34px; padding: 0 4px; }
@media (max-width: 760px) { .menu-filters { padding-left: var(--space-4); padding-right: 0; } .menu-filters__label { display: none; } .menu-filters__list { padding-right: var(--space-4) !important; } .ch-chip--filter, .menu-filters__clear { min-height: 40px; } }

/* Menü: kategori çipine tıklayınca başlık yapışkan header + arama/filtre çubuğunun altında kalmasın */
.cat { scroll-margin-top: 200px; }
@media (max-width: 760px) { .cat { scroll-margin-top: 240px; } }

/* Ürün detayı: pencere (menü) ve tek sayfa */
.ch-product { display: grid; grid-template-columns: 300px minmax(0, 1fr); padding: 0; width: min(760px, calc(100% - 32px)); max-height: calc(100dvh - 48px); background: var(--paper); border: 2px solid var(--ink); border-radius: var(--radius-lg); box-shadow: 6px 6px 0 var(--ink); overflow: auto; color: var(--ink); }
.ch-product:not([open]):not(.ch-product--page) { display: none; }
.ch-product__media { display: grid; place-items: center; background: var(--cream-200); background-image: radial-gradient(var(--line) 1.5px, transparent 1.6px); background-size: 16px 16px; min-height: 260px; }
.ch-product__media > img { width: 100%; height: 100%; object-fit: cover; }
.ch-product__media { overflow: hidden; }
.ch-product__media > img.ch-product__ph { width: auto; height: auto; max-width: 60%; max-height: 82%; object-fit: contain; filter: drop-shadow(3px 3px 0 var(--ink)); }
.ch-product__body { padding: 28px 28px 24px; display: flex; flex-direction: column; gap: 16px; }
.ch-product__head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.ch-product__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--line); }
.ch-product__foot .ch-order .ch-menu { top: auto; bottom: calc(100% + 8px); }
.ch-product--page { width: 100%; max-width: 900px; margin-top: var(--space-4); }
.pd-page { padding-top: var(--space-6); padding-bottom: var(--space-8); }
.pd-desc { margin: 0; font: 400 16px/24px var(--font-sans); color: var(--ink-muted); }
.pd-ing { display: flex; flex-direction: column; gap: 4px; }
.pd-label { font: 800 12px/16px var(--font-sans); letter-spacing: .04em; text-transform: uppercase; color: var(--cheddar-700); }
.pd-ing .pd-desc { color: var(--ink); font-weight: 600; }
.pd-opts { margin: 0; display: grid; gap: 6px; padding: 10px 12px; border-radius: var(--radius-md); background: var(--cream-200); }
.pd-opts > div { display: grid; grid-template-columns: 96px 1fr; gap: 8px; font: 400 14px/20px var(--font-sans); }
.pd-opts dt { font-weight: 800; color: var(--ink); }
.pd-opts dd { margin: 0; color: var(--ink-muted); }
.pd-long { margin: 0; font: 400 15px/24px var(--font-sans); color: var(--ink-muted); }
@media (max-width: 760px) { .pd-opts > div { grid-template-columns: 1fr; gap: 0; } }
.pd-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.pd-list li { display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: start; font: 400 15px/22px var(--font-sans); color: var(--ink-muted); }
.pd-list b { display: block; color: var(--ink); font-weight: 800; }
.pd-n { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--cheddar); border: 2px solid var(--ink); font: 800 13px/1 var(--font-sans); color: var(--ink); }
@media (max-width: 760px) {
	.ch-product { grid-template-columns: minmax(0, 1fr); width: 100%; max-width: 100%; height: 100dvh; max-height: 100dvh; margin: 0; border-radius: 0; border: 0; box-shadow: none; }
	.ch-product__media { min-height: 0; aspect-ratio: 4 / 3; }
	.ch-product__body { padding: 20px 16px; }
	.ch-product__foot { position: sticky; bottom: 0; background: var(--paper); padding-bottom: 16px; }
	.ch-product--page { height: auto; border: 1px solid var(--line); border-radius: var(--radius-lg); }
}

/* Tıklayınca yüklenen harita */
.ch-map { position: relative; display: grid; place-items: center; padding: var(--space-5); text-align: center; }
.ch-map__consent { display: flex; flex-direction: column; align-items: center; gap: var(--space-3); max-width: 420px; }
.ch-map__consent p { margin: 0; color: var(--ink); font: 400 14px/20px var(--font-sans); }
.ch-map__consent .row { justify-content: center; gap: var(--space-4); }
.ch-map__consent p { font-size: 17px; line-height: 26px; }
.ch-map__title { font: 800 28px/1.15 var(--font-display) !important; }
.ch-map__btn { min-height: 56px; padding: 0 28px; font-size: 18px; }
.ch-map__btn .ch-ico { width: 22px; height: 22px; }
.ch-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: inherit; }
.ch-map.is-loaded { padding: 0; }

/* Genel sayfa içeriği */
.prose a { color: var(--ink); font-weight: 700; text-decoration-color: var(--cheddar); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.prose > :first-child { margin-top: 0; }

/* Şube kartında şube adı kendi sayfasına link */
.ch-branch__link { color: inherit; text-decoration: none; }
.ch-branch__link:hover { text-decoration: underline; text-decoration-color: var(--cheddar); text-decoration-thickness: 3px; text-underline-offset: 4px; }

/* ===== Düzenlenebilir sayfalar: WordPress'in standart blokları → tasarım bileşenleri ===== */
.wp-block-buttons { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; }
.wp-block-buttons > .wp-block-button { margin: 0; }
.wp-block-button[class*="is-style-ch-"] > .wp-block-button__link {
	--_bg: var(--cheddar); --_fg: var(--ink); --_bd: var(--ink);
	position: relative; display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2);
	min-height: 48px; padding: 0 22px; border: 2px solid var(--_bd); border-radius: var(--radius-md);
	background: var(--_bg); color: var(--_fg); font: 700 15px/20px var(--font-sans); text-decoration: none;
	white-space: nowrap; box-shadow: var(--shadow-sticker); transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.wp-block-button[class*="is-style-ch-"] > .wp-block-button__link:hover { transform: translate(-1px, -1px); box-shadow: 4px 4px 0 var(--ink); }
.wp-block-button[class*="is-style-ch-"] > .wp-block-button__link:active { transform: translate(2px, 2px); box-shadow: var(--shadow-sticker-press); }
.wp-block-button.is-style-ch-primary > .wp-block-button__link::after { content: ""; position: absolute; left: 22px; bottom: -9px; width: 8px; height: 10px; border-radius: 0 0 6px 6px; background: var(--cheddar); border: 2px solid var(--ink); border-top: 0; opacity: 0; transform: translateY(-6px); transition: opacity .15s, transform .2s ease-out; }
.wp-block-button.is-style-ch-primary > .wp-block-button__link:hover::after { opacity: 1; transform: none; }
.wp-block-button.is-style-ch-secondary > .wp-block-button__link { --_bg: var(--paper); }
.wp-block-button.is-style-ch-secondary > .wp-block-button__link:hover { --_bg: var(--cheddar-100); }
.wp-block-button.is-style-ch-call > .wp-block-button__link { --_bg: var(--ink); --_fg: var(--cream); box-shadow: 3px 3px 0 var(--cheddar); }
@media (prefers-reduced-motion: reduce) { .wp-block-button__link:hover { transform: none !important; } }
@media (max-width: 760px) { .hero .wp-block-buttons > .wp-block-button { flex: 1 1 140px; } .hero .wp-block-button__link { width: 100%; } }

.wp-block-image.hero__logo { display: block; width: 100%; max-width: 520px; margin: 0 0 var(--space-5) -8px; }
.wp-block-image.hero__logo img { display: block; width: 100%; height: auto; }
@media (max-width: 760px) { .wp-block-image.hero__logo { max-width: 300px; margin-bottom: var(--space-4); } }

/* Başlık altı kıvrım (tasarımdaki .ch-swash) — düzenlenebilir başlıklarda sınıfla */
.has-swash::after { content: ""; display: block; width: 132px; height: 16px; margin-top: 10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132 16'%3E%3Cpath d='M4 11C26 3 52 14 78 8S116 3 128 9' fill='none' stroke='%23FAB503' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat; }
.sec--cheddar .has-swash::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132 16'%3E%3Cpath d='M4 11C26 3 52 14 78 8S116 3 128 9' fill='none' stroke='%231F1B20' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E"); }

/* Paragrafa dönüşen küçük öğeler (tasarımda span/div idi) */
.pw-card p.pw-card__mark { margin: 0; font: 800 15px/1 var(--font-sans); letter-spacing: .18em; color: var(--toast-100); max-width: none; }
.why__item p.why__n { margin: 0 0 var(--space-4); color: var(--ink); font: 800 22px/1 var(--font-display); }
.pw-card__body .wp-block-buttons { align-self: flex-start; }
.order-band .stack > .eyebrow { margin: 0; }
.sec--waffle { padding-top: 0; }
.sec-head__link { margin: 0; }
.sec-head__link a { color: var(--ink); font-weight: 700; text-decoration: underline; text-decoration-color: var(--cheddar); text-decoration-thickness: 3px; text-underline-offset: 4px; }
.sec-head__link a:hover { color: var(--cheddar-700); text-decoration-color: var(--cheddar-700); }
.ch-on-ink .sec-head__link a { color: var(--cream); }

/* Hakkımızda, Şubeler, İletişim, Menü: düzenlenebilir içerik bölümleri */
.phead .lead { margin-top: 8px; }
.hero--about { padding-bottom: var(--space-8); }
.wp-block-image.about__logo { width: 100%; max-width: 520px; margin: 0; justify-self: center; }
.wp-block-image.about__logo img { display: block; width: 100%; height: auto; }
.stat p.stat__n { margin: 0; font: 800 44px/1 var(--font-display); font-variant-numeric: tabular-nums; }
.stat p.stat__t { margin: 0; color: var(--ink-muted); font: 600 14px/20px var(--font-sans); }
.sec--flush-top { padding-top: 0; }
.lead.lead--wide { max-width: none; }
.story > .wp-block-image.story__photo { margin: 0; aspect-ratio: 4 / 5; border-radius: var(--radius-lg); overflow: hidden; }
.story > .wp-block-image.story__photo img, .gallery > .wp-block-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.gallery > .wp-block-image { margin: 0; height: 100%; border-radius: var(--radius-lg); overflow: hidden; }
.gallery > .wp-block-image:first-child { grid-row: span 2; }
@media (max-width: 760px) { .gallery > .wp-block-image:first-child { grid-column: span 2; grid-row: auto; } }
/*
 * Hakkımızda: şube başına bir Galeri bloğu (fotoğraflar panelden eklenir / çıkarılır / sıralanır).
 * İlk fotoğraf büyük (2×2), yanına iki fotoğraf, sonra üçlü satırlar. Fotoğraf sayısı ne olursa olsun
 * boş hücre kalmasın diye son satırdaki son fotoğraf kalan sütunları doldurur.
 * Çekirdek galeri stilleri :not(#individual-image) ile yüksek öncelikli; aynı seçiciyle eziliyor.
 */
.branch-gallery + .branch-gallery { margin-top: var(--space-6); }
.branch-gallery__title { margin: 0 0 var(--space-3); }
.wp-block-gallery.has-nested-images.branch-photos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 240px; gap: var(--space-3); margin: 0; }
/* Genişlik !important: çekirdeğin fotoğraf sayısına göre (:first-child:nth-last-child(2) vb.) verdiği yüzde genişlikleri bizimkinden yüksek öncelikli. */
.wp-block-gallery.has-nested-images.branch-photos figure.wp-block-image:not(#individual-image) { width: 100% !important; margin: 0; border-radius: var(--radius-lg); overflow: hidden; }
.wp-block-gallery.has-nested-images.branch-photos figure.wp-block-image:not(#individual-image) img { width: 100%; height: 100%; object-fit: cover; }
.wp-block-gallery.has-nested-images.branch-photos figure.wp-block-image:not(#individual-image):first-child { grid-column: span 2; grid-row: span 2; }
.wp-block-gallery.has-nested-images.branch-photos figure.wp-block-image:not(#individual-image):first-child:last-child { grid-column: 1 / -1; }
.wp-block-gallery.has-nested-images.branch-photos figure.wp-block-image:not(#individual-image):nth-child(2):last-child { grid-row: span 2; }
.wp-block-gallery.has-nested-images.branch-photos figure.wp-block-image:not(#individual-image):nth-child(3n+4):last-child { grid-column: 1 / -1; }
.wp-block-gallery.has-nested-images.branch-photos figure.wp-block-image:not(#individual-image):nth-child(3n+5):last-child { grid-column: span 2; }
@media (max-width: 760px) {
  /* Mobil: büyük fotoğraf tam genişlik, sonra ikili satırlar; tek kalan son fotoğraf tam genişlik. */
  .wp-block-gallery.has-nested-images.branch-photos { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: 200px; grid-auto-rows: 140px; }
  .wp-block-gallery.has-nested-images.branch-photos figure.wp-block-image:not(#individual-image),
  .wp-block-gallery.has-nested-images.branch-photos figure.wp-block-image:not(#individual-image):nth-child(2):last-child,
  .wp-block-gallery.has-nested-images.branch-photos figure.wp-block-image:not(#individual-image):nth-child(3n+4):last-child,
  .wp-block-gallery.has-nested-images.branch-photos figure.wp-block-image:not(#individual-image):nth-child(3n+5):last-child { grid-column: auto; grid-row: auto; }
  .wp-block-gallery.has-nested-images.branch-photos figure.wp-block-image:not(#individual-image):first-child { grid-column: 1 / -1; grid-row: span 1; }
  .wp-block-gallery.has-nested-images.branch-photos figure.wp-block-image:not(#individual-image):nth-child(2n):last-child { grid-column: 1 / -1; }
}
.cta-band { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--space-5); }
.cta-band .h-sec { max-width: 640px; }
.ch-announce--box { border-radius: var(--radius-md); justify-content: flex-start; text-align: left; padding: 12px 16px; }
.ch-announce p { margin: 0; }
.sec--branches { padding-top: var(--space-6); }
.stack.stack--lg { gap: var(--space-5); }
/* Şube sayfası: serbest "şube hakkında" alanı */
.branch-about .prose { max-width: 72ch; }

/* Duyuru bandı: tarih aralığı/kapatma için gizlenebilir (inc/announce.php); açık sarı zeminde okunur renkler. */
.ch-announce[hidden] { display: none; }
.ch-announce--warn strong { color: var(--ink); }
.ch-announce--warn a, .ch-announce--warn .ch-announce__x { color: var(--ink); text-decoration-color: var(--cheddar-700); }

/* Şube kartı: özel günler (bayram, tadilat…) */
.ch-special ul { list-style: none; margin: 4px 0 0; padding: 0; font: 400 14px/20px var(--font-sans); font-variant-numeric: tabular-nums; }
.ch-special li { display: flex; justify-content: space-between; gap: 12px; padding: 6px 8px; border-radius: 6px; background: var(--cheddar-100); }
.ch-special li + li { margin-top: 4px; }
.ch-special li[hidden], .ch-special[hidden] { display: none; }
.ch-special li span { font-weight: 600; }
.ch-special li em { font-style: normal; color: var(--ink-muted); }
.ch-special li b { font-weight: 800; white-space: nowrap; }
.ch-special li.is-closed { background: var(--danger-100); }
.ch-special li.is-closed b { color: var(--danger); }

/* "Ne yesem?" öneri sihirbazı (inc/quiz.php, site.js) */
.ch-quiz { width: min(560px, calc(100% - 24px)); }
.ch-quiz .ch-sheet { max-height: min(86vh, 760px); display: flex; flex-direction: column; }
.ch-quiz__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.ch-quiz__head .ch-sheet__title:focus { outline: none; }
.ch-quiz__step { margin: 0 0 4px; min-height: 18px; color: var(--ink-muted); font: 700 13px/18px var(--font-sans); letter-spacing: .02em; }
.ch-quiz__body { overflow-y: auto; overscroll-behavior: contain; margin: 0 calc(var(--space-4) * -1); padding: 2px var(--space-4) 2px; }
.ch-quiz__opts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ch-quiz__opt { display: grid; gap: 2px; align-content: center; min-height: 72px; padding: 12px 14px; text-align: left; font: inherit; color: var(--ink); background: var(--paper); border: 2px solid var(--line); border-radius: var(--radius-md); cursor: pointer; }
.ch-quiz__opt b { font: 750 16px/1.25 var(--font-display); }
.ch-quiz__opt span { color: var(--ink-muted); font-size: 13px; line-height: 1.35; }
.ch-quiz__opt:hover, .ch-quiz__opt:focus-visible { border-color: var(--ink); background: var(--cheddar-100); }
.ch-quiz__opt:focus-visible { outline: 3px solid var(--cheddar); outline-offset: 2px; }
.ch-quiz__nav { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-top: var(--space-4); }
.ch-quiz__wait { margin: var(--space-3) 0; color: var(--ink-muted); }
.ch-quiz__picks { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.ch-quiz__pick { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 14px; padding: 12px; border: 2px solid var(--line); border-radius: var(--radius-md); background: var(--paper); }
.ch-quiz__pick img, .ch-quiz__noimg { width: 96px; height: 96px; object-fit: cover; border-radius: 10px; background: var(--cream-200, #f3e7d3); }
.ch-quiz__info { display: grid; gap: 4px; min-width: 0; }
.ch-quiz__info h3 { margin: 0; font: 750 17px/1.25 var(--font-display); }
.ch-quiz__info h3 a { color: inherit; text-decoration: none; }
.ch-quiz__info h3 a:hover { text-decoration: underline; text-decoration-color: var(--cheddar); text-decoration-thickness: 3px; }
.ch-quiz__why { margin: 0; color: #7a5200; font: 700 12px/1.4 var(--font-sans); }
.ch-quiz__desc { margin: 0; color: var(--ink-muted); font-size: 13px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ch-quiz__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 4px; }
@media (max-width: 760px) {
  .ch-quiz { width: calc(100% - 24px); }
  .ch-quiz__opts { grid-template-columns: 1fr; }
  .ch-quiz__opt { min-height: 60px; }
  .ch-quiz__pick { grid-template-columns: 72px minmax(0, 1fr); gap: 10px; }
  .ch-quiz__pick img, .ch-quiz__noimg { width: 72px; height: 72px; }
  .ch-quizbtn { padding: 0 12px; }
}
@media (max-width: 380px) { .ch-quizbtn .ch-ico { display: none; } }