/*
==========================================
BiggBoss Telugu Theme v2.0
Header Styles
==========================================
*/

:root{

    --bbt-primary:#E50914;
    --bbt-primary-hover:#ff2330;

    --bbt-dark:#0b0b0b;
    --bbt-dark-2:#171717;
    --bbt-light:#ffffff;
    --bbt-border:rgba(255,255,255,.08);

    --bbt-radius:12px;

    --bbt-transition:.30s ease;

    --bbt-shadow:
        0 10px 30px rgba(0,0,0,.25);

    --bbt-header-height:78px;

}


/*=========================================
GENERAL HEADER
=========================================*/

.bbt-site-header{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    z-index:9999;

    transition:all .35s ease;

}

.bbt-site-header.is-sticky{

    position:fixed;

    background:rgba(10,10,10,.95);

    backdrop-filter:blur(14px);

    box-shadow:var(--bbt-shadow);

}

.bbt-container{

    width:100%;

    max-width:1400px;

    margin:auto;

    padding:0 25px;

}

.bbt-header{

    height:var(--bbt-header-height);

    display:flex;

    align-items:center;

    justify-content:space-between;

}


/*=========================================
LOGO
=========================================*/

.bbt-logo{

    display:flex;

    align-items:center;

}

.bbt-logo img{

    max-height:54px;

    width:auto;

    display:block;

}

.site-title{

    color:#fff;

    font-size:30px;

    font-weight:700;

    text-decoration:none;

}


/*=========================================
NAVIGATION
=========================================*/

.bbt-navigation{

    flex:1;

    display:flex;

    justify-content:center;

}

.bbt-menu{

    display:flex;

    gap:34px;

    margin:0;

    padding:0;

    list-style:none;

}

.bbt-menu li{

    position:relative;

}

.bbt-menu li a{

    color:#fff;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    transition:var(--bbt-transition);

    padding:12px 0;

    display:block;

}

.bbt-menu li a:hover{

    color:var(--bbt-primary);

}

.current-menu-item>a{

    color:var(--bbt-primary);

}


/*=========================================
DROPDOWN
=========================================*/

.bbt-menu ul{

    position:absolute;

    top:100%;

    left:0;

    min-width:220px;

    background:#171717;

    border-radius:10px;

    list-style:none;

    margin:0;

    padding:12px 0;

    display:none;

    box-shadow:var(--bbt-shadow);

}

.bbt-menu li:hover>ul{

    display:block;

}

.bbt-menu ul li{

    width:100%;

}

.bbt-menu ul li a{

    padding:12px 20px;

}


/*=========================================
HEADER ACTIONS
=========================================*/

.bbt-header-actions{

    display:flex;

    align-items:center;

    gap:14px;

}

.bbt-header-actions button{

    width:44px;

    height:44px;

    border:none;

    background:transparent;

    color:#fff;

    cursor:pointer;

    font-size:18px;

    border-radius:50%;

    transition:var(--bbt-transition);

}

.bbt-header-actions button:hover{

    background:rgba(255,255,255,.08);

}

.bbt-mobile-toggle{

    display:none;

}


/*=========================================
SEARCH OVERLAY
=========================================*/

.bbt-search-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.95);

    display:none;

    align-items:center;

    justify-content:center;

    z-index:99999;

}

.bbt-search-overlay.active{

    display:flex;

}

.bbt-search-box{

    width:90%;

    max-width:700px;

    position:relative;

}

.bbt-search-box form{

    display:flex;

}

.bbt-search-box input[type="search"]{

    width:100%;

    padding:18px 20px;

    border:none;

    border-radius:8px;

    font-size:18px;

}

.bbt-search-close{

    position:absolute;

    top:-60px;

    right:0;

    width:46px;

    height:46px;

    background:#fff;

    border:none;

    border-radius:50%;

    cursor:pointer;

}


/*=========================================
MOBILE MENU
=========================================*/

.bbt-mobile-navigation{

    display:none;

    background:#111;

}

.bbt-mobile-menu{

    list-style:none;

    margin:0;

    padding:20px;

}

.bbt-mobile-menu li{

    border-bottom:1px solid rgba(255,255,255,.08);

}

.bbt-mobile-menu li a{

    color:#fff;

    display:block;

    padding:16px 0;

    text-decoration:none;

}


/*=========================================
STICKY EFFECT
=========================================*/

.admin-bar .bbt-site-header.is-sticky{

    top:32px;

}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:992px){

    .bbt-navigation{

        display:none;

    }

    .bbt-mobile-toggle{

        display:flex;

        align-items:center;

        justify-content:center;

    }

    .bbt-mobile-navigation.active{

        display:block;

    }

}


@media(max-width:768px){

    .bbt-container{

        padding:0 16px;

    }

    .bbt-logo img{

        max-height:42px;

    }

    .site-title{

        font-size:22px;

    }

}


@media(max-width:480px){

    .bbt-header{

        height:70px;

    }

    .bbt-header-actions{

        gap:8px;

    }

}