.iframe-wrapper {
  width: 100%;
  padding: 1rem 0;
}

/* Default: Mobile-first */
.responsive-iframe-container {
  width: 100%;
  height: 1730vh; /* Full viewport height on mobile */
  overflow: hidden;
}

.responsive-iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* iPad / Tablets (Portrait & Landscape) */
@media (min-width: 768px) {
  .responsive-iframe-container {
    height: 80vh; /* Slightly less height on tablets */
  }
}

/* Desktops */
@media (min-width: 1024px) {
  .responsive-iframe-container {
    height: 925px; /* Fixed height for large screens */
  }
}
/* Hide common post date elements (single + archives) */
.entry-date,
.posted-on,
.posted-on time,
.posted-on a,
.entry-meta .date,
.post-meta .date,
time.entry-date,
time[itemprop="datePublished"],
time[itemprop="dateModified"],
.published,
.updated,
.meta-date,
.article-date,
.post__date {
  display: none !important;
}

/* Remove any leftover separators added by the theme */
.posted-on::before,
.posted-on::after,
.entry-date::before,
.entry-date::after {
  content: none !important;
}
/* Hide common price elements site-wide */
.price,
.amount,
.listing-price,
.property-price,
.property__price,
.card-price,
.home-price,
.sale-price,
.rent-price,
.price-range,
.meta-price,
.badge--price,
.itre-price,
.itre-property-price,
.woocommerce-Price-amount,
[class*="price"],
[class*="Price"],
[class*="amount"],
[class*="Amount"],
[class*="currency"],
[class*="Currency"] {
  display: none !important;
}

/* Also remove currency symbols inserted via ::before/::after */
.price::before,
.price::after,
[class*="price"]::before,
[class*="price"]::after,
[class*="currency"]::before,
[class*="currency"]::after {
  content: none !important;
}

/* Optional: hide price labels that might remain (e.g., "Price:", "From:") */
label[for*="price"],
[class*="label"]:has([class*="price"]) {
  display: none !important;
}

/* If your browser supports :has(), hide wrappers that contain price nodes */
@supports selector(:has(*)) {
  .entry-meta:has(.price, [class*="price"]),
  .property__meta:has(.price, [class*="price"]),
  .card:has(.price, [class*="price"]) {
    display: none !important;
  }
}
/* FRONT PAGE (optional): prefix with .home if this bar is on the homepage */
.filter-fields-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;   /* never break to a 2nd line */
  gap: .5rem;
  align-items: stretch;
  width: 100%;
  max-width: 1280px;              /* tweak to your layout */
  margin: 0 auto;
  overflow-x: auto;               /* scroll horizontally on small screens */
  scrollbar-width: none;
}
.filter-fields-wrapper::-webkit-scrollbar { display: none; }

/* Make each field wrapper share space on the row */
.filter-fields-wrapper > .form-control-wrapper {
  flex: 1 1 0;
  min-width: 140px;               /* lower to 120px if you have 8–9 items */
  min-height: 48px;
  display: flex;                  /* ensure the select fills the height */
}

/* Inputs/selects fill their wrapper and have consistent height */
.filter-fields-wrapper select,
.filter-fields-wrapper input[type="text"],
.filter-fields-wrapper input[type="number"] {
  width: 100%;
  height: 48px;
  padding: 0 .9rem;
  font-size: 16px;                /* avoids iOS zoom */
  border: 1px solid #d1d5db;
  border-radius: 8px;
  box-sizing: border-box;
  min-width: 0;                   /* crucial: lets items shrink on one line */
  white-space: nowrap;
}

/* If your submit button lives here too: keep it auto-width on same row */
.filter-fields-wrapper .filter-btn { flex: 0 0 auto; }
.filter-fields-wrapper .filter-btn input[type="submit"] {
  height: 48px;
  padding: 0 1rem;
  border: 0;
  border-radius: 8px;
  background: #2563eb;
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition: background .2s ease;
}
/* Center property cards */
.itre-property-listing.section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;   /* centers rows */
  gap: 1rem;                 /* space between cards */
  width: 100%;
  max-width: 1200px;         /* constrain total width */
  margin: 2rem auto;         /* center the whole block */
  padding: 0 1rem;
}

/* Each card ~320px wide, responsive */
.itre-property-listing.section article.grid {
  flex: 0 1 320px;           /* target width; shrinks if needed */
  box-sizing: border-box;
}

/* --- Desktop: keep one-line layout --- */
.filter-fields-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: .5rem;
  align-items: stretch;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  overflow-x: auto;
  scrollbar-width: none;
}
.filter-fields-wrapper::-webkit-scrollbar { display: none; }

.filter-fields-wrapper > .form-control-wrapper {
  flex: 1 1 0;
  min-width: 140px;
  min-height: 48px;
  display: flex;
}
.filter-fields-wrapper select,
.filter-fields-wrapper input[type="text"],
.filter-fields-wrapper input[type="number"] {
  width: 100%;
  height: 48px;
  padding: 0 .9rem;
  font-size: 16px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  box-sizing: border-box;
  min-width: 0;
  white-space: nowrap;
}

/* Keep the submit button using your current color */
.itre-property-filter-form-wrapper .filter-btn input[type="submit"] {
  height: 48px;
  padding: 0 1rem;
  border: 0;
  border-radius: 8px;
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition: background .2s ease;
}

/* --- Tablet: wrap into two columns --- */
@media (max-width: 900px) {
  .filter-fields-wrapper {
    flex-wrap: wrap !important;
    overflow-x: visible;
    gap: .5rem;
  }
  .filter-fields-wrapper > .form-control-wrapper {
    flex: 1 1 calc(50% - .5rem);
    min-width: 0;
  }
}

/* --- Mobile (≤600px): stack neatly --- */
@media (max-width: 600px) {
  .itre-property-filter-form-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .filter-fields-wrapper {
    flex-wrap: wrap !important;
    overflow-x: visible;
    gap: .5rem;
    padding: 0 .5rem;
  }

  .filter-fields-wrapper > .form-control-wrapper {
    flex: 1 1 100%;
    min-width: auto;
  }

  /* Full-width button underneath */
  .itre-property-filter-form-wrapper .filter-btn {
    width: 100%;
    padding: 0 .5rem;
    order: 99;
  }
  .itre-property-filter-form-wrapper .filter-btn input[type="submit"] {
    width: 100%;
    min-width: 0;
    font-size: 16px;  /* avoids iPhone zoom */
    line-height: 48px;
  }
}