/* =====================================================================
   ROHAN2 — Yeni ornate MMO teması (site geneli)
   Rohan2 Wiki için koyu-deri + altın Cinzel estetiği.
   Header'da ek.css'ten SONRA yüklenir; ortak tasarım sistemini ezer,
   layout ölçülerini korur (renk / tipografi / gölge / doku katmanı).
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Marcellus&display=swap');

:root {
  --el-bg-0: #150d06;
  --el-bg-1: #201409;
  --el-leather-1: #2a221c;
  /* premium pürüzsüz kahve (Zereth/Baerim esinli) */
  --el-leather-2: #1b1510;
  --el-panel-hi: #35251733;
  --el-line: #b29e6b;
  /* antik altın / bronz (yeşile çalan ama metalik) */
  --el-line-soft: #3f4d2a;
  --el-line-soft2: #b5ada0;
  --el-gold: #f2e2c4;
  --el-gold-2: #e5d8c3;
  --el-gold-3: #a3957b;
  --el-gold-4: #f3cf9b;
  --el-gold-5: #f3cf9b;
  --el-copper: #9b7746;
  --el-copper-2: #755730;
  --el-red: #664d26;
  --el-red-deep: #3b2a12;
  --el-text: #cdb89c;
  --el-text-dim: #97836a;
  --el-text-dim2: #e7b77b;
  --el-glow: 0 0 18px rgba(136, 158, 68, .35);
}

/* ------------------------------------------------------------------ */
/*  Zemin & tipografi temeli                                          */
/* ------------------------------------------------------------------ */
body {
  color: var(--el-text) !important;
  background-color: #0c0900 !important;
  background-image:
    radial-gradient(1000px 560px at 50% 0, rgba(136, 158, 68, .14), transparent 60%),
    url(../../images/headerBG.jpg) !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: center top, center top !important;
  background-size: auto, 1920px auto !important;
  background-attachment: scroll, scroll !important;
}

::selection {
  background: var(--el-copper);
  color: #1a0f06;
}

/* ince altın kaydırma çubuğu */
* {
  scrollbar-color: var(--el-line-soft) transparent;
  scrollbar-width: thin;
}

*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

*::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--el-line), var(--el-line-soft));
  border-radius: 20px;
  border: 2px solid rgba(0, 0, 0, .4);
}

*::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .35);
}

/* ------------------------------------------------------------------ */
/*  Üst panel / dil / menü                                            */
/* ------------------------------------------------------------------ */
.top-panel {
  background: linear-gradient(180deg, rgba(10, 16, 5, 0.95), rgba(18, 28, 10, 0.95)) !important;
  /* hafif yeşil ton (dark olive) */
  /* border-bottom: 2px solid var(--el-line-soft); */
  box-shadow: 0 4px 20px rgba(0, 0, 0, .8);
  backdrop-filter: blur(8px);
}

/* Dil seçicisini menüye yaklaştır: ikisini sağda grupla (bloğun iç yapısına
   -ok/çizgi ayarına- dokunma, sadece konteyner düzenini değiştir) */
.top-panel-container {
  justify-content: flex-end !important;
  gap: 30px !important;
  align-items: center !important;
}

.top-menu ul li a,
.lang-block .main-item {
  color: var(--el-gold-5) !important;
  font-family: 'Marcellus', serif;
  letter-spacing: .5px;
  font-weight: 600;
  text-transform: uppercase;
  transition: color .3s ease, text-shadow .3s ease;
}

.top-menu ul li a:hover,
.lang-block .main-item:hover {
  color: var(--el-gold) !important;
  text-shadow: var(--el-glow);
}

/* Menü linklerinin line-height'ı (temelde 75px) panelden taşıp alt kenarlığın
   altında "ikinci çizgi" gibi görünüyordu — panele sığacak şekilde kıs */
.top-menu ul li a {
  line-height: 46px !important;
}

/* Dil seçici: metin BÜYÜK HARF+letter-spacing ile genişleyip açılır ok (::after, sol 72px)
   ile çakışıyordu — bu öğede metni normal genişliğe döndür + oka pay bırak */
.lang-block .main-item {
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: 500 !important;
  padding-right: 20px !important;
}

.lang-block .hidden-block {
  background: linear-gradient(180deg, rgba(23, 36, 16, 0.98), rgba(14, 23, 7, 0.98)) !important;
  /* menü açılır kutusu yeşil ton */
  border: 1px solid var(--el-line-soft) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
}

/* ------------------------------------------------------------------ */
/*  Arama kutusu                                                       */
/* ------------------------------------------------------------------ */
.snrtr_SearchInput {
  background: linear-gradient(180deg, #121808, #16200c) !important;
  border: 1px solid var(--el-line-soft) !important;
  border-radius: 8px !important;
  color: var(--el-gold) !important;
  box-shadow: inset 0 2px 10px rgba(0, 0, 0, .6) !important;
  margin-bottom: 16px !important;
  transition: border-color .25s ease, box-shadow .25s ease;
}

.snrtr_SearchInput::placeholder {
  color: var(--el-text-dim) !important;
}

.snrtr_SearchInput:focus {
  border-color: var(--el-copper) !important;
  box-shadow: inset 0 2px 10px rgba(0, 0, 0, .6), var(--el-glow) !important;
  outline: none !important;
}

/* Boş arama sonuç kutusu görünmesin — sadece sonuç varken stille */
#snrtr_aramaSonuc:empty {
  display: none !important;
  border: 0 !important;
  background: none !important;
  padding: 0 !important;
}

#snrtr_aramaSonuc:not(:empty) {
  background: linear-gradient(180deg, #18200d, #101509) !important;
  border: 1px solid var(--el-line-soft) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .6);
  border-radius: 4px;
  overflow: auto;
  height: auto !important;
  max-height: 400px;
}

#snrtr_aramaSonuc ul {
  border: none !important;
}

#snrtr_aramaSonuc ul li {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  color: var(--el-gold) !important;
  padding: 12px 20px !important;
}

#snrtr_aramaSonuc ul li:last-child {
  border-bottom: none !important;
}

#snrtr_aramaSonuc ul li:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

#snrtr_aramaSonuc ul li a,
#snrtr_aramaSonuc ul li i {
  color: var(--el-gold) !important;
}

/* ------------------------------------------------------------------ */
/*  Kutu (çerçeve) — ana panel                                        */
/* ------------------------------------------------------------------ */
.snrtr_Kutu {
  position: relative;
  border: 1px solid var(--el-line) !important;
  border-radius: 4px;
  box-shadow:
    0 18px 40px -10px rgba(0, 0, 0, .7),
    inset 0 0 0 1px rgba(220, 255, 185, .05),
    inset 0 1px 0 rgba(220, 255, 185, .08) !important;
  background-color: #12160d;
  /* yeşil tonlu koyu arka plan */
  background-blend-mode: normal;
}

/* renk dokularının üzerine sıcak, ferah deri degrade (çok karanlık olmasın) */
.snrtr_Renk_1,
.snrtr_Renk_2,
.snrtr_Renk_3,
.snrtr_Renk_4 {
  background-blend-mode: darken, luminosity !important;
  /* background-blend-mode: initial !important; */
  background-color: #141a03dc !important;
}

.snrtr_Renk_2 {
  background-image:
    linear-gradient(160deg, rgba(108, 78, 49, .5), rgba(48, 32, 19, .55)),
    url(../../images/light-bg.jpg) !important;
}

.snrtr_Renk_1 {
  background-image:
    linear-gradient(160deg, rgba(96, 72, 50, .5), rgba(42, 30, 22, .62)),
    url(../../images/sidebar-bg.jpg) !important;
}

/* Gaya kutusu: slider/görsel altındaki fazla boşluğu kıs (sabit yükseklik+padding yerine içeriğe otur) */
.snrtr_Kutu_Icerik:has(> .snrtr_GayaMagazasi) {
  height: auto !important;
  padding-bottom: 2px !important;
}

/* Gaya mağazası görselini biraz sağa kaydır (değeri buradan ayarla) */
.snrtr_GayaMagazasi {
  left: 7px !important;
}

/* NPC kutusu: gaya ile aynı — alt boşluğu kıs + görseli ortala */
.snrtr_Kutu_Icerik:has(.snrtr_Npcler) {
  height: auto !important;
  padding-bottom: 2px !important;
}

.snrtr_Npcler {
  left: 8px !important;
}

/* Başlık şeridi */
.snrtr_Kutu_Baslik {
  border-bottom: 1px solid var(--el-line-soft);
  background: linear-gradient(180deg, rgba(136, 158, 68, .10), rgba(0, 0, 0, 0));
}

.snrtr_Kutu_Baslik h1,
.snrtr_Kutu_Baslik h2,
.baslik {
  font-family: 'Cinzel', serif !important;
  font-weight: 700 !important;
  /* letter-spacing: 1.2px; */
  /* Cinzel majüskül bir font; text-transform:uppercase düz/bozuk (özellikle Türkçe İ)
     görünüyordu — kapatıp zarif Cinzel görünümünde bırak */
  text-transform: none !important;
  color: var(--el-gold) !important;
  background: linear-gradient(180deg, #f2e2c4 0%, #cbbba1 45%, #9b7746 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 2px 10px rgba(155, 119, 70, .25);
  filter: drop-shadow(0 1px 0 rgba(0, 0, 0, .5));
}

.snrtr_Kutu_Baslik h3 {
  color: var(--el-text-dim2) !important;
  font-family: 'Marcellus', serif;
  letter-spacing: .3px;
}

/* .baslik altına ince altın ayraç */
.baslik {
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 6px;
}

.baslik::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 190px;
  max-width: 60%;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--el-line), var(--el-copper), var(--el-line), transparent);
}

hr {
  border: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, var(--el-line-soft), var(--el-line), var(--el-line-soft), transparent) !important;
  opacity: .8;
}

/* liste öğeleri */
.snrtr_Kutu_Icerik a.list-group-item {
  background: linear-gradient(to top left, #121a0d, #1a2612, #344a26) !important;
  border-left: 2px solid transparent !important;
  transition: background .25s ease, border-color .25s ease, transform .2s ease;
}

.snrtr_Kutu_Icerik a.list-group-item:hover {
  background: linear-gradient(to top left, #1a2612, #334a21, #5c8538) !important;
  border-left-color: var(--el-copper) !important;
  color: var(--el-gold) !important;
}

/* ------------------------------------------------------------------ */
/*  Item / mob karoları                                               */
/* ------------------------------------------------------------------ */
.snrtr_itemIcerik {
  box-sizing: border-box !important;
  /* border genişliğe eklenmesin — slider'da sağ kenarlık kırpılmıyor */
  border: 1px solid var(--el-line-soft) !important;
  border-radius: 6px;
  background-color: #11130d !important;
  /* hafif grimsi koyu yeşil */
  box-shadow: inset 0 0 22px rgba(0, 0, 0, .65), 0 6px 16px -8px rgba(0, 0, 0, .8) !important;
  transition: transform .18s ease, box-shadow .25s ease, border-color .25s ease !important;
}

.snrtr_itemIcerik:hover {
  transform: translateY(-3px);
  border-color: var(--el-copper) !important;
  box-shadow: inset 0 0 22px rgba(0, 0, 0, .5), 0 10px 22px -6px rgba(0, 0, 0, .85), var(--el-glow) !important;
}

.snrtr_itemIcerik span {
  background: linear-gradient(180deg, #2d331a, #180f08) !important;
  color: var(--el-gold-4) !important;
  border-top: 1px solid var(--el-line-soft);
  font-family: 'Marcellus', serif;
  letter-spacing: .3px;
}

.snrtr_itemIcerik:hover span {
  color: var(--el-gold) !important;
}

/* slider (slick) içindeki karolar: yatay margin karoyu slide dışına itip
   sağ kenarlığın overflow:hidden ile kırpılmasına yol açıyordu — sıfırla */
.slick-slide .snrtr_itemIcerik {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* seviye / adet rozetleri — altın "gem" */
.snrtr_itemIcerik .adet,
.snrtr_adetAlt {
  background: linear-gradient(180deg, #e7b871, #b5772f) !important;
  color: #1a0f06 !important;
  font-weight: 700;
  font-family: 'Marcellus', serif;
  border: 1px solid #ffe6bf !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .5) !important;
  text-shadow: none !important;
}

/* ------------------------------------------------------------------ */
/*  Harita / zindan karoları                                          */
/* ------------------------------------------------------------------ */
.snrtr_ZindanIcerik {
  border: 1px solid var(--el-line-soft);
  border-radius: 6px;
  box-shadow: inset 0 0 20px rgba(0, 0, 0, .6);
  transition: transform .18s ease, box-shadow .25s ease, border-color .25s ease;
}

.snrtr_ZindanIcerik:hover {
  border-color: var(--el-copper);
  box-shadow: inset 0 0 18px rgba(0, 0, 0, .45), var(--el-glow);
  transform: translateY(-3px);
}

.snrtr_ZindanBaslik {
  color: var(--el-gold-2) !important;
  font-family: 'Marcellus', serif;
}

/* ------------------------------------------------------------------ */
/*  Sosyal blok                                                        */
/* ------------------------------------------------------------------ */
.soc-block table a {
  color: var(--el-gold-2) !important;
  font-family: 'Marcellus', serif;
  transition: color .25s ease, text-shadow .25s ease;
}

.soc-block table a:hover {
  color: var(--el-gold) !important;
  text-shadow: var(--el-glow);
}

.soc-block table a:hover .icon {
  border-color: var(--el-copper) !important;
  box-shadow: var(--el-glow) !important;
}

.icon {
  border-color: var(--el-line-soft2) !important;
}

/* ------------------------------------------------------------------ */
/*  Tablolar                                                           */
/* ------------------------------------------------------------------ */
.snrtr_stats,
table.Zeus-Table {
  border: 1px solid var(--el-line-soft) !important;
  background: rgba(0, 0, 0, .25) !important;
}

.Zeus-Table td,
.snrtr_stats td,
.snrtr_stats th {
  border-color: rgba(124, 92, 52, .4) !important;
}

.Zeus-Table tr:hover td {
  background: rgba(204, 115, 68, .08) !important;
}

/* Detay tooltip kutusu KASITLI olarak temalanmıyor — kullanıcı orijinal
   görünümü (köşe görselli kutu + Arial font + #ffd200 başlık) tercih etti. */

/* ------------------------------------------------------------------ */
/*  Butonlar                                                           */
/* ------------------------------------------------------------------ */
/* NOT: .button-bg (sidebar karakter butonları) kasıtlı olarak temalanmıyor —
   kullanıcı orijinal görünümü tercih etti. Sadece çerez butonu temalı. */
button.cerezKabulEt {
  background: linear-gradient(180deg, #eeb671, #be7c39) !important;
  color: #1a0f06 !important;
  border: 1px solid #ffe6bf !important;
  font-family: 'Marcellus', serif;
  font-size: 16px !important;
  font-weight: 700;
  letter-spacing: .5px;
  padding: 8px 24px !important;
  border-radius: 4px !important;
  cursor: pointer;
  text-shadow: none !important;
  box-shadow: 0 4px 14px -4px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .35) !important;
  transition: all .2s ease;
}

button.cerezKabulEt:hover {
  filter: brightness(1.15);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px -2px rgba(0, 0, 0, .8), inset 0 1px 0 rgba(255, 255, 255, .5) !important;
}

/* ------------------------------------------------------------------ */
/*  Çerez şeridi & footer                                             */
/* ------------------------------------------------------------------ */
.cerezpolitika {
  background: linear-gradient(180deg, #201409, #120b06) !important;
  border-top: 1px solid var(--el-line-soft) !important;
  color: var(--el-text) !important;
}

.cerezRow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 0 !important;
  gap: 15px;
}

.cerezYazi {
  margin: 0 !important;
  width: auto !important;
  font-size: 15px !important;
  color: #edc388 !important;
}

button.cerezKabulEt {
  margin: 10px 40px 0 0 !important;
}

.footer {
  color: var(--el-text-dim);
  /* footer çok ayrık duruyordu: aşırı üst boşluğu + min-height'ı kıs (değerleri buradan ayarla) */
  padding-top: 150px !important;
  min-height: 0 !important;
}

/* Footer logosu (R): konteyner min-height:295px + logo absolute top:-50px olduğu için
   yukarıda kalıp altında büyük boşluk bırakıyordu. Konteyneri kıs + logoyu aşağı indir
   (logonun dikey konumu = .footer-logo a { top } değeri) */
.footer .footer-logo {
  min-height: 170px !important;
}

.footer .footer-logo a {
  top: 55px !important;
}

.footer .copyright {
  margin: 4px 0 !important;
}

.footer .footer-extra {
  margin-top: 2px !important;
  opacity: .9;
  font-size: 13px;
}

.footer-links {
  margin-top: 14px !important;
}

.footer .snrtr_f-menu a {
  color: var(--el-gold-2) !important;
  transition: color .25s ease;
}

.footer .snrtr_f-menu a:hover {
  color: var(--el-gold) !important;
}

/* genel bağlantı vurgusu (menü/başlık dışı) */
.snrtr_Kutu_Icerik a:not(.list-group-item):hover {
  color: var(--el-copper-2) !important;
}

/* Özel PC kartı tasarımı */
.pc-card {
  background: linear-gradient(to bottom, #38342c 0%, #100f0c 100%) !important;
  border: 1px solid #4a3e2a !important;
  border-radius: 4px !important;
  padding: 12px 14px !important;
}

/* Custom Map Tooltip Styles */
.custom-map-tooltip {
  pointer-events: none; /* Do not block mouse */
}
.tt-corner {
  position: absolute;
  width: 16px;
  height: 16px;
}
.tt-tl { top: -8px; left: -8px; }
.tt-tr { top: -8px; right: -8px; }
.tt-bl { bottom: -8px; left: -8px; }
.tt-br { bottom: -8px; right: -8px; }
.maptip-content {
  padding: 8px 12px;
  border: 1px solid #4a3e2a;
  box-shadow: 0 4px 10px rgba(0,0,0,0.8);
  min-width: 120px;
  text-align: center;
}