/* =====================================================================
   TEKNOCARTOON — SOL KATEGORİ MENÜSÜ
   Görsel taslak: "B — Resimli Açılır Menü" (açık + koyu)
   HTML: mutfak/teknocartoon/sablon.php   Çizgi filtreleri: aynı dosyada <svg>
   ===================================================================== */

@font-face{font-family:"TC Oswald";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/oswald-latin-500-normal.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:"TC Oswald";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/oswald-latin-ext-500-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"TC Oswald";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/oswald-latin-700-normal.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:"TC Oswald";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/oswald-latin-ext-700-normal.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Renkler (açık) ---------- */
html[data-tt-skin="teknocartoon"]{
  --tcm-zemin:#e9e5da;          /* panel kâğıdı */
  --tcm-kart:#f1eee6;           /* kart kâğıdı */
  --tcm-murekkep:#272622;       /* çizgiler */
  --tcm-yazi:#191816;
  --tcm-ayrac:rgba(39,38,34,.35);
  --tcm-kirmizi:#e1251b;
  --tcm-sari:#f5cd1f;
  --tcm-reklam:#dcd8cc;
  --tcm-doku:url(../img/kagit-doku.svg);
  --tcm-golge:rgba(0,0,0,.18);
  --tcm-nokta:rgba(39,38,34,.55);
}
/* ---------- Renkler (koyu: kara tahta) ---------- */
html[data-tt-skin="teknocartoon"][data-theme="dark"]{
  --tcm-zemin:#1c1c1a;
  --tcm-kart:#20201e;
  --tcm-murekkep:#d8d3c6;
  --tcm-yazi:#f4f0e6;
  --tcm-ayrac:rgba(216,211,198,.32);
  --tcm-reklam:#272725;
  --tcm-doku:url(../img/kara-doku.svg);
  --tcm-golge:rgba(0,0,0,.55);
  --tcm-nokta:rgba(216,211,198,.28);
}

/* ---------- Panel: yırtık kenarlı kâğıt ---------- */
html[data-tt-skin="teknocartoon"] .tc-sidebar{position:relative;isolation:isolate;padding:22px 14px 18px;border:0!important;color:var(--tcm-yazi);font-family:"TC Oswald","Arial Narrow",Arial,sans-serif}
html[data-tt-skin="teknocartoon"] .tc-sidebar::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--tcm-doku),var(--tcm-zemin);background-size:320px 320px,auto;border:2.6px solid var(--tcm-murekkep);border-radius:6px 14px 8px 12px;box-shadow:3px 4px 0 var(--tcm-golge);filter:url(#tc-yirtik)}
/* sol üst köşedeki baskı noktaları */
html[data-tt-skin="teknocartoon"] .tc-sidebar::after{content:"";position:absolute;left:4px;top:4px;width:150px;height:150px;z-index:-1;pointer-events:none;background:radial-gradient(circle,var(--tcm-nokta) 1.1px,transparent 1.5px) 0 0/5px 5px;-webkit-mask:linear-gradient(135deg,#000 0%,rgba(0,0,0,.6) 25%,transparent 55%);mask:linear-gradient(135deg,#000 0%,rgba(0,0,0,.6) 25%,transparent 55%)}

/* Başlık bandı (sarı bant) */
html[data-tt-skin="teknocartoon"] .tc-sidebar-title{display:inline-block;position:relative;margin:-36px 0 14px -6px;padding:4px 18px 3px;font:700 22px/1.25 "TC Oswald","Arial Narrow",Arial,sans-serif;letter-spacing:.02em;color:#141412;border:0!important;transform:rotate(-3deg);z-index:1}
html[data-tt-skin="teknocartoon"] .tc-sidebar-title::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--tcm-sari);border:2.4px solid #141412;filter:url(#tc-cizgi);box-shadow:2px 3px 0 rgba(0,0,0,.25)}

/* ---------- Liste ve kartlar ---------- */
html[data-tt-skin="teknocartoon"] .tc-cat-list{list-style:none;margin:0;padding:0}
html[data-tt-skin="teknocartoon"] .tc-sidebar nav>.tc-cat-list>li{margin:0 0 9px}
html[data-tt-skin="teknocartoon"] .tc-kart,
html[data-tt-skin="teknocartoon"] .tc-sidebar nav>.tc-cat-list>li>.tc-category,
html[data-tt-skin="teknocartoon"] .tc-sidebar nav>.tc-cat-list>li>.tc-category-link{position:relative;isolation:isolate;display:block;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html[data-tt-skin="teknocartoon"] .tc-kart::before,
html[data-tt-skin="teknocartoon"] .tc-sidebar nav>.tc-cat-list>li>.tc-category::before,
html[data-tt-skin="teknocartoon"] .tc-sidebar nav>.tc-cat-list>li>.tc-category-link::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--tcm-doku),var(--tcm-kart);background-size:320px 320px,auto;border:1.9px solid var(--tcm-murekkep);border-radius:14px 9px 13px 10px;box-shadow:1.5px 2.5px 0 var(--tcm-golge);filter:url(#tc-cizgi)}
html[data-tt-skin="teknocartoon"][data-theme="dark"] .tc-sidebar nav>.tc-cat-list>li>.tc-category::before,
html[data-tt-skin="teknocartoon"][data-theme="dark"] .tc-sidebar nav>.tc-cat-list>li>.tc-category-link::before,
html[data-tt-skin="teknocartoon"][data-theme="dark"] .tc-kart::before{border-style:dashed;border-width:1.4px;border-color:rgba(216,211,198,.55)}

/* ---------- Kart başlığı ---------- */
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-category>summary,
html[data-tt-skin="teknocartoon"] .tc-sidebar nav>.tc-cat-list>li>.tc-category-link{position:relative;display:flex;align-items:center;gap:6px;min-height:70px;padding:6px 14px 6px 4px;margin:0;list-style:none;cursor:pointer;color:var(--tcm-yazi)!important;text-decoration:none;background:none!important;border:0!important;border-radius:0!important}
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-category>summary::-webkit-details-marker{display:none}
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-category>summary::marker{content:""}

/* Simge: beyaz çerçeveli çıkartma */
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-icon{flex:0 0 auto;width:70px;height:64px;margin:-8px -2px -8px -12px;object-fit:contain;filter:drop-shadow(0 0 0 #fff) drop-shadow(1.5px 2.5px 0 rgba(0,0,0,.28));transform:rotate(-4deg);transition:transform .15s}
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-category>summary:hover .tc-icon,
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-category-link:hover .tc-icon{transform:rotate(0) scale(1.06)}

/* Etiket: fırça darbesi */
html[data-tt-skin="teknocartoon"] .tc-etiket{position:relative;z-index:0;display:inline-block;padding:4px 12px 6px;font:700 19.5px/1.15 "TC Oswald","Arial Narrow",Arial,sans-serif;letter-spacing:.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;transform:rotate(-2deg)}
html[data-tt-skin="teknocartoon"] .tc-etiket::before{content:"";position:absolute;inset:0;z-index:-1;background:transparent;-webkit-mask:url(../img/firca-etiket.svg) center/100% 100% no-repeat;mask:url(../img/firca-etiket.svg) center/100% 100% no-repeat}
html[data-tt-skin="teknocartoon"] .tc-etiket--kirmizi{color:#fff}
html[data-tt-skin="teknocartoon"] .tc-etiket--kirmizi::before{background:var(--tcm-kirmizi)}
html[data-tt-skin="teknocartoon"] .tc-etiket--sari{color:#141412}
html[data-tt-skin="teknocartoon"] .tc-etiket--sari::before{background:var(--tcm-sari)}
html[data-tt-skin="teknocartoon"] .tc-etiket--duz{color:var(--tcm-yazi);padding-left:6px;transform:none}

/* Ok (açılır işaret) */
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-chevron{margin-left:auto;flex:0 0 auto;width:11px;height:11px;border-right:3.2px solid currentColor;border-bottom:3.2px solid currentColor;transform:translateY(-4px) rotate(45deg);border-radius:1px;transition:transform .18s;font-size:0}

/* Açık kategori: satırın tamamına sarı fırça bandı */
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-category[open]>summary{background:none!important;color:#141412!important}
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-category[open]>summary::before{content:"";position:absolute;left:-7px;right:-7px;top:5px;bottom:5px;z-index:-1;background:var(--tcm-sari);-webkit-mask:url(../img/firca-bant.svg) center/100% 100% no-repeat;mask:url(../img/firca-bant.svg) center/100% 100% no-repeat;transform:rotate(-1.2deg)}
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-category[open]>summary .tc-etiket{color:#141412;transform:none}
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-category[open]>summary .tc-etiket::before{background:transparent}
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-category[open]>summary .tc-chevron{transform:translateY(4px) rotate(-135deg)}

/* ---------- Alt kategoriler ---------- */
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-submenu{padding:2px 12px 8px 14px;border:0!important}
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-submenu .tc-cat-list>li{margin:0}
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-submenu .tc-category-link,
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-submenu .tc-category>summary,
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-cat-all{display:flex;align-items:center;gap:14px;min-height:52px;padding:3px 4px 3px 12px;margin:0;font:500 17px/1.2 "TC Oswald","Arial Narrow",Arial,sans-serif;color:var(--tcm-yazi)!important;text-decoration:none!important;background:none!important;border:0!important;border-bottom:1.3px dashed var(--tcm-ayrac)!important;border-radius:0!important}
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-submenu>.tc-cat-list>li:last-child>.tc-category-link{border-bottom:0!important}
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-submenu .tc-icon{width:40px;height:38px;margin:0;transform:none}
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-submenu .tc-category[open]>summary::before{display:none}
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-submenu .tc-chevron{width:10px;height:10px;border-width:2.4px}
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-cat-all{border-bottom:0!important;border-top:1.3px dashed var(--tcm-ayrac)!important;min-height:40px;font-size:14px;letter-spacing:.04em;text-transform:uppercase;opacity:.75}
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-cat-all .tc-icon{display:none}
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-cat-all::after{content:"→";margin-left:auto}
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-submenu a:hover span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
html[data-tt-skin="teknocartoon"] .tc-sidebar [aria-current="page"]{border-left:0!important}
html[data-tt-skin="teknocartoon"] .tc-sidebar [aria-current="page"] span{box-shadow:inset 0 -.45em 0 var(--tcm-sari);color:#141412}

/* ---------- Reklam alanı ---------- */
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-ad-space{position:relative;isolation:isolate;display:block;min-height:0;margin:12px 0 0;padding:14px;border:0!important;background:none!important}
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-ad-space::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--tcm-doku),var(--tcm-kart);background-size:320px 320px,auto;border:1.9px solid var(--tcm-murekkep);border-radius:14px 9px 13px 10px;box-shadow:1.5px 2.5px 0 var(--tcm-golge);filter:url(#tc-cizgi)}
html[data-tt-skin="teknocartoon"][data-theme="dark"] .tc-sidebar .tc-ad-space::before{border-style:dashed;border-width:1.4px;border-color:rgba(216,211,198,.55)}
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-ad-space>span{display:flex;align-items:center;justify-content:center;min-height:210px;background:var(--tcm-reklam);border:2px dashed var(--tcm-murekkep);border-radius:4px;font:500 17px/1 "TC Oswald","Arial Narrow",Arial,sans-serif;letter-spacing:.03em;color:var(--tcm-yazi);opacity:.9}

/* ---------- Klavye odağı ---------- */
html[data-tt-skin="teknocartoon"] .tc-sidebar a:focus-visible,
html[data-tt-skin="teknocartoon"] .tc-sidebar summary:focus-visible{outline:3px solid #ca6714!important;outline-offset:2px}

/* ---------- Mobil ---------- */
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-mobile-menu>summary{list-style:none}
html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-mobile-menu>summary::-webkit-details-marker{display:none}
@media(min-width:901px){html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-mobile-toggle{display:none!important}}
/* uzun kategori adları: iki satıra iner */
html[data-tt-skin="teknocartoon"] .tc-etiket--uzun{white-space:normal;font-size:16.5px;line-height:1.08;max-width:132px;padding:5px 11px 6px}
@media(max-width:900px){
  html[data-tt-skin="teknocartoon"] .tc-sidebar{padding:14px 12px}
  html[data-tt-skin="teknocartoon"] .tc-sidebar::after{width:60px;height:46px}
  html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-mobile-toggle{background:none!important;border:0!important;color:var(--tcm-yazi)!important}
  html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-mobile-menu[open]>.tc-mobile-toggle .tc-chevron{transform:translateY(4px) rotate(-135deg)}
  html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-mobile-toggle{display:flex!important;align-items:center;justify-content:space-between;font:700 20px/1 "TC Oswald","Arial Narrow",sans-serif;padding:6px 4px;cursor:pointer}
  html[data-tt-skin="teknocartoon"] .tc-sidebar-title{display:none}
  html[data-tt-skin="teknocartoon"] .tc-sidebar .tc-ad-space{display:none}
}
@media(prefers-reduced-motion:reduce){html[data-tt-skin="teknocartoon"] .tc-sidebar *{transition:none!important}}

/* ---------- Sütun genişliği (taslakta menü sayfanın ~%20'si) ---------- */
html[data-tt-skin="teknocartoon"] .tc-layout{grid-template-columns:272px minmax(0,1fr)!important}
@media(max-width:1150px){html[data-tt-skin="teknocartoon"] .tc-layout{grid-template-columns:244px minmax(0,1fr)!important}}
@media(max-width:900px){html[data-tt-skin="teknocartoon"] .tc-layout{display:block!important}}

/* ---------- Masaüstü: menü ekranda kalır, kendi içinde kayar (v4.4.1.0) ----------
   Fare menünün üzerindeyken tekerlek menüyü kaydırır, menünün sonuna gelince sayfa kaymaz;
   fare sayfanın üzerindeyken sayfa kayar. Çerçeve (::before) sabit, içerik .tc-sidebar-kay içinde kayar. */
@media(min-width:901px){
  html[data-tt-skin="teknocartoon"] .tc-sidebar{position:sticky;top:12px;align-self:start;display:flex;flex-direction:column;max-height:calc(100vh - 24px);padding-right:6px}
  html[data-tt-skin="teknocartoon"] .tc-sidebar-kay{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-width:thin;scrollbar-color:var(--tcm-murekkep) transparent}
  html[data-tt-skin="teknocartoon"] .tc-sidebar-kay::-webkit-scrollbar{width:7px}
  html[data-tt-skin="teknocartoon"] .tc-sidebar-kay::-webkit-scrollbar-thumb{background:var(--tcm-murekkep);border-radius:6px}
  html[data-tt-skin="teknocartoon"] .tc-sidebar-kay::-webkit-scrollbar-track{background:transparent}
}