@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Orbitron:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Cinzel:wght@400;500;600;700&display=swap');

@import url(/files/css/sections/footer.css?v=20260428);
@import url(/files/css/sections/navbar.css?v=20260432);
@import url(/files/css/sections/head.css?v=20250102);

@import url(/files/css/fonts.css);

/*
 * Tasarım "küçük" tarayıcı fontunda yapıldı. Herkesin (orta/önerilen font kullananlar dahil)
 * aynı görünümü görmesi için kök font 12px sabitlendi (1rem = 12px).
 * Tüm rem tabanlı font ve boşluklar buna göre ölçeklenir.
 */
html {
    font-size: 12px;
}

/* Yarı saydam başlık kutucuğu – metin uzunluğuna göre dinamik genişlik, her sayfada ortalı */
.page-title-box {
    display: block;
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    padding: 1rem 1.75rem;
    box-sizing: border-box;
    text-align: center;
}
.page-title-box h1,
.page-title-box h2 {
    margin: 0;
}

/* Başlık kutusunun sayfada ortalanması: sarmalayıcı tam genişlikte olmalı */
.draft-header,
.rehberler-header,
.takimlar-header,
.ep-list-header,
.sezon-hero,
.header-modal .text-center,
.forms-modal-header .header-title,
.tournaments-modal-header .header-title,
.main-lobi-section,
.welcome-section,
.hero-section,
.main-content:has(.page-title-box),
.modern-container:has(.page-title-box),
.premium-liste-wrap,
.magaza-container .welcome-section,
.takimlar-container .takimlar-header {
    width: 100%;
}

/* Başlık kutusunu rehberler/5v5 ile aynı şekilde ortala: flex ile */
.draft-header,
.rehberler-header,
.takimlar-header,
.ep-list-header,
.sezon-hero,
.header-modal .text-center,
.forms-modal-header .header-title,
.tournaments-modal-header .header-title,
.takimlar-container .takimlar-header {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Kutu içi başlık margin'i sıfır (kutu metni sarsın) */
.header-modal .page-title-box h1,
.takimlar-header .page-title-box h1,
.forms-modal-header .page-title-box h2,
.tournaments-modal-header .page-title-box h2 {
    margin: 0 !important;
}

/* Başlık kutusu içeren metin ortalı sarmalayıcı tam genişlikte (eşleştirme, harita, etkinlik vb.) */
.text-center:has(.page-title-box) {
    width: 100%;
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #d4af37 #0f0f0f;
}

/* WebKit browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.22));
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #f2d58a, #d4af37);
    border: 2px solid rgba(255,255,255,0.06);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 2px 6px rgba(0,0,0,0.5);
}

/* Hover/active states for a bit of shine */
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #d4af37, #f2d58a);
}

::-webkit-scrollbar-thumb:active {
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.6);
}

/* ==========================================================================
   Site kabuğu — tüm sayfalar ana sayfa (home-imperial) ile uyumlu koyu gradient
   Fotoğraf / video tam ekran arka planlar kapatılır; footer scroll ile altta.
   (all.css, çoğu sayfa CSS’inden sonra yüklenir; !important ile body bg güvence)
   ========================================================================== */
html {
    min-height: 100%;
}
body {
    background-image: none !important;
    background-color: #090a0e !important;
    background:
        radial-gradient(80% 60% at 50% 0%, rgba(100, 105, 120, 0.14), transparent 50%),
        linear-gradient(180deg, #090a0e 0%, #0c0d12 60%, #000000 100%) !important;
    background-attachment: fixed !important;
}

/* Global başlık fontu: shopdmnknd ile aynı (Outfit)
   Page CSS içindeki HiJack tanımlarını da ezmek için seçiciler yüksek tutuldu. */
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .font-HiJack,
html body [class*="title"],
html body [class*="baslik"],
html body [class*="page-title"],
html body .page-title,
html body .etkinlik-page-title {
    font-family: "Outfit", "Inter", system-ui, sans-serif !important;
}
/* Eski tam ekran fotoğraf / video arka plan katmanları */
.draft-background,
.turnuva-bg-layer,
.lb-page-bg,
.premium-bg-media {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
/* Sınıfsız inline tam ekran bg (lejyon/kayıt vb.) */
body > div[style*="position: fixed"][style*="inset: 0"][style*="100vw"][style*="100vh"][style*="z-index: 0"][style*="background-image"] {
    display: none !important;
    pointer-events: none !important;
}

/* --------------------------------------------------------------------------
   Belirli sayfalar için eski görsel arka planı geri aç
   -------------------------------------------------------------------------- */
body.lb-page,
body.ep-listesi-page,
body.sezon-body,
body.draft-page,
body.etkinlik-page,
body.turnuvalar-page,
body.itempazari-page,
body.demirci-page,
body.balikci-page,
body.sirketler-page,
body.kahramanlar-page,
body.arena-page,
body.boss-page,
body.magaza-page,
body.slot-farm-page {
    background-color: #090a0e !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

body.lb-page { background-image: url('/files/images/bonus-background.png') !important; }
body.ep-listesi-page { background-image: url('/files/images/lejyon-background.jpg') !important; }
body.sezon-body { background-image: url('/files/images/lejyon-background.jpg') !important; }
body.etkinlik-page { background-image: url('/files/images/etkinlik-background.jpg') !important; }
body.turnuvalar-page { background-image: url('/files/images/turnuvalar-background.jpg') !important; }
body.itempazari-page { background-image: url('/files/images/dominara-bg.jpg') !important; }
body.demirci-page { background-image: url('/files/images/demirci-background.jpg') !important; }
body.balikci-page { background-image: url('/files/images/balikci-background.jpg') !important; }
body.sirketler-page { background-image: url('/files/images/dominara-bg.jpg') !important; }
body.kahramanlar-page { background-image: url('/files/images/dominara-bg.jpg') !important; }
body.arena-page { background-image: url('/files/images/dominara-bg.jpg') !important; }
body.boss-page { background-image: url('/files/images/dominara-bg.jpg') !important; }
body.magaza-page { background-image: url('/files/images/magaza-background-20251224093220.jpg') !important; }
body.slot-farm-page { background-image: url('/files/images/dominara-bg.jpg') !important; }

/* Bu sayfalarda özel tam ekran katmanları tekrar görünür olsun */
body.draft-page .draft-background,
body.lb-page .lb-page-bg {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Genel inline fixed-bg gizleyicisini bu sayfalarda ez */
body.draft-page > div.draft-background[style*="position: fixed"][style*="inset: 0"][style*="100vw"][style*="100vh"][style*="z-index: 0"][style*="background-image"],
body.lb-page > div.lb-page-bg[style*="position: fixed"][style*="inset: 0"][style*="100vw"][style*="100vh"][style*="z-index: 0"][style*="background-image"],
body.ep-listesi-page > div.ep-listesi-bg-layer[style*="position: fixed"][style*="inset: 0"][style*="100vw"][style*="100vh"][style*="z-index: 0"][style*="background-image"] {
    display: block !important;
    visibility: visible !important;
    pointer-events: none !important;
}