/* LISTINGS UI: list-view cards, sort menu, view switch, save search, back-to-top, alert form, map search bar.
   Brings these older Houzez parts in line with the grid cards and the home search. Dark-mode colours live in dark-mode-enhance.css. */

/* ---- Preview (lightbox) toggle: off everywhere ---- */
body .hz-show-lightbox-js.btn,body .item-buttons-wrap .hz-show-lightbox-js,body .item-tool.item-preview{display:none!important}

/* ---- List view cards (.item-wrap-v8): same language as the grid cards, laid out sideways ---- */
body .item-wrap-v8 .item-wrap{display:grid!important;grid-template-columns:280px minmax(0,1fr);border-radius:20px!important;overflow:hidden;border:1px solid #eef0f2!important;box-shadow:0 10px 28px rgba(10,30,60,.08)!important;background:#fff!important;padding:0!important;transition:transform .2s,box-shadow .2s}
body .item-wrap-v8 .item-wrap:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(10,30,60,.14)!important}
body .item-wrap-v8 .item-wrap>.d-flex:not(.item-footer){display:contents!important}
body .item-wrap-v8 .item-header{grid-column:1;grid-row:1/span 2;position:relative!important;width:280px!important;max-width:none!important;height:100%!important;min-height:236px;margin:0!important;overflow:hidden;border-radius:0!important}
body .item-wrap-v8 .item-header::after{content:'';position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(180deg,rgba(10,20,40,0),rgba(10,20,40,.4));pointer-events:none;z-index:1}
body .item-wrap-v8 .listing-image-wrap,body .item-wrap-v8 .listing-gallery-wrap,body .item-wrap-v8 .houzez-listing-carousel,body .item-wrap-v8 .houzez-listing-carousel .slick-list,body .item-wrap-v8 .houzez-listing-carousel .slick-track,body .item-wrap-v8 .slide-img,body .item-wrap-v8 .slide-img a,body .item-wrap-v8 .listing-thumb,body .item-wrap-v8 .listing-thumb a{height:100%!important}
body .item-wrap-v8 .item-header img{width:100%!important;height:100%!important;min-height:236px;object-fit:cover;border-radius:0!important}
body .item-wrap-v8 .item-header .label{font-size:10.5px!important;font-weight:800!important;letter-spacing:.05em;text-transform:uppercase;line-height:1!important;padding:6px 10px!important;border-radius:999px!important;height:auto!important;box-shadow:0 3px 10px rgba(10,30,60,.2)}
body .item-wrap-v8 .label-featured{position:absolute!important;top:12px!important;left:12px!important;z-index:3;background:#FFB74D!important;color:#1d1d1d!important;margin:0!important}
body .item-wrap-v8 .labels-wrap{position:absolute!important;top:12px!important;right:12px!important;left:auto!important;z-index:3}
body .item-wrap-v8 .label-status{background:rgba(29,43,58,.88)!important;color:#fff!important}
body .item-wrap-v8 .item-body{grid-column:2;width:auto!important;max-width:none!important;padding:18px 22px 6px!important}
body .item-wrap-v8 .h-type span{font-size:11px!important;font-weight:800!important;letter-spacing:.12em;text-transform:uppercase;color:#e08a00!important}
body .item-wrap-v8 .item-price-wrap{margin:4px 0 6px!important}
body .item-wrap-v8 .item-price .price{font-size:24px!important;font-weight:800!important;line-height:1.2!important;color:#1d2b3a!important}
body .item-wrap-v8 .item-title{font-size:17px!important;line-height:1.35!important;font-weight:700!important;margin-bottom:6px!important}
body .item-wrap-v8 .item-title a{color:#1d2b3a!important}
body .item-wrap-v8 .item-address{font-size:13.5px!important;color:#6b7280!important;margin-bottom:12px!important}
body .item-wrap-v8 .item-address i{color:#FFB74D!important}
body .item-wrap-v8 .item-body>.item-amenities.d-flex{gap:8px!important}
body .item-wrap-v8 .item-body>.item-amenities.d-flex>li{margin:0!important;padding:8px 11px;border-radius:11px;background:#f6f7f9;font-size:13px!important;font-weight:600;color:#1d2b3a!important;display:flex!important;align-items:center;gap:4px;white-space:nowrap}
body .item-wrap-v8 .item-body>.item-amenities.d-flex>li.inm-zero{display:none!important}
body .item-wrap-v8 .item-body>.item-amenities.d-flex>li span{white-space:nowrap}
body .item-wrap-v8 .item-body>.item-amenities.d-flex>li i{color:#e08a00!important;margin-right:5px!important;font-size:15px!important;position:static!important;top:0!important}
body .item-wrap-v8 .item-body>.item-amenities.d-flex>li.inm-chip svg{width:15px;height:15px;flex:0 0 15px;margin-right:5px;color:#e08a00}
body .item-wrap-v8 .item-body>.item-amenities.d-flex>li.h-property-id{background:#FFF6EA}
body .item-wrap-v8 .item-footer{grid-column:2;padding:10px 22px 18px!important;border:0!important;background:none!important;justify-content:flex-start!important}
body .item-wrap-v8 .item-footer-right-wrap,body .item-wrap-v8 .item-footer .item-buttons-wrap{width:100%!important}
body .item-wrap-v8 .item-buttons-left-wrap{width:auto!important;flex:0 1 auto!important;gap:8px!important;justify-content:flex-start!important}
body .item-wrap-v8 .item-buttons-left-wrap .btn{flex:0 0 auto!important;height:44px!important;padding:0 18px!important;border-radius:12px!important;border:1.5px solid #e5e7eb!important;background:#fff!important;color:#1d2b3a!important;font-size:14px!important;font-weight:700!important}
body .item-wrap-v8 .item-buttons-left-wrap .btn i{color:#e08a00!important}
body .item-wrap-v8 .item-buttons-left-wrap .btn:hover{border-color:#FFB74D!important}
body .item-wrap-v8 .item-buttons-left-wrap a.btn{background:#25D366!important;border-color:#25D366!important;color:#fff!important}
body .item-wrap-v8 .item-buttons-left-wrap a.btn i,body .item-wrap-v8 .item-buttons-left-wrap a.btn span{color:#fff!important}
body .item-wrap-v8 .item-buttons-right-wrap{margin-left:auto!important;width:auto!important;gap:2px!important}
body .item-wrap-v8 .item-buttons-right-wrap .btn-item{width:42px!important;height:44px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;flex:0 0 42px!important}
body .item-wrap-v8 .item-buttons-right-wrap .btn-item i{font-size:21px!important;color:#1d2b3a!important}
body .item-wrap-v8 .item-buttons-right-wrap .add-favorite-js i{color:#e5484d!important}
@media(max-width:767px){
body .item-wrap-v8 .item-wrap{grid-template-columns:minmax(0,1fr)}
body .item-wrap-v8 .item-header{grid-column:1;grid-row:auto;width:100%!important;min-height:220px}
body .item-wrap-v8 .item-body,body .item-wrap-v8 .item-footer{grid-column:1}
body .item-wrap-v8 .item-body{padding:16px 18px 6px!important}
body .item-wrap-v8 .item-footer{padding:10px 18px 18px!important}
body .item-wrap-v8 .item-buttons-left-wrap{width:100%!important}
body .item-wrap-v8 .item-buttons-left-wrap .btn{flex:1 1 0!important;padding:0 8px!important}
}

/* ---- Results toolbar: sort menu, save search, list/grid switch ---- */
body .sort-by .sort-by-title{font-size:11.5px!important;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase;color:#6b7280!important;margin-right:10px;white-space:nowrap}
body .sort-by .bootstrap-select{width:auto!important;min-width:200px;height:auto!important;border:0!important;background:none!important;padding:0!important;box-shadow:none!important}
body .sort-by .bootstrap-select>.dropdown-toggle{position:relative;height:44px!important;border:1.5px solid #e5e7eb!important;border-radius:999px!important;background:#fff!important;padding:0 40px 0 16px!important;font-size:14px!important;font-weight:700!important;color:#1d2b3a!important;box-shadow:none!important;outline:0!important;transition:border-color .15s,box-shadow .15s}
body .sort-by .bootstrap-select>.dropdown-toggle .filter-option-inner-inner{color:#1d2b3a!important;font-weight:700!important;line-height:41px}
body .sort-by .bootstrap-select>.dropdown-toggle::after{content:''!important;position:absolute;right:15px;top:50%;width:13px;height:13px;margin:-6px 0 0!important;border:0!important;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d2b3a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") center/13px no-repeat}
body .sort-by .bootstrap-select>.dropdown-toggle:hover,body .sort-by .bootstrap-select>.dropdown-toggle.show,body .sort-by .bootstrap-select>.dropdown-toggle:focus{border-color:#FFB74D!important;box-shadow:0 0 0 4px rgba(255,183,77,.22)!important}
body .sort-by .bootstrap-select>.dropdown-menu{min-width:230px!important;margin-top:6px!important;padding:6px!important;border:1px solid #eef0f2!important;border-radius:16px!important;background:#fff!important;box-shadow:0 18px 44px rgba(10,30,60,.16)!important;overflow:hidden}
body .sort-by .bootstrap-select .dropdown-menu.inner{position:static!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;min-width:0!important}
body .sort-by .bootstrap-select .dropdown-item{height:auto!important;padding:10px 12px!important;border-radius:10px!important;font-size:14.5px!important;font-weight:600!important;line-height:1.2!important;color:#1d2b3a!important;background:none!important}
body .sort-by .bootstrap-select .dropdown-item:hover,body .sort-by .bootstrap-select .dropdown-item:focus{background:#FFF6EA!important;color:#1d2b3a!important}
body .sort-by .bootstrap-select .dropdown-item.active,body .sort-by .bootstrap-select .dropdown-item.selected,body .sort-by .bootstrap-select li.selected>.dropdown-item{background:#1d2b3a!important;color:#fff!important}
body .save-search-btn{height:44px!important;padding:0 18px!important;border:0!important;border-radius:999px!important;background:#FFB74D!important;color:#1d1d1d!important;font-size:14px!important;font-weight:800!important;box-shadow:0 6px 16px rgba(255,183,77,.35)!important}
body .save-search-btn i{color:#1d1d1d!important}
body .listing-switch-view .list-inline-item{margin:0 0 0 6px!important}
body .listing-switch-view .switch-btn{display:inline-flex!important;align-items:center;justify-content:center;width:40px;height:40px;border:1.5px solid #e5e7eb;border-radius:12px;background:#fff;color:#6b7280!important;transition:background .15s,border-color .15s,color .15s}
body .listing-switch-view .switch-btn:hover{border-color:#FFB74D}
body .listing-switch-view .switch-btn.active{background:#1d2b3a;border-color:#1d2b3a;color:#fff!important}
body .listing-switch-view .switch-btn i{font-size:16px;line-height:1}

/* ---- Back to top ---- */
body #scroll-top{width:46px!important;height:46px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#1d2b3a!important;color:#fff!important;text-align:center;line-height:46px!important;box-shadow:0 10px 24px rgba(10,30,60,.28)!important;transition:transform .15s,background .15s}
body #scroll-top i{font-size:15px!important;line-height:46px!important;color:#fff!important}
body #scroll-top:hover{background:#FFB74D!important;transform:translateY(-2px)}
body #scroll-top:hover i{color:#1d1d1d!important}

/* ---- "Never miss a new home" / "Email me new matches" form ---- */
body .ilt-alert .ilt-form select,body #ilt-modal .ilt-form select{-webkit-appearance:none!important;appearance:none!important;height:50px!important;padding:0 38px 0 14px!important;border:1.5px solid #e5e7eb!important;border-radius:14px!important;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d2b3a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right 14px center/13px!important;font-size:15px!important;font-weight:700!important;color:#1d2b3a!important;cursor:pointer;transition:border-color .15s,box-shadow .15s}
body .ilt-alert .ilt-form input[type=email],body #ilt-modal .ilt-form input[type=email]{height:50px!important;padding:0 14px!important;border:1.5px solid #e5e7eb!important;border-radius:14px!important;font-size:15px!important;color:#1d2b3a;transition:border-color .15s,box-shadow .15s}
body .ilt-alert .ilt-form select:focus,body .ilt-alert .ilt-form input[type=email]:focus,body #ilt-modal .ilt-form select:focus,body #ilt-modal .ilt-form input[type=email]:focus{border-color:#FFB74D!important;box-shadow:0 0 0 4px rgba(255,183,77,.22)!important;outline:0}
body .ilt-alert .ilt-form input[type=checkbox],body #ilt-modal .ilt-form input[type=checkbox]{width:18px;height:18px;accent-color:#FFB74D;flex:0 0 18px}
body .ilt-alert .ilt-btn,body #ilt-modal .ilt-btn{height:50px!important;border-radius:14px!important;font-weight:800!important;box-shadow:0 8px 20px rgba(255,183,77,.35)!important;transition:transform .15s}
body .ilt-alert .ilt-btn:hover,body #ilt-modal .ilt-btn:hover{transform:translateY(-1px)}

/* ---- Map search: the filter bar becomes a floating card like the home search ---- */
body .imx:not(.imx-mini) .imx-bar{margin:14px 20px 12px!important;padding:12px 14px!important;border:1px solid #eef0f2!important;border-radius:20px!important;background:#fff;box-shadow:0 10px 28px rgba(10,30,60,.08)}
body .imx .imx-seg{padding:5px}
body .imx .imx-seg button{padding:10px 18px}
body .imx .imx-sel select{height:48px!important;padding:0 40px 0 16px!important;border:1.5px solid #e5e7eb;border-radius:14px!important;font-size:14.5px!important;font-weight:700!important;transition:border-color .15s,box-shadow .15s}
body .imx .imx-sel select:hover{border-color:#FFB74D}
body .imx:not(.imx-mini) .imx-body{height:calc(100vh - 252px)}
@media(max-width:991px){
body .imx:not(.imx-mini) .imx-bar{margin:10px 12px!important;padding:10px 12px!important;border-radius:16px!important}
body .imx:not(.imx-mini) .imx-body{height:auto}
}

/* ---- Map search: custom dropdowns on desktop (markup from modules/map-dropdowns.php) ---- */
@media(min-width:992px){
body .imx .imx-dd{position:relative;display:inline-block}
body .imx .imx-dd select{position:absolute!important;left:0;top:0;width:1px!important;height:1px!important;min-width:0!important;padding:0!important;border:0!important;opacity:0;pointer-events:none}
body .imx .imx-dd-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;height:48px;min-width:150px;max-width:240px;padding:0 14px 0 16px;border:1.5px solid #e5e7eb;border-radius:14px;background:#fff;font-family:inherit;font-size:14.5px;font-weight:700;line-height:1;color:#1d2b3a;cursor:pointer;white-space:nowrap;transition:border-color .15s,box-shadow .15s,background .15s}
body .imx .imx-dd-btn span{overflow:hidden;text-overflow:ellipsis}
body .imx .imx-dd-btn svg{width:14px;height:14px;flex:0 0 14px;color:#6b7280;transition:transform .15s}
body .imx .imx-dd-btn:hover{border-color:#FFB74D}
body .imx .imx-dd.open .imx-dd-btn{border-color:#FFB74D;box-shadow:0 0 0 4px rgba(255,183,77,.22)}
body .imx .imx-dd.open .imx-dd-btn svg{transform:rotate(180deg)}
body .imx .imx-dd-btn.has{border-color:#FFB74D;background:#FFF6EA}
body .imx .imx-dd-pop{display:none;position:absolute;left:0;top:calc(100% + 8px);z-index:60;min-width:100%;width:max-content;max-width:340px;max-height:330px;overflow-y:auto;overflow-x:hidden;padding:6px;border:1px solid #eef0f2;border-radius:16px;background:#fff;box-shadow:0 18px 44px rgba(10,30,60,.16)}
body .imx .imx-dd.open .imx-dd-pop{display:block}
body .imx .imx-list-h .imx-dd-pop{left:auto;right:0}
body .imx .imx-dd-opt{display:block;width:100%;padding:10px 12px;border:0;background:none;border-radius:10px;font-family:inherit;font-size:14.5px;font-weight:600;line-height:1.25;color:#1d2b3a;text-align:left;cursor:pointer;white-space:normal}
body .imx .imx-dd-opt:hover{background:#FFF6EA}
body .imx .imx-dd-opt.on{background:#1d2b3a;color:#fff}
}

/* ---- Pages with an empty sidebar (legal pages): the content takes the full row at a readable width.
   The inm-no-sidebar class comes from modules/layout.php. ---- */
body.inm-no-sidebar .bt-sidebar-wrap{display:none!important}
body.inm-no-sidebar .bt-content-wrap{flex:0 0 100%!important;max-width:100%!important;width:100%!important}
body.inm-no-sidebar .bt-content-wrap .article-wrap:not(:has(.isd-grid)):not(:has(.imx)):not(:has(.elementor)){max-width:980px}

/* ---- Carousel Prev / Next buttons: round icon buttons instead of small text buttons ---- */
body .property-carousel-buttons-wrap{display:flex;gap:8px;justify-content:flex-end;margin-bottom:18px!important}
body .property-carousel-buttons-wrap .slick-arrow{width:44px!important;height:44px!important;min-width:0!important;padding:0!important;margin:0!important;border:1.5px solid #e5e7eb!important;border-radius:50%!important;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d2b3a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M15 6l-6 6 6 6'/></svg>") center/16px no-repeat!important;font-size:0!important;line-height:0!important;color:transparent!important;box-shadow:0 6px 16px rgba(10,30,60,.08)!important;transition:border-color .15s,transform .15s,background-color .15s}
body .property-carousel-buttons-wrap .slick-arrow.slick-next{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d2b3a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M9 6l6 6-6 6'/></svg>")!important}
body .property-carousel-buttons-wrap .slick-arrow::before,body .property-carousel-buttons-wrap .slick-arrow::after{display:none!important}
body .property-carousel-buttons-wrap .slick-arrow:hover{border-color:#FFB74D!important;background-color:#FFF6EA!important;transform:translateY(-1px)}
body .property-carousel-buttons-wrap .slick-arrow.slick-disabled{opacity:.45;cursor:default;transform:none}
body .houzez-listing-carousel .slick-arrow{border-radius:50%!important}

/* ---- Standard Elementor buttons (More information, Contact us, Start exploring): same shape as the main search button ---- */
body .elementor-widget-button:not(.inm-bb-ghost):not(.inm-bb-gold) .elementor-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:50px;padding:0 26px!important;border-radius:14px!important;font-size:15px!important;font-weight:800!important;letter-spacing:0!important;text-transform:none!important;color:#1d1d1d!important;box-shadow:0 8px 20px rgba(255,183,77,.35);transition:transform .15s,box-shadow .15s}
body .elementor-widget-button:not(.inm-bb-ghost):not(.inm-bb-gold) .elementor-button .elementor-button-text{color:#1d1d1d!important;font-weight:800!important}
body .elementor-widget-button:not(.inm-bb-ghost):not(.inm-bb-gold) .elementor-button:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(255,183,77,.45)}

/* ---- Listing page: energy rating panel with rounded corners; disclaimer always starts below it (all languages) ---- */
body.single-property .property-energy-class-wrap .block-wrap{border-radius:20px!important;padding:22px!important;border:1px solid #eef0f2;overflow:hidden}
body.single-property .property-energy-class-wrap .energy-diagnostic-card{border-radius:16px!important}
@media(min-width:768px){
body.single-property .elementor-element-1468627>.elementor-widget-container{margin-bottom:0!important}
body.single-property .elementor-element-0afcdb4{margin-top:0!important}
body.single-property .elementor-element-537f8f0{display:none!important} /* spacer that only the English template has; hiding it gives all three languages the same gap */
}