/* ===============================
   TOUR SEARCH BAR STYLING
   =============================== */

.tour-search-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* center align */
  align-items: center;
  gap: 16px;
  margin: 20px auto;
}

/* Inputs & dropdowns */
.tour-search-form select,
.tour-search-form input[type="date"] {
  height: 48px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid #ddd;
  background: #fff;
  font-size: 15px;
  min-width: 180px;
}

/* Search button */
.tour-search-form button[type="submit"] {
  height: 48px;
  padding: 0 26px;
  border-radius: 999px;
  border: 2px solid #e6007e;
  background: transparent;
  color: #e6007e;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s ease;
}

.tour-search-form button[type="submit"]:hover {
  background: #e6007e;
  color: #fff;
}

/* Reset button */
.tour-search-form .tour-reset {
  height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  border: 2px solid #e6007e;
  color: #e6007e;
  text-decoration: none;
  font-weight: 600;
  display: flex;
  align-items: center;
  transition: all 0.25s ease;
}

.tour-search-form .tour-reset:hover {
  background: #e6007e;
  color: #fff;
}

/* Mobile tweaks */
@media (max-width: 768px) {
  .tour-search-form {
    gap: 10px;
  }

  .tour-search-form select,
  .tour-search-form input[type="date"] {
    min-width: 140px;
  }
}
/* ===============================
   FORCE NATIVE SELECT BEHAVIOUR
   =============================== */

.tour-search-form select {
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;

  color: #000 !important;
  background-color: #fff !important;
}

/* Force options to be visible */
.tour-search-form select option {
  color: #000 !important;
  background: #fff !important;
  opacity: 1 !important;
}

/* Kill theme pseudo-elements */
.tour-search-form select::before,
.tour-search-form select::after {
  display: none !important;
}
