/* ModernTW global override — eski (html_sayfa fallback) markup'ini koyu/altin temaya uyarlar.
   Henuz ModernTW'ye tasinmamis sayfa parcalari bu sayede yine modern/okunur gorunur.
   Tailwind + tokens.css'ten SONRA yuklenir. */

/* --- Breadcrumb (bullet list olarak render oluyordu) --- */
.breadcumb, ul.breadcumb {
  list-style: none !important; display: flex; flex-wrap: wrap; gap: 6px;
  padding: 12px 16px !important; margin: 0 0 18px !important;
  background: var(--wm-panel); border: 1px solid var(--wm-line); border-radius: 12px;
  font-size: 13.5px;
}
.breadcumb li { display: inline-flex; align-items: center; color: var(--wm-muted); }
.breadcumb li:last-child { color: var(--wm-vurgu); font-weight: 600; }
.breadcumb a { color: var(--wm-muted); text-decoration: none; }
.breadcumb a:hover { color: var(--wm-vurgu); }

/* --- Tablolar (siralama / lonca / genel) --- */
.siralama, .tablo_wm, .birtablo, table.siralama, .indirtbl {
  width: 100%; border-collapse: separate; border-spacing: 0;
  background: var(--wm-panel); border: 1px solid var(--wm-line);
  border-radius: 12px; overflow: hidden; color: var(--wm-text);
}
.siralama td, .siralama th, .tablo_wm td, .tablo_wm th, .birtablo td, .birtablo th,
.indirtbl td, .indirtbl th, .tablo_icerik td, .tablo_icerik th {
  padding: 11px 12px; border-bottom: 1px solid var(--wm-line); text-align: center; vertical-align: middle;
}
.siralama tr:first-child, .siralama_th_bg, .indirtbl tr:first-child, .birtablo tr:first-child {
  background: var(--wm-panel-2); color: var(--wm-vurgu); font-family: 'Cinzel', Georgia, serif; font-weight: 700;
}
.siralama tr:hover td, .tablo_wm tr:hover td { background: var(--wm-vurgu-yumusak); }
.tdunkel { background: var(--wm-panel-2); }
.lonca_td, .lonca_td_2 { padding: 10px 12px; border-bottom: 1px solid var(--wm-line); }
.lonca_td_2 { background: var(--wm-panel-2); color: var(--wm-vurgu); font-weight: 600; }
.karakter_name, .kral_title { color: var(--wm-vurgu); font-weight: 600; }
.kral_seviye, .kral_level { color: var(--wm-muted); }

/* Responsive: tablolar tasarsa yatay kaydir */
.siralama, .tablo_wm, .indirtbl, .birtablo { display: block; overflow-x: auto; }

/* --- Butonlar --- */
.button, a.button, input.button, .prf_dznl {
  display: inline-block; background: var(--wm-vurgu); color: var(--wm-vurgu-ink) !important;
  border: 0; border-radius: 9px; padding: 9px 18px; font-weight: 600;
  text-decoration: none; cursor: pointer; transition: background .15s;
}
.button:hover, a.button:hover, input.button:hover { background: var(--wm-vurgu-2); }
.close { color: var(--wm-muted); opacity: .8; }

/* --- Sayfalama (pagination) --- */
.sayfalar { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin: 18px 0; list-style: none; padding: 0; }
.sayfalar a, .sayfalar span, .sayfalar li a {
  display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px;
  padding: 0 10px; border-radius: 9px; background: var(--wm-panel-2); border: 1px solid var(--wm-line);
  color: var(--wm-text); text-decoration: none;
}
.sayfalar a:hover, .sayfalar .active, .sayfalar .aktif { background: var(--wm-vurgu); color: var(--wm-vurgu-ink); border-color: var(--wm-vurgu); }

/* --- Uyari / alert kutulari --- */
.alert { padding: 14px 16px; border-radius: 12px; margin: 0 0 16px; border: 1px solid var(--wm-line);
  background: var(--wm-panel); color: var(--wm-text); }
.alert-warning { border-color: color-mix(in srgb, var(--wm-uyari) 45%, transparent); background: rgba(227,160,8,.08); color: #f5e2b4; }
.alert-danger { border-color: color-mix(in srgb, var(--wm-hata) 45%, transparent); background: rgba(240,83,63,.08); color: #ffd2cb; }
.alert-success { border-color: color-mix(in srgb, var(--wm-basari) 45%, transparent); background: rgba(63,185,80,.08); color: #c8f0cf; }

/* --- Karakter kartlari / profil --- */
.karakterlerim, .tablo_icerik { background: var(--wm-panel); border: 1px solid var(--wm-line); border-radius: 12px; padding: 14px; margin-bottom: 14px; }
.profil_img, .img_li img { border-radius: 10px; border: 1px solid var(--wm-line); }
.topLine { border-bottom: 1px solid var(--wm-line); padding-bottom: 8px; margin-bottom: 8px; color: var(--wm-vurgu); font-weight: 600; }
.yazi { color: var(--wm-muted); }

/* label rozetleri */
[class^="label-"], .label { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 700;
  background: var(--wm-vurgu-yumusak); color: var(--wm-vurgu); }

/* karakterleri.php icindeki gomulu <style> beyaz/seffaf inputlarini duzelt */
.karakterler input[type='text'], .karakterler textarea {
  background: var(--wm-panel-2) !important; color: var(--wm-text) !important;
  border: 1px solid var(--wm-line) !important; box-shadow: none !important; border-radius: 8px !important;
  line-height: normal !important; padding: 8px 12px !important;
}