/* =====================================================
   TRIPBOOKEI NAVIGATION V2
   ===================================================== */

:root{

    --tb-primary:#081B4B;
    --tb-secondary:#0D2F80;
    --tb-gold:#D6B35A;
    --tb-white:#FFFFFF;
    --tb-glass:rgba(8,27,75,.92);

    --tb-shadow:
        0 15px 40px rgba(0,0,0,.28);

}

/* RESET */

.tb-nav *{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

/* NAVBAR */

.tb-nav{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    z-index:99999;

    background:var(--tb-glass);

    backdrop-filter:blur(22px);

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

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

}

/* CONTAINER */

.tb-nav-inner{

    width:min(1400px,94%);

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:space-between;

    height:84px;

}

/* LOGO */

.tb-brand{

    display:flex;

    align-items:center;

}

.tb-brand img{

    height:58px;

    transition:.35s;

}

.tb-brand:hover img{

    transform:scale(1.04);

}

/* CENTER NAV */

.tb-nav-links{

    display:flex;

    align-items:center;

    gap:38px;

}

.tb-nav-links a{

    color:white;

    text-decoration:none;

    font-weight:600;

    font-size:16px;

    transition:.35s;

    position:relative;

}

.tb-nav-links a:hover{

    color:var(--tb-gold);

}

.tb-nav-links a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-10px;

    width:0;

    height:2px;

    background:var(--tb-gold);

    transition:.35s;

}

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

    width:100%;

}

/* RIGHT SIDE */

.tb-actions{

    display:flex;

    align-items:center;

    gap:18px;

}

.tb-currency-form select{

    height:42px;

    padding:0 16px;

    border:none;

    border-radius:12px;

    background:white;

    cursor:pointer;

}

.tb-login{

    color:white;

    text-decoration:none;

    font-weight:600;

}

.tb-login:hover{

    color:var(--tb-gold);

}

/* HAMBURGER */

.tb-hamburger{

    display:none;

    width:48px;

    height:48px;

    border:none;

    background:transparent;

    color:white;

    font-size:28px;

    cursor:pointer;

}

/* MOBILE DRAWER */

.tb-mobile-drawer{

    position:fixed;

    top:84px;

    right:-340px;

    width:320px;

    height:calc(100vh - 84px);

    background:#08193F;

    padding:40px 30px;

    display:flex;

    flex-direction:column;

    gap:22px;

    transition:.35s;

    z-index:99998;

    box-shadow:
        -15px 0 40px rgba(0,0,0,.30);

}

.tb-mobile-drawer.active{

    right:0;

}

.tb-mobile-drawer a{

    color:white;

    text-decoration:none;

    font-size:18px;

    font-weight:600;

}

.tb-mobile-drawer hr{

    border:none;

    border-top:
    1px solid rgba(255,255,255,.10);

}

.tb-mobile-drawer select{

    width:100%;

    height:44px;

    border-radius:12px;

}

/* BODY OFFSET */

body{

    padding-top:84px;

}

/* TABLET */

@media(max-width:1024px){

    .tb-nav-links{

        display:none;

    }

    .tb-hamburger{

        display:block;

    }

}

/* MOBILE */

@media(max-width:768px){

    .tb-nav-inner{

        height:72px;

    }

    .tb-brand img{

        height:48px;

    }

    .tb-currency-form{

        display:none;

    }

    .tb-login{

        display:none;

    }

    .tb-mobile-drawer{

        top:72px;

        height:calc(100vh - 72px);

    }

    body{

        padding-top:72px;

    }

}