/* visQo header polish v7.5.8 - support styles only */

/* Desktop: logo kaldırıldı, menü direkt sol padding'e otursun. */
#vqPremiumHeader .vqh-nav{
    margin-left:0 !important;
}

/* Film / Dizi katalog hero'su desktopta sabit header ile çakışmasın. */
@media (min-width:901px){
    .vq-movie-index-hero,
    .vq-tv-index-hero{
        margin:-38px 0 0 !important;
    }
}

/* Liquid glass denemesi kaldırıldı; header tekrar sade cam görünümünde. */
#vqPremiumHeader{
    background:transparent !important;
    background-color:transparent !important;
    backdrop-filter:blur(3px) !important;
    -webkit-backdrop-filter:blur(3px) !important;
    border-color:rgba(255,255,255,.085) !important;
}

#vqPremiumHeader::before,
#vqPremiumHeader::after{
    content:none !important;
}

/* Desktop profil menüsü: görünür olduğu alanda tıklamaları kesin yakala. */
#vqPremiumHeader,
#vqPremiumHeader .vqh-right,
#vqPremiumHeader .vqh-profile{
    overflow:visible !important;
}

#vqPremiumHeader .vqh-profile{
    z-index:2147483646 !important;
    pointer-events:auto !important;
}

#vqPremiumHeader .vqh-profile-menu{
    z-index:2147483647 !important;
}

#vqPremiumHeader .vqh-profile.is-open .vqh-profile-menu{
    pointer-events:auto !important;
}

#vqPremiumHeader .vqh-profile-menu a{
    position:relative !important;
    z-index:2 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
}

.vqh-message-badge,
#vqhMobileNotifBadge,
.vq-notification-badge{
    background:#8b5cf6 !important;
    box-shadow:0 4px 14px rgba(139,92,246,.42) !important;
}

@media (max-width:900px){
    #vqPremiumHeader{
        backdrop-filter:blur(3px) !important;
        -webkit-backdrop-filter:blur(3px) !important;
    }

    /*
     * Mobil header: Ana Sayfa / Filmler / Diziler / Türler solda sadece ikon.
     * Arama + mesaj + bildirim + profil sağ tarafta kalır.
     */
    #vqPremiumHeader .vqh-left{
        width:100% !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:5px !important;
        min-width:0 !important;
    }

    #vqPremiumHeader .vqh-nav{
        display:flex !important;
        align-items:center !important;
        flex:0 0 auto !important;
        margin-left:0 !important;
        gap:7px !important;
        white-space:nowrap !important;
        height:38px !important;
    }

    #vqPremiumHeader .vqh-nav a{
        width:36px !important;
        min-width:36px !important;
        height:38px !important;
        padding:0 !important;
        margin:0 !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:0 !important;
        border-radius:11px !important;
        font-size:0 !important;
        line-height:0 !important;
        vertical-align:middle !important;
    }

    #vqPremiumHeader .vqh-nav a:nth-child(1) i,
    #vqPremiumHeader .vqh-nav a:nth-child(4) i{
        width:auto !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
        display:inline-block !important;
        font-size:14px !important;
        line-height:1 !important;
        position:static !important;
        transform:none !important;
    }

    #vqPremiumHeader .vqh-nav a:nth-child(2),
    #vqPremiumHeader .vqh-nav a:nth-child(3){
        position:relative !important;
    }

    #vqPremiumHeader .vqh-nav a:nth-child(2) i,
    #vqPremiumHeader .vqh-nav a:nth-child(3) i{
        position:absolute !important;
        left:50% !important;
        top:50% !important;
        width:auto !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
        display:block !important;
        font-size:14px !important;
        line-height:1 !important;
        transform:translate(-50%,-50%) !important;
    }

    #vqPremiumHeader .vqh-mobile-actions{
        display:flex !important;
        align-items:center !important;
        flex:0 0 auto !important;
        width:auto !important;
        margin-left:auto !important;
        gap:1px !important;
    }

    #vqhMobileSearchBtn{
        margin-right:0 !important;
        order:1 !important;
    }

    #vqhMobileMenu > a:nth-of-type(-n+4){
        display:none !important;
    }

    #vqhMobileMenu > .vqh-mobile-sep:first-of-type{
        display:none !important;
    }

    body.vqh-messages-page .vq-main{
        padding-top:82px !important;
    }

    body > .vq-notification-wrap.vqh-mobile-notification-host{
        position:fixed !important;
        inset:0 !important;
        z-index:2147483646 !important;
        display:block !important;
        width:0 !important;
        height:0 !important;
        pointer-events:none !important;
    }

    body > .vq-notification-wrap.vqh-mobile-notification-host > .vq-notification-button{
        display:none !important;
    }

    body > .vq-notification-wrap.vqh-mobile-notification-host > .vq-notification-panel{
        position:fixed !important;
        top:78px !important;
        left:10px !important;
        right:10px !important;
        width:auto !important;
        max-width:none !important;
        max-height:calc(100dvh - 92px) !important;
        z-index:2147483647 !important;
        pointer-events:auto !important;
        border:1px solid rgba(255,255,255,.10) !important;
        background:rgba(7,13,24,.90) !important;
        backdrop-filter:blur(3px) !important;
        -webkit-backdrop-filter:blur(3px) !important;
        box-shadow:0 28px 80px rgba(0,0,0,.56) !important;
    }

    body > .vq-notification-wrap.vqh-mobile-notification-host > .vq-notification-panel[hidden]{
        display:none !important;
    }
}

@media (max-width:420px){
    #vqPremiumHeader .vqh-nav{
        gap:5px !important;
    }

    #vqPremiumHeader .vqh-nav a{
        width:33px !important;
        min-width:33px !important;
    }

    #vqPremiumHeader .vqh-nav a:nth-child(1) i,
    #vqPremiumHeader .vqh-nav a:nth-child(4) i,
    #vqPremiumHeader .vqh-nav a:nth-child(2) i,
    #vqPremiumHeader .vqh-nav a:nth-child(3) i{
        font-size:13px !important;
    }

    #vqPremiumHeader .vqh-mobile-btn{
        width:36px !important;
        height:36px !important;
    }
}