/* ==========================================================
   Arvion2 Generation · "Sinematik" tasarım katmanı
   Büyük oyun stüdyosu sitesi havası: ilk ekran tam boy sahne,
   iri tipografi, film greni, geniş boşluklu bölümler.
   Yalnızca CSS; PHP'ye dokunmaz. arvion-redesign.css'in yerine yüklenir.
   ========================================================== */
.arvion-panel-home {
  --cn-gold: #e9bf73;
  --cn-gold-hi: #fff0c9;
  --cn-gold-lo: #a07535;
  --cn-ink: #070504;
  --cn-panel: rgba(12, 9, 7, .82);
  --cn-line: rgba(233, 191, 115, .16);
  --cn-text: #efe3cb;
  --cn-muted: #a99a80;
  --cn-ember: #ff8a3d;
  --cn-display: Marcellus, Georgia, serif;
  background: var(--cn-ink);
}

/* ---------- Sahne: video + vinyet + film greni + ışık hüzmesi ---------- */
.arvion-panel-home .kom-backdrop { height: 100vh !important; }
.arvion-panel-home .kom-bg-video { height: 100% !important; object-fit: cover; filter: saturate(1.05) contrast(1.05); }
.arvion-panel-home .kom-backdrop::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 80% 70% at 50% 38%, transparent 30%, rgba(7, 5, 4, .7) 80%, var(--cn-ink) 100%),
    linear-gradient(to bottom, rgba(7, 5, 4, .35) 0%, transparent 25%, transparent 55%, var(--cn-ink) 100%);
}
/* Film greni: SVG gürültü, çok hafif */
.arvion-panel-home::after {
  content: ""; position: fixed; inset: 0; z-index: 90; pointer-events: none; opacity: .07; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation: cn-grain 1s steps(4) infinite;
}
@keyframes cn-grain {
  0% { transform: translate(0, 0); } 25% { transform: translate(-3%, 2%); }
  50% { transform: translate(2%, -3%); } 75% { transform: translate(-2%, -1%); } 100% { transform: translate(0, 0); }
}
/* Uçuşan korlar */
.arvion-panel-home::before {
  content: ""; position: fixed; inset: -20% 0 0; z-index: 0; pointer-events: none;
  background-image:
    radial-gradient(2px 2px at 10% 82%, var(--cn-ember), transparent 60%),
    radial-gradient(2px 2px at 24% 94%, #ffc27a, transparent 60%),
    radial-gradient(3px 3px at 41% 88%, var(--cn-ember), transparent 60%),
    radial-gradient(2px 2px at 57% 97%, #ffd89a, transparent 60%),
    radial-gradient(2px 2px at 71% 85%, var(--cn-ember), transparent 60%),
    radial-gradient(3px 3px at 86% 92%, #ffc27a, transparent 60%),
    radial-gradient(2px 2px at 95% 99%, #ffd89a, transparent 60%);
  filter: drop-shadow(0 0 4px rgba(255, 138, 61, .9));
  animation: cn-embers 18s linear infinite; opacity: .75;
}
@keyframes cn-embers { to { transform: translateY(-120vh) translateX(50px); } }

/* ---------- Üst menü: sahnenin üstünde süzülen ince şerit ---------- */
.arvion-panel-home .navigation-wrapper {
  background: linear-gradient(to bottom, rgba(7, 5, 4, .85), rgba(7, 5, 4, .35)) !important;
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--cn-line);
}
.arvion-panel-home .navigation .nav-item,
.arvion-panel-home .home-dropdown-toggle {
  font-size: 12px !important; letter-spacing: .18em !important; text-transform: uppercase;
  color: #d9ccb2 !important; text-shadow: none !important; transition: color .2s;
}
.arvion-panel-home .navigation .nav-item:hover,
.arvion-panel-home .navigation .nav-item.active { color: var(--cn-gold-hi) !important; }
.arvion-panel-home .navigation .nav-item { position: relative; }
.arvion-panel-home .navigation .nav-item::after {
  content: ""; position: absolute; left: 50%; right: 50%; bottom: -2px; height: 1px;
  background: var(--cn-gold); transition: left .3s, right .3s;
}
.arvion-panel-home .navigation .nav-item:hover::after,
.arvion-panel-home .navigation .nav-item.active::after { left: 4px; right: 4px; }
.arvion-panel-home .navigation .btn-primary {
  padding: 11px 26px !important; border-radius: 2px !important;
  background: var(--cn-gold) !important; color: #120b04 !important; -webkit-text-fill-color: #120b04 !important;
  font: 800 12px/1 "Open Sans", sans-serif !important; letter-spacing: .2em !important; text-transform: uppercase;
  text-shadow: none !important; border: 0 !important;
  clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
  box-shadow: none !important; transition: background .2s, transform .2s;
}
.arvion-panel-home .navigation .btn-primary:hover { background: var(--cn-gold-hi) !important; transform: translateY(-1px); }
.arvion-panel-home .navigation .btn-primary::after { display: none !important; }

/* ---------- İlk ekran: tam boy sahne ---------- */
.arvion-panel-home .site-container { max-width: 1320px; }
.arvion-panel-home .kom-hero {
  min-height: calc(100vh - 68px - 210px); min-height: calc(100svh - 68px - 210px);
  flex-direction: column; justify-content: flex-end; padding-bottom: 10px;
}
.arvion-panel-home .kom-hero .logo {
  width: min(820px, 88vw) !important; height: auto !important; margin: 0 auto !important;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, .85)) drop-shadow(0 0 30px rgba(233, 191, 115, .25));
  animation: cn-rise 1.4s cubic-bezier(.2, .8, .2, 1) both;
}
.arvion-panel-home .kom-hero .logo img { height: auto !important; }
@keyframes cn-rise { from { opacity: 0; transform: translateY(30px) scale(.97); filter: blur(6px); } }
/* Kicker satırı: logonun üstünde */
.arvion-panel-home .kom-hero::before {
  content: "YENİ SUNUCU  ·  30 EKİM 21:00";
  order: -1; margin-bottom: 18px; white-space: pre;
  color: var(--cn-gold); font: 700 12px/1 "Open Sans", sans-serif; letter-spacing: .45em;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .9);
  animation: cn-fade 1.2s .2s both;
}
/* Büyük alt başlık: logonun altında */
.arvion-panel-home .kom-hero::after {
  content: "70–120 ORTA EMEK  ·  RETURN"; white-space: pre;
  margin-top: 8px;
  color: var(--cn-gold-hi); font: 400 clamp(20px, 2.6vw, 34px)/1.2 var(--cn-display); letter-spacing: .32em;
  text-shadow: 0 4px 24px rgba(0, 0, 0, .95);
  animation: cn-fade 1.2s .45s both;
}
@keyframes cn-fade { from { opacity: 0; transform: translateY(14px); } }

/* ---------- CTA şeridi: İndir + istatistikler sahnenin altında ortada ---------- */
.arvion-panel-home .two-col-layout {
  grid-template-columns: 360px minmax(0, 1fr) !important;
  grid-template-areas: "download download" "stats stats" "sidebar main" !important;
  row-gap: 22px !important; column-gap: 28px !important;
}
.arvion-panel-home .download-frame { justify-self: center; width: min(420px, 100%); animation: cn-fade 1.2s .7s both; }
.arvion-panel-home .download-btn {
  position: relative; overflow: hidden; isolation: isolate;
  display: flex !important; flex-direction: row !important; align-items: center; justify-content: center; gap: 16px;
  min-height: 72px !important; border-radius: 2px !important; border: 0 !important;
  background: linear-gradient(180deg, #ffe7ad, var(--cn-gold) 50%, #c79446) !important;
  color: #120b04 !important; text-shadow: none !important;
  clip-path: polygon(18px 0, 100% 0, calc(100% - 18px) 100%, 0 100%);
  box-shadow: none !important; transition: transform .25s, filter .25s;
}
.arvion-panel-home .download-btn::before {
  content: ""; position: absolute; top: 0; bottom: 0; left: -60%; width: 35%; z-index: -1;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .7), transparent);
  transform: skewX(-20deg); animation: cn-shine 3.8s ease-in-out infinite;
}
@keyframes cn-shine { 0%, 55% { left: -60%; } 100% { left: 130%; } }
.arvion-panel-home .download-btn:hover { transform: translateY(-3px); filter: brightness(1.08); }
.arvion-panel-home .download-btn i { font-size: 22px; }
.arvion-panel-home .download-btn-title { font: 800 18px/1 "Open Sans", sans-serif !important; letter-spacing: .35em; text-transform: uppercase; }
.arvion-panel-home .download-frame::after {
  content: "Windows · Ücretsiz"; display: block; margin-top: 10px; text-align: center;
  color: var(--cn-muted); font-size: 11px; letter-spacing: .25em; text-transform: uppercase;
}

.arvion-panel-home .server-stats-slot { justify-self: center; animation: cn-fade 1.2s .85s both; }
.arvion-panel-home .home-statistics { justify-content: center !important; gap: 0 !important; padding: 0 !important; }
.arvion-panel-home .home-stat {
  padding: 4px 34px; gap: 14px;
  border-left: 1px solid var(--cn-line);
}
.arvion-panel-home .home-stat:first-child { border-left: 0; }
.arvion-panel-home .home-stat > i { color: var(--cn-gold) !important; font-size: 20px !important; }
.arvion-panel-home .home-stat span { color: var(--cn-muted) !important; font-size: 10px !important; letter-spacing: .25em !important; text-transform: uppercase; }
.arvion-panel-home .home-stat strong {
  color: var(--cn-gold-hi) !important; -webkit-text-fill-color: var(--cn-gold-hi) !important; background: none !important;
  font: 400 30px/1.1 var(--cn-display) !important; text-shadow: 0 2px 12px rgba(0, 0, 0, .9) !important;
}
.arvion-panel-home .home-stat:first-child span::before {
  content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%;
  background: #3bd16f; vertical-align: 1px; animation: cn-live 1.8s infinite;
}
@keyframes cn-live { 0% { box-shadow: 0 0 0 0 rgba(59, 209, 111, .6); } 80%, 100% { box-shadow: 0 0 0 7px rgba(59, 209, 111, 0); } }

/* Kaydırma işareti: istatistiklerin altında */
.arvion-panel-home .server-stats-slot::after {
  content: ""; display: block; width: 1px; height: 46px; margin: 26px auto 18px;
  background: linear-gradient(to bottom, var(--cn-gold), transparent);
  animation: cn-scroll 2.2s ease-in-out infinite;
}
@keyframes cn-scroll { 0% { transform: scaleY(0); transform-origin: top; } 50% { transform: scaleY(1); transform-origin: top; } 51% { transform-origin: bottom; } 100% { transform: scaleY(0); transform-origin: bottom; } }

/* ---------- İçerik bölümleri: koyu, keskin, editoryal ---------- */
.arvion-panel-home .panel,
.arvion-panel-home .page {
  position: relative;
  border: 1px solid var(--cn-line) !important; border-radius: 0 !important;
  background: var(--cn-panel) !important;
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 30px 60px rgba(0, 0, 0, .55) !important;
}
.arvion-panel-home .panel::before,
.arvion-panel-home .page::before {
  content: "" !important; display: block !important; position: absolute; left: -1px; top: -1px;
  width: 64px !important; height: 2px !important; border: 0 !important; background: var(--cn-gold) !important;
}
.arvion-panel-home .panel::after,
.arvion-panel-home .page::after { display: none !important; }
.arvion-panel-home .panel .panel-header {
  padding: 22px 24px 16px !important; border-bottom: 0 !important; background: none !important;
  color: var(--cn-text) !important; text-shadow: none !important;
  font: 400 22px/1.2 var(--cn-display) !important; letter-spacing: .04em !important;
}
.arvion-panel-home .panel .panel-header > div {
  color: var(--cn-text) !important; -webkit-text-fill-color: var(--cn-text) !important; background: none !important; text-shadow: none !important;
}
.arvion-panel-home .home-panel-mark { display: none !important; }
.arvion-panel-home .news-title {
  color: var(--cn-text) !important; -webkit-text-fill-color: var(--cn-text) !important; background: none !important; text-shadow: none !important;
  font: 400 clamp(30px, 3vw, 42px)/1.1 var(--cn-display) !important; letter-spacing: .02em;
}
.arvion-panel-home .news-title::before {
  content: "SON HABERLER"; display: block; margin-bottom: 10px;
  color: var(--cn-gold); font: 700 11px/1 "Open Sans", sans-serif; letter-spacing: .4em;
}
.arvion-panel-home .home-news-label { border-radius: 0 !important; border-color: var(--cn-line) !important; color: var(--cn-muted) !important; }

/* Formlar */
.arvion-panel-home .login-form .input {
  border-radius: 0 !important; border: 0 !important; border-bottom: 1px solid rgba(233, 191, 115, .25) !important;
  background: rgba(0, 0, 0, .35) !important; transition: border-color .2s, background .2s;
}
.arvion-panel-home .login-form .input:focus-within { border-bottom-color: var(--cn-gold) !important; background: rgba(233, 191, 115, .06) !important; }
.arvion-panel-home .login-form .input i { color: var(--cn-gold) !important; }
.arvion-panel-home .default-button {
  border-radius: 0 !important; border: 0 !important;
  background: var(--cn-gold) !important; color: #120b04 !important; text-shadow: none !important;
  font-weight: 800 !important; letter-spacing: .18em !important; text-transform: uppercase; font-size: 12px !important;
  clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
  box-shadow: none !important; transition: background .2s;
}
.arvion-panel-home .default-button:hover { background: var(--cn-gold-hi) !important; }

/* Sıralama */
.arvion-panel-home .ranking-tab { letter-spacing: .15em !important; text-transform: uppercase; }
.arvion-panel-home .ranking-tab.active { color: var(--cn-gold-hi) !important; box-shadow: inset 0 -2px 0 var(--cn-gold) !important; }
.arvion-panel-home .podium-card { border-radius: 0 !important; transition: transform .25s; }
.arvion-panel-home .podium-card:hover { transform: translateY(-4px); }
.arvion-panel-home .podium-1st .podium-avatar { border-radius: 50%; box-shadow: 0 0 0 2px var(--cn-gold), 0 0 24px rgba(233, 191, 115, .5); }
.arvion-panel-home .ranking-row { transition: background .2s; }
.arvion-panel-home .ranking-row:hover { background: rgba(233, 191, 115, .07) !important; }
.arvion-panel-home .ranking-name { color: #f1e4c8 !important; }
.arvion-panel-home .ranking-position { color: var(--cn-gold) !important; font-family: var(--cn-display); font-size: 16px; }

/* Duyurular */
.arvion-panel-home .article {
  border: 1px solid var(--cn-line) !important; border-radius: 0 !important;
  background: rgba(0, 0, 0, .35) !important; transition: border-color .25s, transform .25s;
}
.arvion-panel-home .article:hover { border-color: rgba(233, 191, 115, .45) !important; transform: translateY(-2px); }
.arvion-panel-home .article-category-icon { border-radius: 0 !important; background: var(--cn-gold) !important; color: #120b04 !important; }
.arvion-panel-home .article-title-text { font-family: var(--cn-display); font-size: 22px !important; color: var(--cn-text) !important; }

/* Etkinlikler */
.arvion-panel-home .home-events strong { color: #f3e2bf !important; font-size: 15px; }
.arvion-panel-home .home-events span,
.arvion-panel-home .home-events time { color: #c9b896 !important; }

/* Alt bilgi */
.arvion-panel-home .footer { border-top: 1px solid var(--cn-line); background: var(--cn-ink) !important; padding: 40px 0 !important; }
.arvion-panel-home .footer-nav a,
.arvion-panel-home .footer-nav button { letter-spacing: .2em; text-transform: uppercase; font-size: 11px !important; }

/* Eski köşe süsleri sinematik düzene uymuyor */
.arvion-panel-home .two-col-layout::before,
.arvion-panel-home .two-col-layout::after { display: none !important; }
/* Menü yazıları: sitenin ana stili bağlantılarda büyük harfi kilitliyor;
   tutarlı olsun diye hepsi normal yazı */
.arvion-panel-home .navigation .nav-item,
.arvion-panel-home .navigation .home-dropdown-toggle { text-transform: none !important; letter-spacing: .04em !important; font-size: 14px !important; }
.arvion-panel-home .news-title::before { content: "SON HABERLER" !important; display: block !important; }

/* Sol menüdeki Tanıtım Videoları kutusu gizli */
.arvion-panel-home .panel:has(.home-videos) { display: none !important; }

/* Arvion2 Hakkında yazısı */
.arvion-panel-home .home-about { border-color: rgba(233, 191, 115, .35) !important; }
.arvion-panel-home .home-about .article-preview { max-width: 720px; color: #e2d6bf; font-size: 15px; line-height: 1.8; }
.arvion-panel-home .home-about .article-preview p { margin: 0 0 14px; }
.arvion-panel-home .home-about .article-preview p:last-child { color: var(--cn-gold-hi); font-family: var(--cn-display); font-size: 18px; letter-spacing: .03em; }
.arvion-panel-home .home-about .article-preview strong { color: var(--cn-gold-hi); }
.arvion-panel-home .home-about .article-date { letter-spacing: .2em; text-transform: uppercase; }

/* "Yeni sunucu · 30 Ekim" üst satırı kaldırıldı */
.arvion-panel-home .kom-hero::before { content: none !important; display: none !important; }

/* Facebook kutusu: alan daralınca eklenti 180 px'e düşüyordu; tam genişlik ver */
.arvion-panel-home .home-social-embed .panel-body { display: block !important; padding: 22px !important; }
.arvion-panel-home .home-social-embed .fb-page,
.arvion-panel-home .home-social-embed .fb-page > span,
.arvion-panel-home .home-social-embed .fb-page iframe { display: block !important; width: 100% !important; max-width: 500px; margin: 0 auto; }

/* Alt bilgideki sanal mağaza sağlayıcı satırı gizli */
.arvion-panel-home .home-provider { display: none !important; }

/* ---------- Alt sayfalar (İndir, Kayıt Ol, Sıralama, Destek...) ----------
   Büyük sahne sadece ana sayfada; alt sayfalarda içerik hemen üstte açılır. */
.arvion-panel-home.is-subpage .kom-hero {
  min-height: 0 !important; padding: 26px 0 10px !important;
}
.arvion-panel-home.is-subpage .kom-hero .logo { width: min(300px, 70vw) !important; animation: none; }
.arvion-panel-home.is-subpage .kom-hero::before,
.arvion-panel-home.is-subpage .kom-hero::after { display: none !important; }
.arvion-panel-home.is-subpage .download-frame,
.arvion-panel-home.is-subpage .server-stats-slot { display: none !important; }
.arvion-panel-home.is-subpage .two-col-layout { grid-template-areas: "sidebar main" !important; }
.arvion-panel-home.is-subpage .kom-backdrop { opacity: .55; }

/* ---------- Telefon ---------- */
@media (max-width: 760px) {
  .arvion-panel-home.is-subpage .two-col-layout { grid-template-areas: "main" "sidebar" !important; }
  .arvion-panel-home .two-col-layout { grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "download" "stats" "sidebar" "main" !important; }
  .arvion-panel-home .kom-hero { min-height: calc(100svh - 66px - 230px); padding-top: 30px; }
  .arvion-panel-home .kom-hero::before { font-size: 10px; letter-spacing: .3em; }
  .arvion-panel-home .kom-hero::after { font-size: 16px; letter-spacing: .2em; }
  .arvion-panel-home .home-statistics { flex-wrap: nowrap !important; }
  .arvion-panel-home .home-stat { padding: 4px 16px; }
  .arvion-panel-home .home-stat > i { display: none; }
  .arvion-panel-home .home-stat strong { font-size: 24px !important; }
}

/* ---------- Hareket azaltma ---------- */
@media (prefers-reduced-motion: reduce) {
  .arvion-panel-home::before, .arvion-panel-home::after { display: none; }
  .arvion-panel-home .kom-hero .logo, .arvion-panel-home .kom-hero::before, .arvion-panel-home .kom-hero::after,
  .arvion-panel-home .download-frame, .arvion-panel-home .server-stats-slot,
  .arvion-panel-home .download-btn::before, .arvion-panel-home .server-stats-slot::after,
  .arvion-panel-home .home-stat:first-child span::before { animation: none; }
}