/* CILTIN — Дейимле (Deyimler Sözlüğü) sayfa stili.
   Ortak bloklar (renkler, header/nav, footer, sekme dili) shared.css'te -
   bu dosya sadece bu sayfaya özgü. */

.tool-body{max-width:1140px;margin:0 auto;padding:0 32px 60px;display:grid;grid-template-columns:1fr 300px;gap:40px}
@media (max-width:900px){.tool-body{grid-template-columns:1fr}}
.tool-layout{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:start;min-width:0}
.tool-card{border:2px solid var(--ink);background:var(--surface);padding:34px;min-width:0}
@media(max-width:600px){.tool-card{padding:20px}}

/* --- Arama --- */
.deyim-search-row{display:flex;gap:10px;margin-bottom:14px}
.deyim-search-field{display:flex;align-items:center;border:1px solid var(--line);background:var(--bg);flex:1;min-width:0}
.deyim-search-field svg{width:19px;height:19px;margin:0 6px 0 14px;stroke:var(--ink-dim);fill:none;stroke-width:1.6;flex-shrink:0}
.deyim-search-field input{
  flex:1;border:none;background:none;padding:15px 10px;min-width:0;
  font-family:'Source Serif 4',serif;font-size:1.05rem;color:var(--ink);outline:none;
}
.deyim-clear-btn{
  font-family:'Oswald',sans-serif;font-size:.85rem;color:var(--ink-dim);
  background:var(--surface);border:1px solid var(--line);border-radius:6px;
  width:44px;cursor:pointer;display:none;flex-shrink:0;
}
.deyim-clear-btn.show{display:block}
.deyim-clear-btn:hover{color:var(--copper);border-color:var(--copper)}

.deyim-mode-toggle{display:flex;gap:4px;margin-bottom:18px}
.deyim-mode-btn{
  font-family:'Oswald',sans-serif;font-size:.68rem;letter-spacing:.05em;
  background:transparent;color:var(--ink-dim);border:1px solid var(--line);
  padding:5px 10px;border-radius:4px;cursor:pointer;
}
.deyim-mode-btn.active{background:var(--copper-soft);color:var(--copper);border-color:var(--copper)}

/* --- Alfabe şeridi --- */
.deyim-alphabet{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:18px;margin-top:22px}
.deyim-letter-btn{
  font-family:'Oswald',sans-serif;font-size:.72rem;font-weight:600;
  background:var(--surface);color:var(--ink-dim);border:1px solid var(--line);
  min-width:30px;height:30px;padding:0 6px;border-radius:4px;cursor:pointer;
}
.deyim-letter-btn.active{background:var(--pine);border-color:var(--pine);color:#fff}

/* --- Etiket filtre çubuğu --- */
.deyim-tag-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.deyim-tag-filter-btn{
  font-family:'Oswald',sans-serif;font-size:.68rem;letter-spacing:.03em;
  background:var(--bg);color:var(--ink-dim);border:1px solid var(--line);
  padding:4px 10px;border-radius:14px;cursor:pointer;
}
.deyim-tag-filter-btn .cnt{opacity:.6;margin-left:3px}
.deyim-tag-filter-btn.active{background:var(--pine);border-color:var(--pine);color:#fff}
.deyim-tag-filter-more{
  font-family:'Oswald',sans-serif;font-size:.68rem;color:var(--ink-dim);
  background:none;border:none;cursor:pointer;text-decoration:underline;padding:4px 6px;
}

/* --- Kartlar --- */
.deyim-results{display:flex;flex-direction:column;gap:14px}
.deyim-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 18px}
.deyim-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.deyim-hw{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.1rem;color:var(--ink);line-height:1.4}
.deyim-optional{font-weight:400;color:var(--ink-dim);font-size:.92em}

.deyim-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.deyim-tag{
  font-family:'Oswald',sans-serif;font-size:.64rem;letter-spacing:.03em;
  background:var(--copper-soft);color:var(--copper);padding:2px 7px;border-radius:3px;cursor:pointer;
}
.deyim-tag:hover{background:var(--copper);color:#fff}

.deyim-variants{margin-top:8px;font-size:.86rem;font-family:'Source Serif 4',serif;color:var(--ink-dim)}
.deyim-sub-label{font-family:'Oswald',sans-serif;font-size:.64rem;letter-spacing:.05em;color:var(--ink-dim);margin-right:4px}

.deyim-anlamlar{margin-top:10px;display:flex;flex-direction:column;gap:12px}
.deyim-anlam-block{font-family:'Source Serif 4',serif;font-size:.96rem;color:var(--ink);line-height:1.6}
.deyim-anlam-no{font-weight:700;color:var(--pine)}

.deyim-examples{margin-top:6px;padding-left:14px;border-left:2px solid var(--line)}
.deyim-example{margin-top:4px;font-size:.88rem}
.deyim-example-text{font-style:italic;color:var(--ink-dim)}
.deyim-example-source{display:block;font-family:'Oswald',sans-serif;font-size:.66rem;letter-spacing:.03em;color:var(--ink-dim);opacity:.75;margin-top:2px}

.deyim-gonderme{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);font-size:.86rem}
.deyim-eski-kisaltma{
  font-family:'Oswald',sans-serif;font-size:.66rem;letter-spacing:.03em;cursor:help;
  background:var(--copper-soft);color:var(--copper);padding:2px 6px;border-radius:3px;
  border-bottom:1px dotted var(--copper);margin-right:4px;
}
.deyim-plain-ref{font-family:'Source Serif 4',serif;font-style:italic;color:var(--ink-dim)}
.deyim-gonderme .ref-link{
  color:var(--pine);border-bottom:1px dotted var(--pine);cursor:pointer;padding-bottom:1px;font-style:italic;
}
.deyim-gonderme .ref-link:hover{color:var(--copper);border-color:var(--copper)}
.deyim-empty{font-family:'Source Serif 4',serif;color:var(--ink-dim);padding:20px 0}

.deyim-more-row{display:flex;justify-content:center;margin-top:18px}
.deyim-more-btn{
  font-family:'Oswald',sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.03em;
  background:var(--surface);color:var(--ink);border:1px solid var(--line);
  padding:10px 22px;border-radius:6px;cursor:pointer;
}
.deyim-more-btn:hover{border-color:var(--pine);color:var(--pine)}

/* --- Basit istatistik bölümü (sözlük sayfasındaki "hero" satırının aynısı,
   donut grafiklersiz - "basit" istendi) --- */
.stats-section{margin:30px 0;padding:30px 0;border-top:1px solid var(--line)}
.stats-title{font-family:'Oswald',sans-serif;font-size:.85rem;letter-spacing:.1em;color:var(--ink-dim);text-align:center;margin-bottom:20px}
.stats-hero{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.hero-stat{background:var(--bg);padding:18px 12px;text-align:center;border:none;margin:0;font:inherit;width:100%}
.hero-stat.dark{background:var(--ink)}
.hero-n{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.5rem;color:var(--pine)}
.hero-stat.dark .hero-n{color:#fff}
.hero-l{font-family:'Oswald',sans-serif;font-size:.62rem;letter-spacing:.04em;color:var(--ink-dim);margin-top:5px}
.hero-stat.dark .hero-l{color:var(--copper)}
@media(max-width:600px){
  .stats-hero{grid-template-columns:repeat(2,1fr)}
}