/* navbar.css - fully isolated from Bootstrap */
html, body {
    margin: 0;
    padding: 0;
    font-family:Arial, Helvetica, sans-serif;
}

.sba-navbar{

width:100%;
background:#1f2937;
color:white;

display:flex;
justify-content:space-between;
align-items:center;

padding:0 20px;
box-sizing:border-box;
position:relative;
}

.sba-nav-left{

font-size:18px;
font-weight:bold;

}

.sba-nav-links{

display:flex;
gap:20px;
list-style:none;
margin:0;
padding:0;

}

.sba-nav-links a{

color:white;
text-decoration:none;
padding:16px 0;
display:block;

}

.sba-nav-links a:hover{
opacity:0.8;
}

/* sba-dropdown */

.sba-dropdown{
position:relative;
}

.sba-dropdown-menu{

display:none;

position:absolute;

top:48px;
right:0;

background:#1f2937;

list-style:none;

padding:10px 0;

margin:0;

min-width:180px;

box-shadow:0 4px 10px rgba(0,0,0,0.2);

}

.sba-dropdown-menu li{
padding:0;
}

.sba-dropdown-menu a{

padding:10px 15px;
display:block;

}

.sba-dropdown-menu a:hover{
background:#374151;
}

/* Mobile toggle */

.sba-nav-toggle{

display:none;
font-size:24px;
background:none;
border:none;
color:white;
cursor:pointer;

}

.sba-nav-links a.active {
  color:#00bfff !important;
  border-bottom:2px solid #00bfff;
}

/* Mobile layout */

@media (max-width:768px){

.sba-nav-links a.active{
border-bottom:none;
background:#374151;
}

.sba-nav-toggle{
display:block;
}

.sba-nav-links{

display:none;

flex-direction:column;

width:100%;
background:#1f2937;

position:absolute;

top:100%;
left:0;

}

.sba-nav-links li{
text-align:center;
}

.sba-nav-links.show{
display:flex;
}

/* mobile sba-dropdown fix */

.sba-dropdown-menu{

position:static;
box-shadow:none;

}
.sba-form-container{
max-width:900px;
margin:20px auto;
padding:20px;
box-sizing:border-box;
}

}