/*
|--------------------------------------------------------------------------
| PromoFly Header
|--------------------------------------------------------------------------
*/

.pf-header{

    background:var(--pf-primary);

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

}

.pf-header-inner{

    display:flex;

    align-items:center;

    justify-content:space-between;

    min-height:90px;

}

/*
|--------------------------------------------------------------------------
| Logo
|--------------------------------------------------------------------------
*/

.pf-logo{

    display:flex;

    align-items:center;

}

.pf-logo img{

    display:block;

    max-height:70px;

    width:auto;

}

/*
|--------------------------------------------------------------------------
| Navigation
|--------------------------------------------------------------------------
*/

.pf-menu{

    display:flex;

    align-items:center;

}

.pf-menu ul{

    display:flex;

    align-items:center;

    gap:30px;

    margin:0;

    padding:0;

    list-style:none;

}

.pf-menu li{

    margin:0;

}

.pf-menu a{

    color:#fff;

    font-size:16px;

    font-weight:600;

    transition:var(--pf-transition);

}

.pf-menu a:hover{

    opacity:.8;

}

/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media(max-width:768px){

    .pf-header-inner{

        flex-direction:column;

        justify-content:center;

        gap:20px;

        padding:20px 0;

    }

    .pf-menu ul{

        flex-wrap:wrap;

        justify-content:center;

        gap:15px;

    }

    .pf-logo img{

        max-height:60px;

    }

}
/*
|--------------------------------------------------------------------------
| Sticky Header
|--------------------------------------------------------------------------
*/

.pf-header.is-sticky{

    position:sticky;

    top:0;

    left:0;

    z-index:999;

    background:var(--pf-primary);

}