/* CILTIN — Атла эм Тукъумла (İsim ve Soyadı Sözlüğü) sayfa stili.
   shared.css'in ÜZERİNE yüklenir - sadece bu sayfaya özgü kurallar. */

.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}}

/* --- Sekmeler (Эркиши / Тиширыу / Тукъум) ---
   Görsel stil artık shared.css'teki ORTAK SEKME STİLİ'nden geliyor
   (köşeli - eski yuvarlak pill görünümü kaldırıldı, sözlük/çevirici ile
   aynı dil) - burada sadece sayfa yerleşimi kalıyor. */
.name-tabs{margin:22px 0 18px}

/* --- Arama kutusu --- */
.name-search-row{display:flex;gap:10px;margin-bottom:14px}
.name-search-row input{
  flex:1;font-family:'Source Serif 4',serif;font-size:1.05rem;padding:12px 16px;
  border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);
}
.name-search-row input:focus{outline:none;border-color:var(--pine)}
.name-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;
}
.name-clear-btn:hover{color:var(--copper);border-color:var(--copper)}
.name-mode-toggle{display:flex;gap:4px;margin-bottom:16px}
.name-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;
}
.name-mode-btn.active{background:var(--copper-soft);color:var(--copper);border-color:var(--copper)}

/* --- Alfabe şeridi (arama boşken gezinme) --- */
.name-alphabet{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:18px}
.name-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;
}
.name-letter-btn.active{background:var(--pine);border-color:var(--pine);color:#fff}

/* --- Kartlar --- */
.name-results{display:flex;flex-direction:column;gap:14px}
.name-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 18px}
.name-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.name-hw{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.15rem;color:var(--ink)}
.name-ru-form{font-family:'Source Serif 4',serif;font-style:italic;color:var(--ink-dim);font-size:.9rem}
.name-abbr{
  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);
}
.name-cat-tag{
  margin-left:auto;font-family:'Oswald',sans-serif;font-size:.66rem;letter-spacing:.03em;
  background:rgba(47,91,72,.1);color:var(--pine);padding:3px 9px;border-radius:3px;
}
.name-origins{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.name-origin-tag{
  font-family:'Oswald',sans-serif;font-size:.66rem;letter-spacing:.03em;
  background:var(--bg);color:var(--ink-dim);border:1px solid var(--line);
  padding:2px 8px;border-radius:3px;cursor:help;
}
/* 7 sınıflı yeni "semantic_classification" (soyadların anlam kökeni:
   totemik, dilek/temenni, fiziksel özellik, vb.) - origin etiketleriyle
   karışmasın diye ayrı (bakır tonlu) küçük etiket. */
.name-semantic{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.name-semantic-tag{
  font-family:'Oswald',sans-serif;font-size:.64rem;letter-spacing:.03em;
  background:var(--copper-soft);color:var(--copper);border:1px solid transparent;
  padding:2px 8px;border-radius:3px;cursor:help;
}
.name-meaning{font-family:'Source Serif 4',serif;font-size:.96rem;color:var(--ink);margin-top:10px}
.name-meaning-tr{font-style:italic;color:var(--ink-dim);font-size:.9rem}
.name-meaning-tr.pending{color:#9aa39f}
.name-meaning .ref-link{
  color:var(--pine);border-bottom:1px dotted var(--pine);cursor:pointer;padding-bottom:1px;font-style:normal;
}
.name-meaning .ref-link:hover{color:var(--copper);border-color:var(--copper)}
.name-sources{margin-top:8px}
.name-empty{font-family:'Source Serif 4',serif;color:var(--ink-dim);padding:20px 0}
.name-related{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}
.name-related-label{font-family:'Oswald',sans-serif;font-size:.66rem;letter-spacing:.08em;color:var(--ink-dim);margin-bottom:6px}
.name-related-list{display:flex;flex-wrap:wrap;gap:8px}
.name-related-word,.name-related-list .ref-link{
  font-family:'Oswald',sans-serif;font-size:.78rem;font-weight:600;
  background:var(--bg);color:var(--pine);border:1px solid var(--line);
  padding:4px 10px;border-radius:14px;cursor:pointer;
}
.name-related-word:hover,.name-related-list .ref-link:hover{border-color:var(--pine)}

/* --- Daha fazla / rastgele --- */
.name-more-row{display:flex;justify-content:center;margin-top:18px}
.name-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;
}
.name-more-btn:hover{border-color:var(--pine);color:var(--pine)}