/* =================================================================
   KARANLIK — gece modu. Koyu, göz yormayan zemin; vurgu rengi
   (varsayılan amber) fiyatlarda, aktif kategoride ve kart
   kenarlarında yumuşak bir parıltı olarak görünür. Fotoğraflar ön
   planda: iki sütunlu ızgara, dokununca yükselen kartlar.
   ================================================================= */
.t-dark {
    --m-bg: #0b0b0e;
    --m-fg: #f2f2f5;
    --m-muted: #9a9aa8;
    --m-card: #15151b;
    --m-border: rgba(255, 255, 255, .07);
    --m-radius: 18px;
    --m-shadow: none;
    --m-head-font: 'Inter', system-ui, sans-serif;
    --m-body-font: 'Inter', system-ui, sans-serif;
    --m-price: var(--m-accent);
    --m-chip-bg: rgba(255, 255, 255, .06);
    --m-chip-fg: #c9c9d3;
    --m-chip-on-bg: var(--m-accent);
    --m-chip-on-fg: #111;
    --m-nav-bg: rgba(11, 11, 14, .85);
}
body.t-dark { background: radial-gradient(700px 420px at 50% -80px, rgba(var(--m-accent-rgb), .16), transparent 70%), var(--m-bg); background-repeat: no-repeat; }

.t-dark .m-hero { background: transparent; padding: 3.25rem 1.25rem 2rem; }
.t-dark .m-logo { border: 2px solid rgba(var(--m-accent-rgb), .7); box-shadow: 0 0 0 6px rgba(var(--m-accent-rgb), .12), 0 10px 34px rgba(var(--m-accent-rgb), .25); background: #1b1b22; }
.t-dark .m-name { font-weight: 800; letter-spacing: -.02em; }
.t-dark .m-address { color: var(--m-muted); opacity: 1; }
.t-dark .m-btn { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .14); }
.t-dark .m-btn-wa { background: #25d366; border-color: #25d366; color: #052e16; }

.t-dark .m-search input { background: #15151b; border-color: rgba(255, 255, 255, .1); }
.t-dark .m-cat.is-active { box-shadow: 0 0 18px rgba(var(--m-accent-rgb), .45); font-weight: 700; }
.t-dark .m-cats { border-bottom: 1px solid var(--m-border); }

.t-dark .m-sec-title { font-size: 1.3rem; font-weight: 800; }
.t-dark .m-sec-title span { border-bottom: 3px solid var(--m-accent); padding-bottom: .15rem; }
.t-dark .m-sec-count { color: var(--m-accent); font-weight: 700; }

.t-dark .m-items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
@media (min-width: 720px) { .t-dark .m-items { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.t-dark .m-item { flex-direction: column; align-items: stretch; gap: 0; padding: 0; overflow: hidden; border: 1px solid var(--m-border); }
.t-dark .m-item:hover { transform: translateY(-4px); border-color: rgba(var(--m-accent-rgb), .55); box-shadow: 0 12px 34px rgba(var(--m-accent-rgb), .18); }
.t-dark .m-item-img { flex: none; width: 100%; height: auto; aspect-ratio: 1 / 1; border-radius: 0; }
.t-dark .m-item-img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(21, 21, 27, .9)); }
.t-dark .m-item-body { padding: .75rem .85rem .95rem; }
.t-dark .m-item.has-img .m-item-body { margin-top: -1.6rem; position: relative; z-index: 1; }
.t-dark .m-item-head { flex-direction: column; align-items: flex-start; gap: .2rem; }
.t-dark .m-leader { display: none; }
.t-dark .m-item-name { font-size: .98rem; font-weight: 700; }
.t-dark .m-item-price { font-size: 1.08rem; font-weight: 800; }
.t-dark .m-item-desc { font-size: .8rem; }
.t-dark .m-modal-card { background: #14141a; border: 1px solid var(--m-border); }
@media (min-width: 1100px) { .t-dark .m-items { grid-template-columns: repeat(4, minmax(0, 1fr)); } .t-dark { --m-max: 1080px; } }