/*!
Theme Name: UiCore Pro Child
Theme URI: https://uicore.co
Description: One framework for all your website needs.
Author: UiCore
Author URI: https://uicore.co
Template: uicore-pro
Version: 1.0.0
Text Domain: uicore-pro
*/

/* Add your custom style here */

/* ---------- In-heading unified compact bar ---------- */
.experiences-search.in-heading {
  --h: 40px;
  display: inline-flex;
  align-items: center;
  background: #fff;
  border: 1px solid #e3e4e7;
  border-radius: 9999px;
  padding: 4px 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  max-width: 360px; /* Adjust overall length */
}

/* One-line layout */
.experiences-search.in-heading .exp-search-grid {
  display: flex !important;
  align-items: center;
  width: 100%;
  gap: 6px;
}

/* Remove inner borders & boxes */
.experiences-search.in-heading .exp-field,
.experiences-search.in-heading .exp-input-wrap {
  margin: 0;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
}

/* Inline icons (location, calendar) */
.experiences-search.in-heading .exp-icon:not(.search-start) {
  position: static !important;
  margin-right: 6px;
  opacity: 0.6;
  flex-shrink: 0;
}

/* Inputs */
.experiences-search.in-heading input[type="text"],
.experiences-search.in-heading input[type="date"] {
  appearance: none;
  border: 0;
  outline: none;
  background: transparent;
  font-size: 15px;
  height: var(--h);
  line-height: var(--h);
  color: #111;
  padding: 0 4px;
  width: 100%;
}

.experiences-search.in-heading input::placeholder {
  color: #999;
}

/* Hide clear buttons & labels */
.experiences-search.in-heading .exp-clear,
.experiences-search.in-heading .exp-label {
  display: none !important;
}

/* Right circular search button */
/* 1) Keep SVGs as outlines (no fill) and ensure they render */
.experiences-search.in-heading svg path {
  fill: none !important;
  stroke: currentColor !important; /* follows text color */
  stroke-width: 1.5;
}
.experiences-search.in-heading .exp-icon,
.experiences-search.in-heading .exp-btn svg {
  display: block; /* avoids extra inline gaps */
  width: 18px;
  height: 18px;
}

/* 2) Revert any fixed heights that distorted the bar */
.experiences-search.in-heading,
.experiences-search.in-heading .exp-search-grid,
.experiences-search.in-heading .exp-input-wrap,
.experiences-search.in-heading input,
.experiences-search.in-heading .exp-btn {
  height: auto;
  line-height: normal;
}
.experiences-search.in-heading {
  overflow: visible; /* don't clip icons/contents */
}

/* 3) Make the border perfectly round visually, regardless of children */
.experiences-search.in-heading {
  position: relative;
  border: none; /* we'll draw our own border */
  background: #fff;
  border-radius: 9999px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.experiences-search.in-heading::before {
  content: "";
  position: absolute;
  inset: 0; /* full size */
  border: 1px solid #e3e4e7; /* your original border color */
  border-radius: inherit; /* perfectly round pill */
  pointer-events: none; /* clicks pass through */
}

/* 4) Keep the right button circular without affecting bar height */
.experiences-search.in-heading .exp-btn {
  border-radius: 50%;
  padding: 8px; /* tactile target; tweak as desired */
}
.experiences-search.in-heading .exp-btn:hover {
  background: #ebebef;
}
.experiences-search.in-heading .exp-btn:active {
  transform: scale(0.95);
}




/* Hide empty itinerary containers */
.plan-item:empty {
  display: none !important;
}

/* Hide containers that contain only whitespace or empty widgets */
.plan-item:not(:has(.elementor-widget)) {
  display: none !important;
}

/* Optional: tighten space above map once empties are gone */
.plan-item:has(img:only-child) + .elementor-widget-google_maps,
.plan-item:last-of-type + .elementor-widget-google_maps {
  margin-top: 0 !important;
}


/* Hide browser's built-in date picker icon */
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
input[type="date"]::-webkit-inner-spin-button {
  display: none;
}
input[type="date"]::-webkit-clear-button {
  display: none;
}