/* ==========================================
   TRIPBOOKEI LUXURY NAVIGATION
========================================== */

:root{

    --tb-blue:#071B44;
    --tb-blue2:#0D2D73;
    --tb-gold:#D9B45B;
    --tb-white:#ffffff;
    --tb-shadow:0 10px 35px rgba(0,0,0,.30);

}

.tb-navbar{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    z-index:9999;

    background:rgba(7,27,68,.95);

    backdrop-filter:blur(20px);

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

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

}

.tb-nav-container{

    max-width:1400px;

    margin:auto;

    height:82px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 30px;

}

.tb-logo img{

    height:58px;

    transition:.3s;

}

.tb-logo img:hover{

    transform:scale(1.05);

}

.tb-desktop-nav{

    display:flex;

    gap:36px;

}

.tb-desktop-nav a{

    color:white;

    text-decoration:none;

    font-size:16px;

    font-weight:600;

    position:relative;

    transition:.3s;

}

.tb-desktop-nav a:hover{

    color:var(--tb-gold);

}

.tb-desktop-nav a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-10px;

    width:0;

    height:2px;

    background:var(--tb-gold);

    transition:.35s;

}

.tb-desktop-nav a:hover::after{

    width:100%;

}

.tb-right{

    display:flex;

    align-items:center;

    gap:15px;

}

.tb-currency{

    height:42px;

    border:none;

    border-radius:10px;

    padding:0 12px;

    background:white;

}

.tb-login{

    color:white;

    text-decoration:none;

    font-weight:600;

}

.tb-login:hover{

    color:var(--tb-gold);

}

.tb-menu-btn{

    display:none;

    background:none;

    border:none;

    color:white;

    font-size:32px;

    cursor:pointer;

}

.tb-mobile-menu{

    position:fixed;

    top:82px;

    right:-100%;

    width:280px;

    height:calc(100vh - 82px);

    background:#08142F;

    transition:.4s;

    display:flex;

    flex-direction:column;

    padding:30px;

    gap:25px;

    z-index:9998;

    box-shadow:-5px 0 30px rgba(0,0,0,.35);

}

.tb-mobile-menu.active{

    right:0;

}

.tb-mobile-menu a{

    color:white;

    text-decoration:none;

    font-size:18px;

    font-weight:600;

}

.tb-mobile-menu a:hover{

    color:var(--tb-gold);

}

/* Prevent page from hiding behind fixed header */

body{

    padding-top:82px;

}

/* Tablet */

@media (max-width:1024px){

    .tb-desktop-nav{

        display:none;

    }

    .tb-menu-btn{

        display:block;

    }

}

/* Mobile */

@media (max-width:768px){

    .tb-nav-container{

        height:74px;

        padding:0 18px;

    }

    .tb-logo img{

        height:48px;

    }

    .tb-currency{

        display:none;

    }

    body{

        padding-top:74px;

    }

    .tb-mobile-menu{

        top:74px;

        height:calc(100vh - 74px);

    }

}