/* =========================================================
   VALERYA2 v570 — PREMIUM CINEMATIC UI PATCH
   DB YOK • LOGIC YOK • SADECE GÖRSEL PREMIUM KATMAN
   ========================================================= */

:root{
    --v2-bg:#05070f;
    --v2-panel:rgba(8,13,28,.86);
    --v2-border:rgba(94,231,255,.32);
    --v2-cyan:#5ee7ff;
    --v2-blue:#3b82f6;
    --v2-purple:#7c3aed;
    --v2-gold:#f6c343;
    --v2-orange:#ff8a1f;
    --v2-red:#ef4444;
    --v2-muted:#a9b8d8;
    --v2-radius:18px;
    --v2-side-width:300px;
}

@media(min-width:1900px){
    :root{ --v2-side-width:340px; }
}
@media(min-width:2200px){
    :root{ --v2-side-width:380px; }
}

/* 2026-05-20: body sol/sağ padding KALDIRILDI (eski sabit yan reklam sistemi yok).
   Geniş ekran arka plan degradesi korundu. */
@media(min-width:1600px){
    body{
        background:
            radial-gradient(circle at 50% 0%, rgba(59,130,246,.22), transparent 34%),
            radial-gradient(circle at 10% 25%, rgba(255,138,31,.12), transparent 25%),
            radial-gradient(circle at 90% 30%, rgba(94,231,255,.12), transparent 25%),
            #05070f !important;
    }
}

/* =========================================================
   SAĞ / SOL FULL HEIGHT PREMIUM SPONSOR WALLS
   ========================================================= */
.real-side-ad{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    width:var(--v2-side-width) !important;
    height:100vh !important;
    min-height:100vh !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:0 !important;
    z-index:820 !important;
    background:#030611 !important;
    box-shadow:0 0 60px rgba(0,0,0,.9) !important;
    transform:translateZ(0);
}
.real-side-ad-left{left:0 !important;}
.real-side-ad-right{right:0 !important;}

.real-side-ad img{
    width:100% !important;
    height:100% !important;
    min-height:100vh !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
    filter:saturate(1.22) contrast(1.08) brightness(.88) !important;
    transform:scale(1.01);
    transition:transform .45s ease, filter .45s ease;
}
.real-side-ad:hover img{
    transform:scale(1.045);
    filter:saturate(1.35) contrast(1.14) brightness(.98) !important;
}

/* Sinematik karartma/okunurluk */
.real-side-ad::after{
    content:"HEMEN KATIL";
    position:absolute;
    left:22px;
    right:22px;
    bottom:34px;
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:#fff;
    font-size:14px;
    font-weight:900;
    letter-spacing:.8px;
    text-shadow:0 0 12px rgba(0,0,0,.8);
    background:linear-gradient(135deg,rgba(59,130,246,.92),rgba(124,58,237,.92));
    box-shadow:0 0 22px rgba(94,231,255,.28), inset 0 0 18px rgba(255,255,255,.12);
    z-index:5;
}
.real-side-ad::before{
    content:"PREMIUM SPONSOR";
    position:absolute;
    top:18px;
    left:18px;
    right:18px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:#fff7d6;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.2px;
    background:rgba(5,8,18,.56);
    border:1px solid rgba(246,195,67,.55);
    box-shadow:0 0 25px rgba(246,195,67,.20), inset 0 0 18px rgba(246,195,67,.08);
    backdrop-filter:blur(8px);
    z-index:5;
}

.real-side-ad-left{
    box-shadow: inset -1px 0 0 rgba(255,138,31,.58), 0 0 65px rgba(255,138,31,.22) !important;
}
.real-side-ad-right{
    box-shadow: inset 1px 0 0 rgba(94,231,255,.58), 0 0 65px rgba(94,231,255,.22) !important;
}

.real-side-ad-left:after{
    background:linear-gradient(135deg,rgba(255,138,31,.94),rgba(239,68,68,.88));
    box-shadow:0 0 26px rgba(255,138,31,.34), inset 0 0 18px rgba(255,255,255,.12);
}
.real-side-ad-right:after{
    background:linear-gradient(135deg,rgba(6,182,212,.94),rgba(59,130,246,.88));
    box-shadow:0 0 26px rgba(94,231,255,.34), inset 0 0 18px rgba(255,255,255,.12);
}

/* Kenar rune/glow çizgileri */
.real-side-ad .real-side-ad-placeholder,
.real-side-ad-placeholder{
    height:100vh !important;
    background:
        linear-gradient(180deg,rgba(16,38,79,.88),rgba(7,16,32,.96)),
        radial-gradient(circle at center,rgba(94,231,255,.22),transparent 42%) !important;
}
.real-side-ad-left:before{border-color:rgba(255,196,67,.68)}
.real-side-ad-right:before{border-color:rgba(94,231,255,.68)}

@media(max-width:1599px){
    body{padding-left:0 !important;padding-right:0 !important;}
    .real-side-ad{display:none !important;}
}

/* =========================================================
   ÜST EVENT SLIDER — CINEMATIC HEADER
   ========================================================= */
.top-event-slider{
    height:300px !important;
    min-height:300px !important;
    border-bottom:1px solid rgba(94,231,255,.28) !important;
    box-shadow:0 12px 42px rgba(0,0,0,.35), inset 0 -1px 0 rgba(255,255,255,.06) !important;
    background:#05070f !important;
}
.top-event-slider::before{
    content:"SPONSORED EVENT";
    position:absolute;
    top:18px;
    left:50%;
    transform:translateX(-50%);
    z-index:12;
    padding:7px 18px;
    border-radius:999px;
    color:#fff3c4;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.6px;
    background:rgba(5,8,18,.48);
    border:1px solid rgba(246,195,67,.52);
    box-shadow:0 0 22px rgba(246,195,67,.18);
    backdrop-filter:blur(10px);
}
.top-event-slide img{
    filter:saturate(1.28) contrast(1.07) brightness(.72) !important;
    transform:scale(1.02);
}
.top-event-slide.active img{
    animation:v2HeroDrift 11s ease-in-out infinite alternate;
}
@keyframes v2HeroDrift{
    from{transform:scale(1.02) translateY(0)}
    to{transform:scale(1.065) translateY(-7px)}
}
.top-event-overlay{
    background:
        radial-gradient(circle at 50% 30%,rgba(255,138,31,.18),transparent 32%),
        linear-gradient(90deg,rgba(5,8,18,.86),rgba(5,8,18,.20),rgba(5,8,18,.86)),
        linear-gradient(180deg,rgba(5,8,18,.05),rgba(5,8,18,.64)) !important;
}
.top-event-content h1{
    font-size:clamp(34px,3.1vw,58px) !important;
    text-transform:uppercase;
    letter-spacing:.8px;
    color:#fff7d6;
    text-shadow:0 0 20px rgba(246,195,67,.28), 0 0 36px rgba(94,231,255,.14) !important;
}
.top-event-content p{
    color:#e7f1ff !important;
    font-weight:700;
    text-shadow:0 0 14px rgba(0,0,0,.85);
}
.top-event-btn{
    background:linear-gradient(135deg,#ff8a1f,#7c3aed) !important;
    box-shadow:0 0 25px rgba(255,138,31,.34), inset 0 0 18px rgba(255,255,255,.12) !important;
    border:1px solid rgba(255,255,255,.16);
}
.top-event-dots button.active{
    background:var(--v2-gold) !important;
    border-color:var(--v2-gold) !important;
    box-shadow:0 0 14px rgba(246,195,67,.8) !important;
}

/* =========================================================
   NAVBAR — PREMIUM / COMPACT / MMORPG STYLE
   ========================================================= */
.main-menu-under-event{
    background:rgba(7,12,26,.94) !important;
    border-bottom:1px solid rgba(94,231,255,.18) !important;
    box-shadow:0 10px 34px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04) !important;
    backdrop-filter:blur(12px) !important;
}
.main-nav > a,
.nav-drop-toggle{
    min-height:40px;
    display:inline-flex !important;
    align-items:center;
    border-radius:12px !important;
    padding:0 12px !important;
    color:#dce9ff !important;
    transition:.18s ease;
}
.main-nav > a:hover,
.nav-drop-toggle:hover{
    color:#fff !important;
    background:rgba(94,231,255,.08) !important;
    box-shadow:0 0 18px rgba(94,231,255,.12);
}
.nav-ad-cta{
    background:linear-gradient(135deg,rgba(255,138,31,.92),rgba(239,68,68,.86)) !important;
    color:#fff !important;
    border:1px solid rgba(255,198,90,.32) !important;
    box-shadow:0 0 18px rgba(255,138,31,.18) !important;
    font-weight:900 !important;
}
.nav-cta,
.nav-primary{
    background:linear-gradient(135deg,rgba(59,130,246,.92),rgba(124,58,237,.86)) !important;
    color:#fff !important;
    border:1px solid rgba(94,231,255,.26) !important;
    box-shadow:0 0 16px rgba(59,130,246,.16) !important;
    font-weight:900 !important;
}
.nav-drop-menu{
    background:rgba(6,10,24,.96) !important;
    border:1px solid rgba(94,231,255,.22) !important;
    border-radius:16px !important;
    box-shadow:0 20px 55px rgba(0,0,0,.55), 0 0 24px rgba(94,231,255,.10) !important;
    backdrop-filter:blur(14px);
    overflow:hidden;
}
.nav-drop-menu a:hover{
    background:linear-gradient(90deg,rgba(94,231,255,.10),transparent) !important;
    color:#fff !important;
}

/* =========================================================
   ANA SAYFA KARTLAR / MARKETPLACE PREMIUM DOKUNUŞ
   ========================================================= */
.card,
.item-card,
.adbox,
.cat{
    border-color:rgba(94,231,255,.18) !important;
    box-shadow:0 16px 38px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035) !important;
    background:linear-gradient(180deg,rgba(14,23,43,.94),rgba(8,14,30,.94)) !important;
}
.card:hover,
.item-card:hover,
.cat:hover{
    border-color:rgba(94,231,255,.38) !important;
    box-shadow:0 18px 46px rgba(0,0,0,.30), 0 0 24px rgba(94,231,255,.10) !important;
}
.hero{
    position:relative;
    overflow:hidden;
    border-color:rgba(94,231,255,.22) !important;
    box-shadow:0 20px 55px rgba(0,0,0,.35), 0 0 30px rgba(124,58,237,.12) !important;
}
.hero::after{
    content:"";
    position:absolute;
    inset:-40%;
    background:linear-gradient(115deg,transparent 35%,rgba(94,231,255,.10) 50%,transparent 65%);
    transform:translateX(-35%);
    animation:v2Sweep 7s ease-in-out infinite;
    pointer-events:none;
}
@keyframes v2Sweep{
    0%,40%{transform:translateX(-45%) rotate(0deg)}
    70%,100%{transform:translateX(45%) rotate(0deg)}
}
.badge.gold{
    background:linear-gradient(135deg,#9a650d,#f6c343) !important;
    color:#fff8d5 !important;
    box-shadow:0 0 14px rgba(246,195,67,.22);
}
.price{
    text-shadow:0 0 12px rgba(246,195,67,.22);
}

/* Canlı öğelere pulse */
.dot{
    animation:v2Pulse 1.5s ease-in-out infinite;
}
@keyframes v2Pulse{
    0%,100%{transform:scale(1);box-shadow:0 0 10px rgba(34,197,94,.6)}
    50%{transform:scale(1.25);box-shadow:0 0 22px rgba(34,197,94,.9)}
}

/* Footer premium */
.footer-pro{
    border-top:1px solid rgba(94,231,255,.14) !important;
    background:linear-gradient(180deg,rgba(5,8,18,.82),rgba(3,6,15,.98)) !important;
    box-shadow:0 -18px 50px rgba(0,0,0,.30);
}

@media(max-width:900px){
    .top-event-slider{height:210px !important;min-height:210px !important;}
    .top-event-slider::before{display:none;}
    .main-nav > a,.nav-drop-toggle{min-height:38px;padding:0 10px !important;}
}


/* =========================================================
   VALERYA2 v571 SAFE FIX — SPONSOR TEXTS REMOVED
   Amaç: Sağ/sol reklam alanları görsel olarak kalsın; üstlerine
   PREMIUM SPONSOR / HEMEN KATIL yazıları binmesin.
   ========================================================= */
.real-side-ad::before,
.real-side-ad::after{
    content:none !important;
    display:none !important;
}

.real-side-ad img{
    object-fit:cover !important;
    object-position:center center !important;
}

/* Reklam alanı gerçek görsel gibi dursun, buton/etiket baskısı yapmasın */
.real-side-ad{
    text-decoration:none !important;
}

/* Navbar ve ticker bozulmasın diye sadece hafif premium çizgi */
.header.main-menu-under-event,
.main-menu-under-event{
    box-shadow:0 10px 32px rgba(0,0,0,.35), 0 0 18px rgba(94,231,255,.10) !important;
}