/* ==========================================================================
   Lexis sonuç sayfası — v2 (dark) giysisi.
   lexis/_styles.blade.php'nin (açık renkli, eski) ÜSTÜNE biner: yerleşim oradan, burada renk ve dokunuş.
   Ortak parçalar (renk değişkenleri, görsel ızgarası, yüzyıl şeridi, lisans notu): css/v2/page.css
   ========================================================================== */


/* ── Sayfa ── */
.v2 .lx-wrap { max-width: 900px; padding: 0; }
.v2 .lx-greek { color: var(--fg); font-size: 1.1rem; }

/* üst: Lexis + sorgu (tıklayınca Corpus paneli bu sözcükle açılır) */
.lx2-head { padding: clamp(48px, 11vh, 120px) 0 26px; }
.lx2-kicker {
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  margin: 0 0 14px;
  font-size: 11px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: var(--fg-3);
}
.lx2-kicker span { font-weight: 400; letter-spacing: .04em; text-transform: none; font-size: 12.5px; }
.lx2-kicker::after { content: ""; order: 1; width: 34px; height: 1px; background: currentColor; opacity: .6; }
.lx2-kicker span { order: 2; }
.lx2-q {
  display: flex; align-items: baseline; justify-content: space-between; gap: 20px;
  width: 100%; padding: 4px 0 14px;
  border: 0; border-bottom: 1px solid var(--line-2); background: none;
  font: inherit; text-align: left; color: var(--fg); cursor: text;
  transition: border-color .25s;
}
.lx2-q span { font-size: clamp(30px, 3.2vw, 48px); line-height: 1.15; }
.lx2-q i { font-style: normal; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--fg-3); white-space: nowrap; transition: color .2s; }
.lx2-q:hover { border-color: var(--fg-2); }
.lx2-q:hover i { color: var(--fg); }

/* ── Genel metin ── */
.v2 .lx-intro, .v2 .lx-note, .v2 .lx-empty-dict { color: var(--fg-3); }
.v2 .lx-intro code { background: var(--lx-card); color: var(--fg-2); }
.v2 .lx-cite { color: var(--lx-accent); border-bottom-color: color-mix(in srgb, var(--lx-accent) 45%, transparent); }
.v2 mark { background: var(--lx-mark); color: inherit; }

/* figür adı önerisi + manifesto */
.v2 .lx-name-suggest { color: var(--fg); }
.v2 .lx-name-link { color: var(--lx-accent); }
.v2 .lx-name-link:hover { color: var(--lx-accent-2); }
.v2 .lx-name-info { background: none; border-color: var(--line-2); color: var(--fg-2); }
.v2 .lx-name-info:hover { color: var(--fg); border-color: var(--fg-2); }
.v2 .lx-name-dialog { background: var(--surface); color: var(--fg); border-color: var(--line); }
.v2 .lx-name-close { color: var(--fg-3); }

/* çipler (diğer eşleşmeler, görsel türleri) */
.v2 .lx-alts { color: var(--fg-3); }
.v2 .lx-chip { border-color: var(--line-2); color: var(--fg-2); }
.v2 .lx-chip:hover { border-color: var(--fg-2); color: var(--fg); }
.v2 .lx-chip small { color: var(--fg-3); }
/* seçili çip (eski satır içi bordo stil) */
.v2 .lx-chip[style] { border-color: var(--fg) !important; color: var(--fg) !important; }

/* ── Başlıkla eşleşen eserler + sözlük kartı ── */
.v2 .lx-titleworks, .v2 .lx-dict {
  background: var(--lx-card); border-color: var(--lx-card-line); border-radius: 2px;
}
.v2 .lx-titlework a:first-child { color: var(--fg); }
.v2 .lx-titlework a:first-child:hover { color: var(--lx-accent); }
.v2 .lx-titlework small { color: var(--fg-3); }
.v2 .lx-dict { padding: 26px 28px 16px; }
.v2 .lx-lemma { color: var(--fg); font-size: clamp(2rem, 2.6vw, 2.6rem); }
.v2 .lx-roman { color: var(--fg-3); }
.v2 .lx-short-row { border-top-color: var(--lx-row-line); color: var(--fg); }
.v2 .lx-src, .v2 .lx-full h3, .v2 .lx-hes-arrow { color: var(--lx-accent); }
.v2 .lx-src-sub, .v2 .lx-h3-sub { color: var(--fg-3); }
.v2 .lx-sense { color: var(--fg); }
.v2 .lx-sense b { color: var(--lx-accent); }
.v2 .lx-sense--note { color: var(--fg-3); }
.v2 .lx-more { color: var(--lx-accent); }
.v2 .lx-hes .w { border-bottom-color: color-mix(in srgb, var(--lx-accent) 50%, transparent); }
.v2 .lx-hes .w:hover { border-bottom-color: var(--lx-accent); }
.v2 .lx-revising { color: #c6a35f; }
[data-theme="light"] .v2 .lx-revising { color: #8a6a1f; }

/* ── Sekmeler ── */
.v2 .lx-tabs { border-bottom-color: var(--line); margin-top: 8px; scrollbar-width: none; }
.v2 .lx-tabs::-webkit-scrollbar { display: none; }
.v2 .lx-tab { color: var(--fg-3); padding: 12px 18px; }
.v2 .lx-tab:hover { color: var(--fg); }
.v2 .lx-tab.is-on { color: var(--fg); border-bottom-color: var(--lx-accent); }
.v2 .lx-tab.is-off { color: rgba(var(--tint), .18); }
.v2 .lx-tab small { color: var(--fg-3); }

/* ── Metinler ── */
.v2 .lx-work-row { border-bottom-color: var(--lx-row-line); }
.v2 .lx-work-row:hover { background: var(--lx-hover); }
.v2 .lx-work-author, .v2 .lx-work-title small, .v2 .lx-work-date { color: var(--fg-3); }
.v2 .lx-work-title { color: var(--fg); }
.v2 .lx-work-n { color: var(--lx-accent); }
.v2 .lx-sort a { color: var(--fg-3); }
.v2 .lx-sort a.is-on { color: var(--lx-accent); }
.v2 .lx-back { border-color: var(--line-2); color: var(--fg-2); }
.v2 .lx-back:hover { border-color: var(--fg-2); color: var(--fg); }
.v2 .lx-work-head { color: var(--fg); }
.v2 .lx-work-head small { color: var(--fg-3); }
.v2 .lx-hit { border-bottom-color: var(--lx-row-line); }

/* tıklanabilir sözcük + popup */
.v2 .w:hover { background: rgba(var(--tint), .08); }
.v2 .w.is-active { background: var(--lx-mark); }
.v2 .lx-pop { background: var(--surface); border-color: var(--line); color: var(--fg); box-shadow: 0 14px 40px var(--shadow); border-radius: 2px; }
.v2 .lx-pop-form, .v2 .lx-pop-lemma small, .v2 .lx-pop-x { color: var(--fg-3); }
.v2 .lx-pop-lemma { color: var(--fg); }
.v2 .lx-pop-ctx, .v2 .lx-pop-dict b { color: var(--lx-accent); }
.v2 .lx-pop-parse { color: var(--fg-2); }
.v2 .lx-pop-link { color: var(--lx-accent); }
.v2 .lx-pop-sep { border-top-color: var(--line); }

/* ── Sözcük ailesi ── */
.v2 .lx-fam-chain { color: var(--fg-3); }
.v2 .lx-fam-chain a { color: var(--lx-accent); }
.v2 .lx-fam-chain [lang=grc], .v2 .lx-fam-info-word { color: var(--fg); }
.v2 .lx-fam-t1 { fill: var(--fg); }
/* ağaç kutuları: zemin kodda sabit beyaz/pastel (js/lexis-family.js) → temanın yüzeyi; tür rengi kenarda kalır.
   Eskiden koyu temada açık zemin + açık yazı = okunmuyordu. */
.v2 .lx-fam-node rect { fill: var(--surface); }
.v2 .lx-fam-node rect[stroke="#1a1a18"] { stroke: var(--fg); }
.v2 .lx-fam-t2 { fill: var(--fg-3); }
.v2 .lx-fam-edge { stroke: rgba(var(--tint), .18); }
.v2 .lx-fam-pulse { stroke: var(--lx-accent); }
.v2 .lx-fam-info { background: var(--lx-card); border-color: var(--lx-card-line); border-radius: 2px; }
.v2 .lx-fam-info-roman, .v2 .lx-fam-info-meta, .v2 .lx-fam-hint { color: var(--fg-3); }
.v2 .lx-fam-info-pos, .v2 .lx-fam-group h3 { color: var(--lx-accent); }
.v2 .lx-fam-info-parts, .v2 .lx-fam-info-gloss { color: var(--fg-2); }
.v2 .lx-fam-info-meta a { color: var(--lx-accent); }
.v2 .lx-fam-group h3 small { color: var(--fg-3); }
.v2 .lx-fam-word { background: var(--lx-card); border-color: var(--lx-card-line); color: var(--fg); border-radius: 2px; }
.v2 .lx-fam-word:hover, .v2 .lx-fam-word.is-current { border-color: var(--lx-accent); }
.v2 .lx-fam-word.is-current { background: color-mix(in srgb, var(--lx-accent) 8%, transparent); }
.v2 .lx-fam-word small, .v2 .lx-fam-word em { color: var(--fg-3); }

/* ── Çekimler ── */
.v2 .lx-par { border-bottom-color: var(--lx-row-line); }
.v2 .lx-par > summary { color: var(--fg); }
.v2 .lx-par > summary small, .v2 .lx-par-head small, .v2 .lx-par-sub > summary small { color: var(--fg-3); }
.v2 .lx-par-head, .v2 .lx-par-sub > summary { color: var(--lx-accent); }
.v2 .lx-par-table th { color: var(--fg-3); }
.v2 .lx-par-table td, .v2 .lx-par-grid th, .v2 .lx-par-grid td { border-top-color: var(--lx-row-line); }
.v2 .lx-pform small { color: var(--lx-accent); }
.v2 .lx-pform.is-zero { color: rgba(var(--tint), .28); }

/* ── Sayfalama ── */
.v2 .lx-pager a, .v2 .lx-pager span.lx-pg { color: var(--fg-2); border-color: var(--line-2); }
.v2 .lx-pager a:hover { border-color: var(--fg-2); background: var(--lx-hover); color: var(--fg); }
.v2 .lx-pager span.lx-pg { color: var(--fg-3); border-color: var(--line); }
.v2 .lx-pager-info { color: var(--fg-3); }


/* arama panelinin klavyesi bu sayfada eski açık zemini almasın */
.v2-search .lx-kb { background: none; border: 0; padding: 0; border-radius: 0; }

/* ── Telefon: sözlük satırında kaynak adı üstte, anlam tam genişlikte ── */
@media (max-width: 768px) {
  .v2 .lx-dict { padding: 16px 16px 10px; }
  .v2 .lx-short-row { flex-direction: column; gap: 2px; }
  .v2 .lx-src { flex-basis: auto; padding-top: 0; }
}