/* Default Search Bar Position */
.search-bar-container {
  display: flex;
  align-items: center;
  margin-bottom: 0px; /* Space between the search bar and the next item */
}

/* Allow flexibility in positioning */
.search-bar-container.top {
  order: -1; /* Move the search bar to the top */
}

.search-bar-container {
  margin-right: 0px; /* Move the container 30px to the left */
}

/* Styling for Search Bar */
.search-bar {
  margin-right: -10px;
  width: 140px;
  height: 30px;
  right: 30px;
  border-radius:9px 9px 9px 9px;
  border:1px solid #3f3d38;
  font-size: 14px;
  fill: #9b8f80;
  outline: none;
  transition: border-color 0.3s ease;
}
.search-bar:hover {
  border-color:skyblue;
      box-shadow: 0 0 5px rgb(0, 153, 204);
}
.search-bar:active {
  border-color:black;
}
.search-bar:focus {
  border-color: #32332c;

}
/* Submit Button (Search Icon) */
.search-btn {
  background-color: #3f3d38;
  border:1px solid #3f3d38;
  border-radius:0px 9px 9px 0px;
  display: flex;
  justify-content: center;
  align-items: center;

}
  search-btn:hover{
      border-color: skyblue;
  }
    search-btn-:active{
      border-color:black;
  }
      .search-btn svg {
          fill: #9b8f80;
          width: 50px;
          height:50px;
      }

      .search-bar-container {
          margin-top: 8px; /* Adjust margin between search bar and buttons */
      }


.result-link {
    margin-top: 10px;
    display: inline-block;
    color: skyblue;

}

.result-link a {
    color: skyblue;
    text-decoration: none;
    font-weight: bold;
}

.result-link a:hover {
    text-decoration: underline;
        color: cyan;
}