/* ═══ 🎃 HALLOWEEN SİTE TEMASI (2026-10-25, Emir: "tam site teması") ════════════════════════════════════════════════════════
   Pencere: lib/site-tema.ts (Town'un lib/town-tema.ts anahtarı; 25 Eki 00:00 → 1 Kas 06:00 UTC, final 31 Eki 18:00 UTC).
   Kökler: vitrin `.vt` (components/vitrin/VitrinKabuk.tsx) ve sade kabukta `<html>` (app/layout.tsx); ikisi de `data-tema-kok` taşır.
   ⚠️ Seçiciler HER ZAMAN `[data-tema-kok]` ya da `.vt` ile başlar: şehrin kendi kökü (TownRoot) de `data-tema` taşıyabilir, karışmasın.
   Önizleme: `?tema=halloween[&final=1]` (components/tema/TemaSerit.tsx). Geri alma: env TOWN_TEMA=off ya da bu dosyayı boşalt. */
:root{--hlw-kabak:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3Cpath d="M30 15c0-6 3-9 8-10l2 4c-3 1-5 3-5 7z" fill="%233f7d2c"/%3E%3Cellipse cx="20" cy="39" rx="14" ry="19" fill="%23d9590c"/%3E%3Cellipse cx="44" cy="39" rx="14" ry="19" fill="%23d9590c"/%3E%3Cellipse cx="32" cy="39" rx="15" ry="21" fill="%23ff8a1f"/%3E%3Cpath d="M18 36l5-7 5 7zM36 36l5-7 5 7z" fill="%232a1206"/%3E%3Cpath d="M19 44c3 5 8 8 13 8s10-3 13-8l-4 1-2 3-3-2-4 3-4-3-3 2-2-3z" fill="%232a1206"/%3E%3C/svg%3E');--hlw-yarasa:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 32"%3E%3Cpath d="M32 10c-2-4-4-5-4-5l1 5c-6-6-17-7-27-1 6 1 9 4 9 9 4-3 8-3 11 1 2-3 5-4 7-2l3 6 3-6c2-2 5-1 7 2 3-4 7-4 11-1 0-5 3-8 9-9-10-6-21-5-27 1l1-5s-2 1-4 5z" fill="%230b0612"/%3E%3C/svg%3E')}

/* ── şerit (menünün altında; tema yoksa gizli) ── */
.tm-serit{display:none}
[data-tema-kok][data-tema=halloween] .tm-serit{display:block;text-decoration:none;color:#1a0f05;background:#ff8a1f;
  background-image:repeating-linear-gradient(135deg,rgba(42,23,71,.10) 0 10px,transparent 10px 22px);border-bottom:2px solid #2a1747;
  font:600 14px/1.3 'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:relative;z-index:1}
.tm-serit .tm-ic{max-width:1240px;margin:0 auto;padding:9px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tm-serit b{color:#2a1747;font-weight:700}
.tm-serit .tm-kabak{width:24px;height:24px;flex:none;background:var(--hlw-kabak) center/contain no-repeat}
.tm-serit .tm-git{margin-left:auto;color:#1a0f05;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.tm-serit:hover .tm-git{color:#fff}
.tm-serit .tm-gece{display:none}
[data-tema-final="1"] .tm-serit .tm-hafta{display:none}
[data-tema-final="1"] .tm-serit .tm-gece{display:inline}
[data-tema-final="1"] .tm-serit .tm-kabak{filter:drop-shadow(0 0 6px #fff3c4);animation:tm-yan 1.6s ease-in-out infinite alternate}
@keyframes tm-yan{to{filter:drop-shadow(0 0 12px #fff)}}
@media (max-width:600px){.tm-serit .tm-ic{gap:6px 10px;font-size:12.5px}.tm-serit .tm-git{margin-left:36px}}

/* ── vitrin (.vt): logo sarısı → kabak turuncusu, siyah → gece moru ── */
.vt[data-tema=halloween]{--vt-sari:#ff8a1f;--vt-siyah:#120b1c;--vt-gri:#22163a;--vt-cizgi:#4b2f70;--vt-acik:#d9cfe8;--vt-beyaz:#fff7ee}
.vt[data-tema=halloween] .vt-logo{position:relative}
.vt[data-tema=halloween] .vt-logo::after{content:"";position:absolute;left:24px;top:22px;width:22px;height:22px;background:var(--hlw-kabak) center/contain no-repeat;filter:drop-shadow(0 1px 0 #120b1c)}
.vt[data-tema=halloween] .vt-alt b::before{content:"";display:inline-block;width:16px;height:16px;margin-right:6px;vertical-align:-3px;background:var(--hlw-kabak) center/contain no-repeat}
.vt[data-tema=halloween] .vt-desen{background-image:repeating-linear-gradient(45deg,rgba(42,23,71,.14) 0 2px,transparent 2px 28px),repeating-linear-gradient(-45deg,rgba(42,23,71,.14) 0 2px,transparent 2px 28px)}
/* giriş: ay ışığı, yarasalar, yerde sis, köşede kabaklar (düzen aynı; süsler içeriğin ARKASINDA, tıklamayı engellemez) */
.vt[data-tema=halloween] .h5-hero{position:relative;overflow:hidden;background:#120b1c;
  background-image:radial-gradient(circle at 84% 14%,rgba(255,240,214,.34) 0 46px,rgba(255,236,200,.10) 47px,transparent 160px),
    radial-gradient(ellipse at 15% 110%,rgba(255,138,31,.20),transparent 55%),linear-gradient(180deg,#1b0f2e 0%,#120b1c 70%)}
.vt[data-tema=halloween] .h5-hero>.vt-ic{position:relative;z-index:1}
.vt[data-tema=halloween] .h5-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.85;
  background:var(--hlw-yarasa) 62% 10%/56px auto no-repeat,var(--hlw-yarasa) 70% 22%/34px auto no-repeat,var(--hlw-yarasa) 55% 30%/26px auto no-repeat,var(--hlw-yarasa) 92% 34%/40px auto no-repeat}
.vt[data-tema=halloween] .h5-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;pointer-events:none;
  background:var(--hlw-kabak) 2% 92%/46px auto no-repeat,var(--hlw-kabak) 6% 96%/30px auto no-repeat,var(--hlw-kabak) 97% 94%/38px auto no-repeat,
    linear-gradient(0deg,rgba(186,160,230,.20),transparent);background-repeat:no-repeat}
@media (max-width:600px){.vt[data-tema=halloween] .h5-hero::before{opacity:.5}}
/* ürün sayfası (urun.css) ve lansman raporu (lansman.css) --vt-* değişkenlerini zaten kullanıyor; kâğıt tonları sıcaklaşır */
.vt[data-tema=halloween] .ur{--ur-kagit:#fff6ea;--ur-krem:#ffe9d1}

/* ── sade kabuk (giriş, kayıt, 404): Emir 10-25 kararı, TAM gece teması YOK; yalnız şerit (yukarıda) + logo kabağı. Zemin ve form bugünkü gibi. ── */
html[data-tema-kok][data-tema=halloween] .tm-logo::after{content:"";position:absolute;left:20px;top:18px;width:20px;height:20px;background:var(--hlw-kabak) center/contain no-repeat}

@media (prefers-reduced-motion:reduce){[data-tema-final="1"] .tm-serit .tm-kabak{animation:none}}