/* =================================
   JJ SAFARI PREMIUM NAVBAR
================================= */


.jj-navbar{

    background:white;
    padding:15px 0;
    position:relative;
    z-index:1000;

}




/* LOGO */

.jj-logo{

    width:50px;
    height:50px;
    border-radius:50%;
    object-fit:cover;
    margin-right:10px;

}



.jj-navbar .navbar-brand span{

    font-size:1.4rem;
    font-weight:700;
    color:#2f5d34;

}




/* LINKS */


.jj-navbar .nav-link{

    color:#333;
    font-weight:600;
    margin-left:15px;
    transition:.3s;

}



.jj-navbar .nav-link:hover{

    color:#2f5d34;

}





/* DROPDOWN */


.jj-navbar .dropdown-menu{

    border:none;
    border-radius:12px;
    padding:10px;
    box-shadow:0 10px 25px rgba(0,0,0,.15);

}



.jj-navbar .dropdown-item{

    padding:10px 20px;
    border-radius:8px;

}



.jj-navbar .dropdown-item:hover{

    background:#2f5d34;
    color:white;

}





/* BUTTON */


.jj-book-btn{

    background:#2f5d34;
    color:white;
    border-radius:30px;
    padding:12px 28px;
    font-weight:600;

}



.jj-book-btn:hover{

    background:#214526;
    color:white;

}





/* MOBILE */


@media(max-width:991px){


.jj-navbar .navbar-collapse{

    background:white;
    margin-top:15px;
    padding:20px;
    border-radius:15px;

}



.jj-navbar .nav-link{

    margin-left:0;

}



}


/* Logo */

.navbar-brand {

    display:flex;
    align-items:center;

}


.navbar-brand img {

    width:45px;
    height:45px;
    object-fit:cover;
    border-radius:50%;

}


.navbar-brand span {

    font-size:1.3rem;
    color:#2f5d34;
    font-weight:700;

}



/* Navigation Links */

.navbar-nav {

    align-items:center;

}


.navbar .nav-link {

    color:#333 !important;
    font-weight:500;
    margin-left:15px;
    transition:0.3s ease;

}


.navbar .nav-link:hover,
.navbar .nav-link.active {

    color:#2f5d34 !important;

}



/* Dropdown */

.navbar .dropdown {

    position:relative;

}


.navbar .dropdown-menu {

    margin-top:12px;
    border:none;
    border-radius:12px;
    padding:10px;
    min-width:220px;
    box-shadow:0 10px 30px rgba(0,0,0,0.15);

}



.navbar .dropdown-item {

    padding:10px 18px;
    border-radius:8px;
    font-weight:500;

}



.navbar .dropdown-item:hover {

    background:#2f5d34;
    color:white;

}



/* Booking Button */

.navbar .btn-success {

    background:#2f5d34;
    border:none;
    border-radius:30px;
    padding:10px 25px;
    font-weight:600;
    transition:0.3s ease;

}



.navbar .btn-success:hover {

    background:#234728;

}



/* Mobile Toggle Button */

.navbar-toggler {

    border:none;

}



.navbar-toggler:focus {

    box-shadow:none;

}



/* Mobile Menu */

@media(max-width:991px){


.navbar-collapse {

    background:white;
    padding:20px;
    margin-top:15px;
    border-radius:15px;
    box-shadow:0 10px 25px rgba(0,0,0,0.1);

}



.navbar .nav-link {

    margin-left:0;
    padding:10px 0;

}



.navbar .btn-success {

    margin-top:15px;

}


}