/* =============================================================================
   Navbar Search Bar Consistency Fix - Exact Copy from Home Page
   ============================================================================= */

/* Exact styling to match home page navbar search */
.form-inline.navbar-form {
  margin-right: 1rem;
  margin-left: 1rem;
}

.input-group-search {
  width: 100% !important;
}

@media(min-width:576px) {
  .navbar-expand-sm .input-group-search {
    width: 100% !important;
  }
}

@media(min-width:768px) {
  .navbar-expand-md .input-group-search {
    width: 90% !important;
  }
}

@media(min-width:992px) {
  .navbar-expand-lg .input-group-search {
    width: 80% !important;
  }
}

@media(min-width:1200px) {
  .navbar-expand-xl .input-group-search {
    width: 70% !important;
  }
}

/* Ensure dropdown styling matches */
.dropdown-menu {
  background: #495057;
}

/* Button styling consistency */
.btn-outline-light.text-success {
  color: #28a745 !important;
}

/* Force navbar button to match Bootstrap default styling - override any other rules */
.navbar .input-group-search .btn-outline-light {
  background-color: transparent !important;
  border: 1px solid #f8f9fa !important;
  border-color: #f8f9fa !important;
  font-weight: 400 !important;
  backdrop-filter: none !important;
}

/* Override Bootstrap's input-group border-radius rules - keep input flat on both sides */
.navbar .input-group.input-group-search > .form-control:not(:first-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.navbar .input-group.input-group-search > .form-control:not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Search input text box - flat on both sides (sandwiched between buttons) */
.navbar .input-group-search .form-control {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-radius: 0 !important;
}

/* Dropdown button (in input-group-prepend) - left rounded, right flat */
.navbar .input-group-search .input-group-prepend .btn {
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-radius: 0.375rem 0 0 0.375rem !important;
}

/* Search submit button (in input-group-append) - left flat, right rounded */
.navbar .input-group-search .input-group-append .btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
  border-radius: 0 0.375rem 0.375rem 0 !important;
}

/* Mobile responsive form positioning */
@media (max-width: 991.98px) {
  .form-inline.navbar-form {
    order: 3;
    width: 100%;
    margin-top: 1rem;
    margin-left: 0;
    margin-right: 0;
  }
}