/* navbar.css */

.navbar {
    background-color: black;  /* Matching your page background */
    width: 100%;
    height: 75px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
    box-sizing: border-box;
  }
  
  .icon img.logo-img {
    height: 60px;
    width: auto;
  }
  
  .menu ul {
    list-style: none;
    display: flex;
    gap: 40px;
    margin: 0;
    padding: 0;
  }
  
  .menu ul li {
    font-size: 14px;
    font-family: Arial, sans-serif;
  }
  
  .menu ul li a {
    text-decoration: none;
    color: white;
    font-weight: bold;
    transition: color 0.3s ease-in-out;
  }
  
  .menu ul li a:hover {
    color: #ff7200;
    cursor: pointer;
  }

  .menu ul li a.active {
    border-bottom: 2px solid #ff7200;
    color: white; /* Keep text white unless hovered */
  }

  .menu ul li a.active:hover {
    color: #ff7200;
  }
  
  /* Optional: underline on hover */
  .menu ul li a::after {
    content: '';
    display: block;
    height: 2px;
    background: #ff7200;
    transition: width 0.3s;
    width: 0;
    margin-top: 4px;
  }
  
  .menu ul li a:hover::after {
    width: 100%;
  }

.highlighted {
    background-color: yellow;
    font-weight: bold;
    padding: 2px 4px;
    border-radius: 3px;
}

.spacer {
    width: 400px; /* Same width as the original .search */
    height: 1px;  /* invisible */
}