/* TOP BAR */

.top-bar{

background:#0d0d0d;
color:#fff;

font-size:14px;

padding:10px 0;

border-bottom:1px solid rgba(212,175,55,.25);

}


.top-content{

display:flex;
justify-content:space-between;
align-items:center;

}


.top-right{

display:flex;
gap:25px;

}


.top-right span,
.top-left span{

display:flex;
align-items:center;
gap:8px;

}


.top-right i,
.top-left i{

color:#d4af37;

}





/* NAVBAR */


.main-navbar{

background:
rgba(255,255,255,.96);

padding:9px 0;

box-shadow:
0 5px 25px rgba(0,0,0,.08);

position:relative;
z-index:99;

}





.logo-area img{
width:auto;
height:72px;
max-width:235px;
display:block;
object-fit:contain;

}





.nav-link{

font-size:16px;

font-weight:600;

color:#222!important;

margin:0 12px;

position:relative;

}



.nav-link:after{


content:"";

position:absolute;

bottom:-5px;

left:0;

height:2px;

width:0;

background:#d4af37;

transition:.3s;

}



.nav-link:hover:after,
.nav-link.active:after{

width:100%;

}



.nav-link:hover{

color:#b8860b!important;

}







/* DROPDOWN */


.dropdown-menu{

border:none;

padding:10px;

border-radius:15px;

box-shadow:
0 15px 40px rgba(0,0,0,.15);

}



.dropdown-item{

padding:12px 18px;

font-weight:600;

}


.dropdown-item i{

color:#d4af37;

margin-right:10px;

}







/* CAREER BUTTON */


.career-btn{

background:

linear-gradient(
135deg,
#c9972b,
#f8dc7a
);


color:#111;

padding:13px 30px;

border-radius:50px;

font-weight:700;

text-decoration:none;


display:flex;

align-items:center;

gap:8px;


box-shadow:
0 10px 25px rgba(212,175,55,.35);


transition:.3s;


}


.career-btn:hover{

transform:translateY(-3px);

color:#000;

}






/* MOBILE */


.navbar-toggler{

border:none;

font-size:30px;

color:#c9972b;

}



@media(max-width:991px){

.logo-area img{

height:48px;
max-width:210px;
transform:scale(1.05);

}

.top-content{

flex-direction:column;

gap:10px;

}


.top-right{

gap:12px;

font-size:12px;

}


.navbar-nav{

padding:20px 0;

}


.career-btn{

justify-content:center;

margin-bottom:20px;

}



}

/* Desktop hover dropdown; Bootstrap click behaviour remains available on mobile. */
@media(min-width:992px){
.main-navbar .nav-item.dropdown{position:relative;}
.main-navbar .nav-item.dropdown:hover>.dropdown-menu,
.main-navbar .nav-item.dropdown:focus-within>.dropdown-menu{display:block;margin-top:0;animation:navDropdownIn .18s ease-out;}
.main-navbar .dropdown-menu{top:100%;left:0;min-width:205px;border:1px solid rgba(212,175,55,.18);background:#fffdf9;}
.main-navbar .dropdown-item{display:flex;align-items:center;gap:8px;border-radius:9px;transition:background .2s ease,color .2s ease,transform .2s ease;}
.main-navbar .dropdown-item:hover,.main-navbar .dropdown-item:focus{background:#fff3cf;color:#9a6b0e;transform:translateX(3px);}
}
@keyframes navDropdownIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
.main-navbar .nav-item.dropdown.hover-open>.dropdown-menu{display:block!important;margin-top:0;animation:navDropdownIn .18s ease-out;}
.nav-dropdown-chevron{display:inline-block;margin-left:5px;font-size:10px;line-height:1;vertical-align:1px;transition:transform .2s ease;color:currentColor}.nav-item.dropdown:hover .nav-dropdown-chevron,.nav-item.dropdown:focus-within .nav-dropdown-chevron{transform:translateY(1px)}
.main-navbar .dropdown-toggle::after{display:none}
