/* v5 tasarimi: elle yazilan Laravel eklentileri (v5.css URETILIR, buraya yaz). site.css + v5.css'ten sonra yuklenir.
   1) ic sayfalar (site.css bilesenleri: kart, dugme, form, tablo) v5 paletine baglanir; site_renk secenegi zararsiz kalir (data-renk duruyor, renk sabit). */
:root[data-renk] {
  --zemin: #06070b; --zemin2: #0b0d12; --panel: rgba(9, 11, 17, .8); --panel-kati: #0c0e14;
  --kenar: rgba(212, 176, 106, .22); --kenar-guclu: rgba(212, 176, 106, .55);
  --altin: #d4b06a; --altin-acik: #f1dcaa; --altin-koyu: #a8853f;
  --vurgu2: #c81e2c; --vurgu3: #5ccfff; --yazi: #e2e5ec; --soluk: #9aa3b4; --koyu-yazi: #14100a;
  --isik1: rgba(92, 207, 255, .12); --isik2: rgba(200, 30, 44, .16); --isik3: rgba(212, 176, 106, .1);
  --kor: #c81e2c; --ates: #ff4d5c; --kul: #9aa3b4; --gece: #06070b; --yesil: #4fd890; --pah: 12px;
}
body { background: var(--bg); }
/* v5 onizlemesi %100 olcekte onaylandi: site.css'teki genis ekran kucultmesi (zoom .88-.92) v5'te yok */
@media (min-width: 1201px) { html { zoom: 1; } }

/* ic sayfalar: icerik ust arma ile alt bilgi arasinda; kartlar v5 paneli gibi */
.v5-ic .icerik { padding-top: 8px; padding-bottom: 0; max-width: 1232px; }
.v5-ic .kart { background: var(--pan); border-color: rgba(212, 176, 106, .18); border-radius: 0; clip-path: var(--pah-sekli); }
.v5-ic .kart-bas { background: linear-gradient(90deg, rgba(200, 30, 44, .28), rgba(200, 30, 44, .06) 60%, transparent); padding: 13px 18px 12px; border-bottom: 1px solid rgba(200, 30, 44, .45); margin-bottom: 4px; }
.v5-ic .kart-bas h1, .v5-ic .kart-bas h2 { color: var(--fildisi); }
.v5-ic .dugme { background: linear-gradient(180deg, #e0303e, #a3141f 55%, #7a0d16); color: #fff; border-color: transparent; }
.v5-ic .dugme.ikinci { background: linear-gradient(180deg, #2c3240, #161a22); color: var(--fildisi); box-shadow: inset 0 0 0 1px var(--altin-s); }

/* 2) ana sayfa: sol sutun siralama listeleri (kullanici 23.10: 4 kutu + Lonca + Oyuncu ilk 5) */
.v5 .bos { color: var(--soluk2); font-size: 13px; font-style: normal; display: block; padding: 6px 0; }
.takvim-1 { padding-top: 4px; padding-bottom: 6px; }
.takvim-2 { padding-top: 0; padding-bottom: 8px; border-top: 1px solid var(--cizgi); }
.afis-instagram img { object-position: 40% 12%; }
.afis-youtube img { object-position: 50% 0%; }
/* 28.10: afisler sol sutunu doldurur, alt kenar yan pencerelerle hizali (en az 70, en cok 110 px) */
.izgara > .sutun > .afis { flex: 1 1 70px; max-height: 110px; }
.v5 .btn.tam, .hesap .btn { width: 100%; }
.hesap p.yeni { margin: 0 0 14px; }
.v5-ana .mesaj { margin: 0 0 18px; }
.sayac-alt .gs-baslik { font: inherit; letter-spacing: normal; text-transform: none; color: inherit; }
.hesap .kapali { color: #ffb3ba; margin: 12px 0 0; }

/* 3) Hesabim (23.10): solda hesap karti + menu, sagda sayfa (Saka duzeni, v5 paleti). 900px altinda tek sutun, menu "Hesap menusu" ile acilir. */
.hesabim { display: grid; grid-template-columns: 290px minmax(0, 1fr); gap: 22px; align-items: start; margin-bottom: 24px; }
.hesabim .kart { margin-bottom: 18px; }
.h-yan, .h-ana { min-width: 0; }
.h-kart { padding: 16px 16px 14px; }
.h-baslik { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font: 500 19px var(--bas); letter-spacing: .12em; text-transform: uppercase; color: var(--altin); }
.h-baslik::before, .h-baslik::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, var(--altin-s)); }
.h-baslik::after { background: linear-gradient(90deg, var(--altin-s), transparent); }
.h-sat { display: flex; justify-content: space-between; gap: 10px; padding: 8px 10px; margin-bottom: 6px; font-size: 13px; border: 1px solid var(--cizgi); background: rgba(6, 7, 11, .55); }
.h-sat span { color: var(--soluk); flex: none; }
.h-sat b { color: #fff; font-weight: 600; text-align: right; min-width: 0; }
.h-sat .kir { overflow-wrap: anywhere; }
.h-para { display: grid; gap: 6px; margin: 10px 0 12px; }
.h-para div { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 8px 10px; font-size: 13px;
  background: linear-gradient(90deg, rgba(212, 176, 106, .16), rgba(212, 176, 106, .03)); border: 1px solid rgba(212, 176, 106, .35); }
.h-para span { color: var(--altin-a); }
.h-para b { font: 500 17px var(--bas); color: #fff; letter-spacing: .02em; }
.h-para small { font-size: 11px; color: var(--altin); }
.h-dugme { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.h-dugme form { display: contents; }
.h-dugme .dugme { width: 100%; justify-content: center; text-align: center; }
.h-menu-ac { position: absolute; opacity: 0; pointer-events: none; }
.h-menu-dugme { display: none; }
.h-menu { padding: 10px 14px 14px; }
.h-menu h3 { display: flex; align-items: center; gap: 8px; margin: 10px 0 6px; font: 500 14px var(--bas); letter-spacing: .1em; text-transform: uppercase; color: var(--altin); }
.h-menu h3::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, var(--cizgi-k), transparent); }
.h-menu ul { list-style: none; margin: 0; padding: 0; }
.h-menu a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 10px; font-size: 14px; color: var(--yazi); border-left: 2px solid transparent; transition: background .2s, color .2s; }
.h-menu a:hover, .h-menu a:focus-visible { color: #fff; background: rgba(255, 255, 255, .04); }
.h-menu a[aria-current] { color: #fff; border-left-color: var(--kizil); background: linear-gradient(90deg, rgba(200, 30, 44, .22), transparent); }
.h-rozet { font: 500 10px/1.6 var(--bas); font-style: normal; letter-spacing: .08em; text-transform: uppercase; padding: 0 6px; color: #ffd6da; border: 1px solid var(--kizil); }
.h-kutu { padding: 10px 14px; margin-bottom: 14px; font-size: 14px; border-left: 3px solid var(--simsek); background: rgba(92, 207, 255, .07); }
.h-kutu.uyari { border-left-color: var(--altin); background: rgba(212, 176, 106, .09); }
.h-kutu b { color: #fff; overflow-wrap: anywhere; }
.h-form { max-width: 620px; }
.h-alt { margin: 18px 0 10px; font: 500 16px var(--bas); letter-spacing: .08em; text-transform: uppercase; color: var(--altin-a); }
.h-alt:first-child { margin-top: 0; }
.h-karakterler { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
.h-kk { display: grid; gap: 2px; padding: 12px 14px; color: var(--yazi); border: 1px solid var(--cizgi); background: rgba(6, 7, 11, .5); clip-path: var(--pah-sekli); --pah: 8px; transition: border-color .2s; }
.h-kk:hover, .h-kk:focus-visible { border-color: var(--altin-s); color: #fff; }
.h-kk b { font: 500 17px var(--bas); color: #fff; }
.h-kk span { font-size: 13px; }
.h-kk small { font-size: 12px; color: var(--soluk); }
.h-durumlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
.h-durum { display: grid; gap: 2px; padding: 10px 14px; border: 1px solid var(--cizgi); border-left: 3px solid var(--yesil); background: rgba(6, 7, 11, .5); font-size: 13px; }
.h-durum.kotu { border-left-color: var(--kizil); }
.h-durum span { color: var(--soluk); }
.h-durum b { color: #fff; font-size: 15px; }
.h-durum a { color: var(--altin-a); font-size: 13px; }
.h-sekmeler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.h-sekmeler a { flex: 1 1 160px; padding: 10px 14px; font: 500 15px var(--bas); letter-spacing: .03em; color: var(--altin-a); border: 1px solid rgba(212, 176, 106, .35);
  background: linear-gradient(180deg, rgba(212, 176, 106, .16), rgba(212, 176, 106, .04)); clip-path: var(--pah-sekli); --pah: 8px; }
.h-sekmeler a[aria-current] { color: #fff; border-color: var(--kizil); background: linear-gradient(180deg, rgba(200, 30, 44, .45), rgba(200, 30, 44, .15)); }
.h-bilgi-tablo th { width: 42%; text-transform: none; letter-spacing: .02em; font: 500 14px var(--govde); color: var(--soluk); border-bottom: 1px solid var(--cizgi); white-space: normal; }
.h-bilgi-tablo td { color: #fff; }
.h-liste td { overflow-wrap: anywhere; }
.h-metin { white-space: pre-wrap; min-width: 220px; }
.h-not { margin-top: 10px; font-size: 12px; color: var(--soluk); }
.h-kurallar { margin: 0; padding-left: 18px; color: var(--soluk); font-size: 13px; }
.h-kurallar li { margin-bottom: 4px; }
textarea { resize: vertical; min-height: 120px; }
@media (max-width: 900px) {
  .hesabim { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .h-menu-dugme { display: flex; align-items: center; justify-content: space-between; margin: 0 0 12px; padding: 11px 14px; cursor: pointer;
    font: 500 15px var(--bas); letter-spacing: .1em; text-transform: uppercase; color: var(--altin-a); border: 1px solid var(--altin-s); background: var(--pan2); clip-path: var(--pah-sekli); }
  .h-menu-dugme::after { content: '+'; font-size: 20px; line-height: 1; }
  .h-menu-ac:checked + .h-menu-dugme::after { content: '−'; }
  .h-menu-ac:focus-visible + .h-menu-dugme { outline: 2px solid var(--simsek); outline-offset: 2px; }
  .h-menu { display: none; }
  .h-menu-ac:checked ~ .h-menu { display: block; }
}
@media (max-width: 700px) {
  /* listeler mobilde kart: her hucre kendi basligiyla (yatay kaydirma yok) */
  .h-liste thead { display: none; }
  .h-liste, .h-liste tbody, .h-liste tr, .h-liste td { display: block; width: 100%; }
  .h-liste tr { padding: 8px 0; border-bottom: 1px solid var(--kenar-guclu); }
  .h-liste td { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 8px; padding: 4px 2px; border: 0; }
  .h-liste td::before { content: attr(data-baslik); color: var(--soluk); font-size: 12px; }
  .h-metin { min-width: 0; }
}

/* 4) Hizli iletisim (Discord / WhatsApp) dugmeleri: telefonda sabit kose yerine sayfa sonunda (form alanlarinin ustune binmez; alt bilgide de baglantilar var) */
@media (max-width: 760px) {
  .yuzen, body.cerez-acik .yuzen { position: static; flex-direction: row; justify-content: center; padding: 12px 0 18px; }
}

/* HS1 hesap satislari: ilan kartlari, detay esya listeleri */
.hs-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 900px) { .hs-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .hs-izgara { grid-template-columns: minmax(0, 1fr); } }
/* kart (Saka2 duzeni): ust serit ad | derece Lv, ortada tam boy cizim + sol ustte rutbe, altta fiyat + INCELE */
.hs-ilan { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--cizgi); background: #0a0b0f; transition: border-color .2s; }
.hs-ilan:hover { border-color: var(--altin-s); }
.hs-ib { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 9px 12px; font-size: 12.5px;
  background: linear-gradient(180deg, #2a2d36, #17191f); border-bottom: 1px solid var(--cizgi); }
.hs-ib b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 500 13px var(--bas); letter-spacing: .07em; text-transform: uppercase; color: var(--altin); }
.hs-ib span { flex: none; color: var(--fildisi); }
.hs-ib i { margin-right: 6px; font-style: normal; font-weight: 600; }
.hs-sahne { position: relative; display: grid; place-items: center; height: 270px; overflow: hidden;
  background: radial-gradient(ellipse 60% 55% at 50% 62%, rgba(200, 30, 44, .2), transparent 70%), #06070a; }
.hs-cizim { width: auto; height: 250px; max-width: 100%; object-fit: contain; filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .75)); transition: transform .3s; }
.hs-ilan:hover .hs-cizim { transform: scale(1.04); }
.hs-rutbe { position: absolute; z-index: 1; top: 10px; left: 10px; display: flex; align-items: center; gap: 6px; }
.hs-rutbe small { font-size: 11px; line-height: 1.3; color: var(--fildisi); text-shadow: 0 1px 3px #000, 0 0 6px #000; }
.hs-bilgi { display: grid; gap: 2px; padding: 10px 14px 0; }
.hs-bilgi h2 { margin: 0; font: 500 15px var(--bas); color: #fff; overflow-wrap: anywhere; }
.hs-bilgi small { color: var(--soluk); font-size: 12px; }
.hs-alt { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; margin-top: auto; padding: 10px 14px 14px; }
.hs-alt .hs-fiyat { min-width: 0; text-transform: uppercase; }
.hs-alt .hs-fiyat b { font-size: 22px; }
.hs-alt .hs-fiyat s { display: block; font-size: 12px; }
.hs-ilan .dugme { justify-content: center; text-align: center; }
.hs-fiyat b { font: 500 20px var(--bas); color: var(--altin); }
.hs-fiyat s { color: var(--soluk); font-size: 13px; margin-right: 6px; }
.hs-fiyat.buyuk b { font-size: 28px; }
.hs-ust { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 14px; }
.hs-ust .mesaj { margin: 0; }
.hs-kurallar { margin-top: 14px; }
.hs-kurallar b { display: block; margin-bottom: 6px; }
.hs-pencere { margin-top: 10px; border: 1px solid var(--cizgi); background: rgba(6, 7, 11, .45); }
.hs-pencere summary { cursor: pointer; padding: 9px 12px; font: 500 15px var(--bas); letter-spacing: .04em; color: var(--altin-a); }
.hs-pencere summary small { color: var(--soluk); }
.hs-esyalar { list-style: none; margin: 0; padding: 0 12px 8px; }
.hs-esyalar li { display: grid; gap: 2px; padding: 7px 0; border-top: 1px solid var(--cizgi); font-size: 14px; }
.hs-esyalar b { color: #fff; font-weight: 600; }
.hs-efsun { color: var(--simsek); font-size: 13px; }
.hs-soket { color: var(--soluk); font-size: 12px; }
.hs-islem { margin-top: 18px; }

/* Rehber (04.11): liste kartlari + sayfa metni. Icerik suzgeci class/style siler -> metin icindeki ogeler eleman seciciyle. */
.rehber-ara { width: 100%; max-width: 520px; margin: 4px 0 18px; padding: 10px 14px; font: inherit; color: var(--fildisi); background: var(--panel); border: 1px solid var(--kenar); border-radius: 4px; }
.rehber-ara:focus { outline: 2px solid var(--altin); outline-offset: 1px; }
.rehber-kategoriler { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 0 20px; align-items: start; }
.rehber-kat ul, .rehber-komsu ul { list-style: none; margin: 0; padding: 0; }
.rehber-kat li { padding: 8px 0; border-bottom: 1px solid var(--kenar); }
.rehber-kat li:last-child { border-bottom: 0; }
.rehber-kat li a { font-weight: 600; }
.rehber-kat li small { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.5; color: var(--soluk); }
.rehber-kat-not { margin: 0 0 6px; font-size: 13px; color: var(--soluk2); }
.rehber-yol { margin: 0 0 12px; font-size: 13px; color: var(--soluk2); }
.rehber-metin aside { margin: 0 0 18px; padding: 10px 14px; background: rgba(212, 176, 106, .07); border: 1px solid var(--kenar); border-left: 3px solid var(--altin); border-radius: 3px; }
.rehber-metin aside p { margin: 2px 0; font-size: 14px; }
.rehber-metin h3 { font-size: 16.5px; margin-top: 1.2em; }
.rehber-metin figure { margin: 14px 0; }
.rehber-metin figure img { max-width: 100%; height: auto; margin: 0; cursor: zoom-in; }
.rehber-metin figcaption { margin-top: 4px; font-size: 12.5px; color: var(--soluk2); }
.rehber-metin table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin: 12px 0; font-size: 14px; line-height: 1.5; }
.rehber-metin th, .rehber-metin td { padding: 6px 10px; border: 1px solid var(--kenar); text-align: left; vertical-align: top; }
.rehber-metin th { background: rgba(255, 255, 255, .04); color: var(--fildisi); white-space: nowrap; }
.rehber-metin kbd { padding: 1px 6px; font: 600 12.5px/1.6 ui-monospace, monospace; color: var(--fildisi); background: rgba(255, 255, 255, .06); border: 1px solid var(--kenar); border-bottom-width: 2px; border-radius: 3px; }
.rehber-metin blockquote { margin: 12px 0; padding: 6px 14px; border-left: 3px solid var(--kenar); color: var(--soluk); }
.rehber-komsu li { padding: 4px 0; font-size: 14px; }
.rehber-ileri { display: flex; justify-content: space-between; gap: 12px; margin: 12px 0 0; font-size: 14px; }
.rehber-ileri .sag { margin-left: auto; text-align: right; }