.btn.btn-primary.btn-search,
button.btn.btn-primary.btn-search {
  background:#00cfb6 !important;
  border:none !important;
  border-radius:12px !important;
  padding:12px 16px !important;
  font-weight:600 !important;
  color:#fff !important;
  width:100% !important;
  font-size:16px !important;
  transition:.3s ease !important;
}

.bravo_form {
  background:#fff !important;
  border:none !important;
  border-radius:16px !important;
  padding:20px !important;
  box-shadow:0 8px 32px rgba(0,0,0,.1) !important;
}

.bravo_form_search_all .list-item a > i {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:28px !important;
  height:28px !important;
  border-radius:50% !important;    
  background:#e8e5eb !important;
  color:#eb5d25f6 !important;
  font-size:14px !important;
  line-height:1 !important;
}


/* === Nav Tabs Container (background pill) === */
.g-form-control .nav-tabs {
  background-color: rgb(255 255 255 / 13%) !important;
  border-radius: 40px !important;
  padding: 10px 16px !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: rgb(255 255 255 / 13%) !important;
  border: none !important;
  margin-bottom: 20px !important;
  gap: 8px !important;
  margin: 0 auto !important;
  width: fit-content !important;
}

/* === Tab Links (default style) === */
.g-form-control .nav-tabs li a {
  background-color: transparent !important;
  border: none !important;
  border-radius: 999px !important;
  color: #e5e7eb !important;
  padding: 10px 20px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  transition: all 0.3s ease-in-out !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  opacity: 1 !important;
}

/* === Active Tab Styling === */
.g-form-control .nav-tabs li.active a,
.g-form-control .nav-tabs li a.active {
  background-color: #ffffff !important;
  color: #1f2937 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

/* === Hover Effect === */
.g-form-control .nav-tabs li a:hover {
  background-color: none !important;
  text-decoration: none !important;
}

/* === Ensure Disabled Tabs Look Consistent === */
.g-form-control .nav-tabs li.disabled a {
  opacity: 1 !important;
  color: #e5e7eb !important;
  cursor: not-allowed !important;
}
/* Location input field style */
.bravo_form .smart-search-location.parent_text.form-control {
  background-color: #f9fafb !important;
  border: none !important;         /* Light gray border */
  border-radius: 12px !important;               /* Smooth corners */
  padding: 12px 16px !important;
  font-size: 15px !important;
  color: #333 !important;                    /* Tailwind gray-900 */
  box-shadow: none !important;
  #transition: all 0.2s ease-in-out !important;
}
.bravo_form .smart-search-location::placeholder {
  color: #333 !important;   /* Soft gray */
  opacity: 1 !important;
}

ul.topbar-items > li {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 44px !important;
  padding: 0 18px !important;
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 9999px !important;
  margin-left: 10px !important;
  font-family: 'Inter', 'Segoe UI', 'Roboto', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #111827 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.2s ease-in-out !important;
}

ul.topbar-items > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 8px !important;
  text-decoration: none !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: 1 !important;
}

ul.topbar-items > li:hover {
  background-color: #f9fafb;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* Optional: icon alignment */
ul.topbar-items > li > a i {
  font-size: 16px;
  vertical-align: middle;
}

/* Make content span full width like PHPTRAVELS */
.container-fluid {
  max-width: 100% !important;
  padding-left: 2rem;
  padding-right: 2rem;
}

/* Optional: make hero section or top blocks align better */
.hero-section,
.bravo_form,
.booking-type-wrapper {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}
/* Apply Cairo font to the whole body (for Arabic) */
body, html, *:not(i) {
  font-family: 'Cairo', sans-serif !important;
}
/* Or if you want to target tabs only */
.g-form-control .nav-tabs li a {
  font-family: 'Cairo', sans-serif !important;
}
.fa-angle-down:before {
  content: "\f107";
  font-family: "FontAwesome" !important;
}
/* Ensure SVG logo scales properly */
.bravo-logo img {
  max-width: 150px !important;
  image-rendering: -webkit-optimize-contrast; /* fallback for some browsers */
  image-rendering: crisp-edges;
  height: auto !important;
  image-rendering: auto !important;
  display: block !important;
}
div.bravo_header > div.container {
  max-width: 100% !important;
}


.bravo_wrap .page-template-content .bravo-call-to-action {
  margin: 100px 0 40px !important;
}

.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control {
  margin: 50px 0 -180px !important;
}


.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .tab-content:before {
  display: none !important;
}

@media (max-width: 990px) {
  .bravo_wrap .bravo_header .content .header-right .topbar-items {
    display: none !important;
  }
}