/**
 * Property listing page — Elevated Luxury Rentals (WordPress) parity.
 * CSS-only reskin; scoped to property search layout only.
 */

body.frontend-page section.our-listing.findhouse-listing-reference {
  background-color: var(--elr-cream) !important;
}

/* Breadcrumb + page title */
body.frontend-page section.our-listing.findhouse-listing-reference .breadcrumb_content.style2 ol.breadcrumb .breadcrumb-item a {
  color: var(--elr-muted) !important;
  font-family: var(--elr-font-body);
}

body.frontend-page section.our-listing.findhouse-listing-reference .breadcrumb_content.style2 ol.breadcrumb .breadcrumb-item.active,
body.frontend-page section.our-listing.findhouse-listing-reference .breadcrumb_content.style2 ol.breadcrumb .breadcrumb-item.active a,
body.frontend-page section.our-listing.findhouse-listing-reference .breadcrumb-item.active.text-thm {
  color: var(--elr-forest) !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .breadcrumb_title {
  color: var(--elr-forest-deep) !important;
  font-family: var(--elr-font-display) !important;
  font-size: clamp(1.8rem, 3vw, 2.35rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.03em;
  line-height: 1.1;
}

/* Grid / list view toggle */
body.frontend-page section.our-listing.findhouse-listing-reference .listing_list_style ul li {
  background-color: var(--elr-mist) !important;
  border: 1px solid var(--elr-line) !important;
  border-radius: 18px !important;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.frontend-page section.our-listing.findhouse-listing-reference .listing_list_style ul li a {
  color: var(--elr-muted) !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .listing_list_style ul li:hover {
  background-color: rgba(29, 77, 39, 0.08) !important;
  border-color: rgba(29, 77, 39, 0.2) !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .listing_list_style ul li.active {
  background-color: var(--elr-forest) !important;
  border-color: var(--elr-forest) !important;
  box-shadow: none !important;
  color: var(--elr-mist) !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .listing_list_style ul li.active a {
  color: var(--elr-mist) !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .listing_list_style ul li.active:hover {
  background-color: var(--elr-pine) !important;
  border-color: var(--elr-pine) !important;
}

/* Results + sort bar */
body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result {
  align-items: center !important;
  background-color: var(--elr-mist) !important;
  border: 1px solid rgba(214, 200, 180, 0.72) !important;
  border-radius: 18px !important;
  box-shadow: var(--elr-shadow-card);
  display: flex !important;
  flex-wrap: nowrap !important;
  height: auto !important;
  justify-content: space-between !important;
  min-height: 62px;
  overflow: visible !important;
  padding: 0.75rem 1rem !important;
  width: 100% !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result > [class*="col-"] {
  flex: 0 0 auto !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: auto !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .left_area,
body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area {
  width: auto !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area {
  margin-left: auto;
  overflow: visible !important;
  text-align: right !important;
}

/* Top toolbar list only — do not style bootstrap-select dropdown menus */
body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area > ul {
  align-items: center;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-end;
  margin-bottom: 0;
}

/* Single bordered control: "Sort by:" + value + caret */
body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area > ul > li.list-inline-item {
  align-items: center;
  background: #ffffff !important;
  border: 1px solid #dddddd !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  gap: 0;
  height: 50px;
  margin-right: 0 !important;
  margin-top: 6px;
  overflow: visible !important;
  padding: 0 0.65rem 0 0.85rem;
  position: relative;
}

body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .left_area p,
body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area > ul > li .filter-option-inner-inner {
  color: #484848 !important;
  font-family: var(--elr-font-body) !important;
  font-size: 0.875rem !important;
  white-space: nowrap;
}

body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .left_area p {
  color: var(--elr-muted) !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area > ul > li span.shrtby {
  color: #484848 !important;
  flex: 0 0 auto;
  font-family: var(--elr-font-body) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4;
  margin-right: 0;
  white-space: nowrap;
}

body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area > ul > li:first-child:before {
  display: none !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area > ul > li:first-child .dropdown.bootstrap-select.show-tick,
body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area > ul > li:first-child button.btn.dropdown-toggle {
  border: 0 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: auto !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area .bootstrap-select {
  flex: 0 0 auto !important;
  position: static !important;
  vertical-align: middle !important;
  width: auto !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area .bootstrap-select > .dropdown-toggle {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #484848 !important;
  display: inline-block !important;
  font-family: var(--elr-font-body) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: auto !important;
  line-height: 1.4 !important;
  min-height: 0 !important;
  padding: 0 16px 0 0 !important;
  position: relative !important;
  text-align: left !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  width: auto !important;
}

/* Match bootstrap-select fit-width so label text stays on one line */
body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area .bootstrap-select > .dropdown-toggle .filter-option {
  display: inline !important;
  height: auto !important;
  padding: 0 !important;
  position: static !important;
  text-align: left !important;
  width: auto !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area .bootstrap-select > .dropdown-toggle .filter-option-inner,
body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area .bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
  display: inline !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area .bootstrap-select > .dropdown-toggle:hover,
body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area .bootstrap-select > .dropdown-toggle:focus,
body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area .bootstrap-select > .dropdown-toggle:active {
  background: transparent !important;
  box-shadow: none !important;
  color: #484848 !important;
  outline: none !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area .bootstrap-select .filter-option-inner-inner {
  color: #484848 !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area .bootstrap-select > .dropdown-toggle::after {
  border-top-color: #7f7f7f;
  margin-left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* Dropdown panel — vertical list under the full control */
body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area > ul > li.list-inline-item .bootstrap-select .dropdown-menu {
  background: #ffffff !important;
  border: 1px solid #dddddd !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  display: block !important;
  float: none !important;
  left: 0 !important;
  margin-top: 1px !important;
  min-width: 100% !important;
  padding: 0 !important;
  position: absolute !important;
  right: auto !important;
  top: 100% !important;
  transform: none !important;
  width: 100% !important;
  z-index: 1050;
}

body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area .bootstrap-select .dropdown-menu .inner,
body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area .bootstrap-select .dropdown-menu .inner > ul {
  display: block !important;
  float: none !important;
  min-width: 0 !important;
  position: static !important;
  width: 100% !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area .bootstrap-select .dropdown-menu li {
  display: list-item !important;
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area .bootstrap-select .dropdown-menu li a {
  border-radius: 0;
  color: #777777 !important;
  display: block !important;
  font-family: var(--elr-font-body) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  padding: 0.55rem 1rem;
  white-space: nowrap;
}

body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area .bootstrap-select.show-tick .dropdown-menu li a span.text {
  color: #777777 !important;
  font-weight: 600 !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area .bootstrap-select .dropdown-menu li.selected a,
body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area .bootstrap-select.show-tick .dropdown-menu li.selected a {
  background: #f7f7f7 !important;
  color: #484848 !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area .bootstrap-select .dropdown-menu li a:hover,
body.frontend-page section.our-listing.findhouse-listing-reference .grid_list_search_result .right_area .bootstrap-select .dropdown-menu li a:focus {
  background: #f7f7f7 !important;
  color: #484848 !important;
}

/* Sidebar filter */
body.frontend-page section.our-listing.findhouse-listing-reference .sidebar_listing_list {
  background-color: var(--elr-mist) !important;
  border: 1px solid rgba(214, 200, 180, 0.72) !important;
  border-radius: 28px !important;
  box-shadow: var(--elr-shadow-card);
}

body.frontend-page section.our-listing.findhouse-listing-reference .sasw_list .search_area input,
body.frontend-page section.our-listing.findhouse-listing-reference .sasw_list .search_area textarea,
body.frontend-page section.our-listing.findhouse-listing-reference .sasw_list .bootstrap-select > .dropdown-toggle,
body.frontend-page section.our-listing.findhouse-listing-reference .sidebar_listing_list .form-control {
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(29, 77, 39, 0.12) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  color: var(--elr-forest-deep) !important;
  font-family: var(--elr-font-body) !important;
  font-size: 0.94rem !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .sasw_list .search_area input:focus,
body.frontend-page section.our-listing.findhouse-listing-reference .sasw_list .bootstrap-select > .dropdown-toggle:focus,
body.frontend-page section.our-listing.findhouse-listing-reference .sidebar_listing_list .form-control:focus {
  border-color: rgba(29, 77, 39, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(29, 77, 39, 0.12) !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .search_option_button .btn-thm {
  background: var(--elr-forest) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: var(--elr-mist) !important;
  font-family: var(--elr-font-body) !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  padding: 0.72rem 1rem !important;
  text-transform: uppercase;
  transition: background 0.2s ease;
}

body.frontend-page section.our-listing.findhouse-listing-reference .search_option_button .btn-thm:hover,
body.frontend-page section.our-listing.findhouse-listing-reference .search_option_button .btn-thm:focus {
  background: var(--elr-pine) !important;
  color: var(--elr-mist) !important;
}

/* Recently viewed sidebar */
body.frontend-page section.our-listing.findhouse-listing-reference .sidebar_feature_listing {
  background-color: var(--elr-mist) !important;
  border: 1px solid rgba(214, 200, 180, 0.72) !important;
  border-radius: 28px !important;
  box-shadow: var(--elr-shadow-card);
}

body.frontend-page section.our-listing.findhouse-listing-reference .sidebar_feature_listing .title {
  color: var(--elr-forest-deep) !important;
  font-family: var(--elr-font-display) !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.03em;
}

body.frontend-page section.our-listing.findhouse-listing-reference .sidebar_feature_listing .media img {
  border-radius: 12px;
  object-fit: cover;
}

body.frontend-page section.our-listing.findhouse-listing-reference .sidebar_feature_listing .media .media-body .post_title {
  color: var(--elr-forest-deep) !important;
  font-family: var(--elr-font-display) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .sidebar_feature_listing .media .media-body a {
  color: var(--elr-gold-deep) !important;
  font-family: var(--elr-font-body) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .sidebar_feature_listing .media .media-body ul li {
  color: var(--elr-muted) !important;
  font-family: var(--elr-font-body) !important;
}

/* Property cards */
body.frontend-page section.our-listing.findhouse-listing-reference .feat_property {
  background-color: var(--elr-mist) !important;
  border: 1px solid rgba(214, 200, 180, 0.72) !important;
  border-radius: 28px !important;
  box-shadow: var(--elr-shadow-card);
  overflow: hidden;
}

body.frontend-page section.our-listing.findhouse-listing-reference .feat_property:hover {
  box-shadow: 0 24px 58px rgba(17, 47, 25, 0.12) !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .feat_property .thumb {
  background-color: var(--elr-forest-deep) !important;
  border-radius: 18px !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .feat_property .thumb img {
  opacity: 1 !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .feat_property.list .thumb {
  border-radius: 18px !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .feat_property .dtls_headr ul.tag li,
body.frontend-page section.our-listing.findhouse-listing-reference .feat_property .thumb .thmb_cntnt ul.tag li:last-child,
body.frontend-page section.our-listing.findhouse-listing-reference .feat_property.list .dtls_headr ul.tag li:first-child,
body.frontend-page section.our-listing.findhouse-listing-reference .feat_property.list .dtls_headr ul.tag li:last-child {
  background-color: var(--elr-forest) !important;
  border-radius: 999px !important;
  height: auto !important;
  line-height: 1 !important;
  min-height: 25px;
  padding: 0.35rem 0.75rem !important;
  width: auto !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .feat_property .dtls_headr ul.tag li a,
body.frontend-page section.our-listing.findhouse-listing-reference .feat_property.list ul.tag li a {
  color: var(--elr-mist) !important;
  font-family: var(--elr-font-body) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.frontend-page section.our-listing.findhouse-listing-reference .feat_property .details .tc_content h4,
body.frontend-page section.our-listing.findhouse-listing-reference .feat_property.list .details .tc_content h4 {
  color: var(--elr-forest-deep) !important;
  font-family: var(--elr-font-display) !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em;
}

body.frontend-page section.our-listing.findhouse-listing-reference .feat_property .details .tc_content p,
body.frontend-page section.our-listing.findhouse-listing-reference .feat_property .details .tc_content .prop_details li,
body.frontend-page section.our-listing.findhouse-listing-reference .feat_property .details .tc_content .prop_details li a {
  color: var(--elr-muted) !important;
  font-family: var(--elr-font-body) !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .feat_property .text-thm {
  color: var(--elr-forest) !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .feat_property .fp_price,
body.frontend-page section.our-listing.findhouse-listing-reference .feat_property.list .dtls_headr a.fp_price {
  color: var(--elr-forest-deep) !important;
  font-family: var(--elr-font-body) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .feat_property .property-action .service-wishlist {
  align-items: center;
  background: rgba(17, 47, 25, 0.82) !important;
  border-radius: 50%;
  color: var(--elr-mist) !important;
  display: inline-flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

body.frontend-page section.our-listing.findhouse-listing-reference .feat_property .property-action .service-wishlist.active,
body.frontend-page section.our-listing.findhouse-listing-reference .feat_property .property-action .service-wishlist:hover {
  background: var(--elr-forest) !important;
  color: var(--elr-mist) !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .feat_property .fp_footer,
body.frontend-page section.our-listing.findhouse-listing-reference .feat_property .fp_footer a,
body.frontend-page section.our-listing.findhouse-listing-reference .feat_property .fp_pdate {
  color: var(--elr-muted) !important;
  font-family: var(--elr-font-body) !important;
  font-size: 0.88rem !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .feat_property .fp_footer .text-success {
  color: var(--elr-forest) !important;
}

/* Pagination */
body.frontend-page section.our-listing.findhouse-listing-reference .mbp_pagination ul.pagination li .page-link {
  background-color: var(--elr-mist) !important;
  border: 1px solid var(--elr-line) !important;
  border-radius: 50% !important;
  color: var(--elr-muted) !important;
  font-family: var(--elr-font-body) !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .mbp_pagination ul.pagination li.active .page-link {
  background-color: var(--elr-forest) !important;
  border-color: var(--elr-forest) !important;
  color: var(--elr-mist) !important;
}

body.frontend-page section.our-listing.findhouse-listing-reference .mbp_pagination ul.pagination li .page-link:hover {
  background-color: rgba(29, 77, 39, 0.08) !important;
  border-color: rgba(29, 77, 39, 0.2) !important;
  color: var(--elr-forest-deep) !important;
}

/* Empty state */
body.frontend-page section.our-listing.findhouse-listing-reference .border.rounded.p-3.bg-white {
  background: var(--elr-mist) !important;
  border: 1px solid rgba(214, 200, 180, 0.72) !important;
  border-radius: 18px !important;
  color: var(--elr-muted);
  font-family: var(--elr-font-body);
}

/* Responsive */
@media (max-width: 900px) {
  body.frontend-page section.our-listing.findhouse-listing-reference .sidebar_listing_list,
  body.frontend-page section.our-listing.findhouse-listing-reference .sidebar_feature_listing {
    padding: 1.5rem !important;
  }

  body.frontend-page section.our-listing.findhouse-listing-reference .feat_property.list {
    flex-direction: column !important;
  }

  body.frontend-page section.our-listing.findhouse-listing-reference .feat_property.list .thumb,
  body.frontend-page section.our-listing.findhouse-listing-reference .feat_property.list .details {
    width: 100% !important;
  }

  body.frontend-page section.our-listing.findhouse-listing-reference .feat_property.list .dtls_headr a.fp_price {
    position: static !important;
    display: block;
    margin-top: 0.5rem;
  }

  body.frontend-page section.our-listing.findhouse-listing-reference .search_option_button .btn-thm {
    width: 100%;
  }
}