:root {
    --brand: #8c0b0e;
    --badge-sale: #3e4c66; /* For Sale (green) – change as you like */
    --badge-rent: #3e4c66; /* For Rent (blue) – change as you like */
    --badge-featured: var(--brand); /* Featured uses brand color */
    --badge-text: #fff;
    --badge-py: 6px; /* vertical padding */
    --badge-px: 12px; /* horizontal padding */
    --badge-radius: 4px;
    --badge-fs: 0.875rem;
    --badge-fw: 500;
    --nav-dark: #212529;
}

@font-face {
    font-family: "NunitoLocal";
    src: url("/fonts/nunito-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "NunitoLocal";
    src: url("/fonts/nunito-700.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "NotoSansLocal";
    src: url("/fonts/notosans-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "NotoSansLocal";
    src: url("/fonts/notosans-700.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Default (English) */
html[lang^="en"] body {
    font-family: "NunitoLocal", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Greek */
html[lang^="el"] body {
    font-family: "NotoSansLocal", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Optional: apply to headings too */
html[lang^="el"] h1, html[lang^="el"] h2, html[lang^="el"] h3,
html[lang^="en"] h1, html[lang^="en"] h2, html[lang^="en"] h3 {
    font-weight: 700;
}

body {
    font-family: "NunitoLocal", "NotoSansLocal", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.footer_one :not(.fa):not(.fab):not(.fas),
.footer_middle_area :not(.fa):not(.fab):not(.fas) {
    font-family: var(--font-base) !important;
}

/* 3) Placeholder text too (subscribe input) */
.footer_mailchimp_form ::placeholder {
    font-family: var(--font-base) !important;
}

/* Bootstrap 4 line-style indicators */
.carousel-indicators li {
    width: 30px;
    height: 3px;
    margin: 0 3px;
    background-color: #fff !important; /* inactive = white */
    opacity: 1; /* no fade */
    border: 0 !important; /* remove any borders causing odd shapes */
    border-radius: 0 !important; /* keep as a line, not a pill/circle */
    box-shadow: none !important;
    background-clip: padding-box;
    border-top: 10px solid transparent; /* keep larger hit area (BS default) */
    border-bottom: 10px solid transparent;
}

.carousel-indicators .active {
    background-color: var(--brand) !important; /* active = #8c0b0e */
}

/* (optional) placement tweak */
.carousel-indicators {
    bottom: -10px;
}

/* More space between carousel and indicators */
#featuredProperties {
    --ind-gap: 32px;
}

/* adjust to taste */

#featuredProperties .carousel-indicators {
    bottom: calc(-1 * var(--ind-gap)) !important; /* push indicators down */
}

#featuredProperties {
    margin-bottom: calc(var(--ind-gap) + 8px) !important; /* reserve space so they don't overlap anything below */
}

/* GAP between cards */
#featuredProperties .carousel-item > .row {
    margin-left: -12px !important;
    margin-right: -12px !important;
}

#featuredProperties .carousel-item > .row > .fp-col {
    padding-left: 12px !important; /* gap size */
    padding-right: 12px !important; /* gap size */
}

/* space around the IMAGE only */
#featuredProperties {
    --img-pad: 12px;
}

#featuredProperties .card {
    border-radius: 12px !important;
    overflow: hidden !important; /* keep outer corners clean */
}

#featuredProperties .card > .position-relative {
    padding: var(--img-pad); /* adds the white space around the image */
    background: #fff;
}

#featuredProperties .card > .position-relative img {
    display: block;
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 8px; /* soft inner corners for the photo */
}

/* move your overlay badges/price inside by the same padding */
#featuredProperties .card > .position-relative > .position-absolute[style*="top:0"][style*="left:0"] {
    top: var(--img-pad) !important;
    left: var(--img-pad) !important;
}

#featuredProperties .card > .position-relative > .position-absolute[style*="bottom:0"][style*="left:0"] {
    bottom: var(--img-pad) !important;
    left: var(--img-pad) !important;
}


/* Solid badges */
.badge-sale {
    background-color: var(--badge-sale) !important;
    color: var(--badge-text) !important;
}

.badge-rent {
    background-color: var(--badge-rent) !important;
    color: var(--badge-text) !important;
}

.badge-featured {
    background-color: var(--badge-featured) !important;
    color: var(--badge-text) !important;
}

/* Optional outline variants */
.badge-outline-sale {
    background: transparent !important;
    color: var(--badge-sale) !important;
    border: 1px solid var(--badge-sale) !important;
}

.badge-outline-rent {
    background: transparent !important;
    color: var(--badge-rent) !important;
    border: 1px solid var(--badge-rent) !important;
}

.badge-outline-featured {
    background: transparent !important;
    color: var(--badge-featured) !important;
    border: 1px solid var(--badge-featured) !important;
}

/* Optional: when badges sit over photos */
.badge-on-image {
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
    border-radius: .25rem;
}

/* your custom badge classes */
.badge-sale,
.badge-rent,
.badge-featured {
    padding: var(--badge-py) var(--badge-px) !important;
    border-radius: var(--badge-radius) !important;
    font-size: var(--badge-fs) !important;
    font-weight: var(--badge-fw) !important;
    line-height: 1 !important;
}

/* NON-HOMEPAGE (e.g., /property/*): white bar, DARK text, DARK logo */
.header-nav:not(.nav-home) {
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .06);
}

.header-nav:not(.nav-home) #respMenu > li > a,
.header-nav:not(.nav-home) #respMenu > li > a .title,
.header-nav:not(.nav-home) .nav-lang .lang-link,
.header-nav:not(.nav-home) .nav-lang .lang-sep {
    color: #212529 !important;
}

.header-nav:not(.nav-home) .navbar_brand .logo1 {
    display: none !important;
}

/* hide light logo */
.header-nav:not(.nav-home) .navbar_brand .logo2 {
    display: inline-block !important;
}

/* show dark logo */
.header-nav:not(.nav-home) #menu-btn .icon-bar {
    background: #212529 !important;
}

/* STICKY (ALL pages): stay white with dark text/logo */
.header-nav.stricky-fixed,
.header-nav.scroll-to-fixed-fixed {
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .06);
}

.header-nav.stricky-fixed #respMenu > li > a,
.header-nav.stricky-fixed #respMenu > li > a .title,
.header-nav.stricky-fixed .nav-lang .lang-link,
.header-nav.stricky-fixed .nav-lang .lang-sep,
.header-nav.scroll-to-fixed-fixed #respMenu > li > a,
.header-nav.scroll-to-fixed-fixed #respMenu > li > a .title,
.header-nav.scroll-to-fixed-fixed .nav-lang .lang-link,
.header-nav.scroll-to-fixed-fixed .nav-lang .lang-sep {
    color: #212529 !important;
}

.header-nav.stricky-fixed .navbar_brand .logo1,
.header-nav.scroll-to-fixed-fixed .navbar_brand .logo1 {
    display: none !important;
}

.header-nav.stricky-fixed .navbar_brand .logo2,
.header-nav.scroll-to-fixed-fixed .navbar_brand .logo2 {
    display: inline-block !important;
}

/* HOMEPAGE BEFORE STICKY: keep transparent + white text/logo */
.header-nav.nav-home:not(.stricky-fixed):not(.scroll-to-fixed-fixed) {
    background: transparent !important;
    box-shadow: none !important;
}

.header-nav.nav-home:not(.stricky-fixed):not(.scroll-to-fixed-fixed) #respMenu > li > a,
.header-nav.nav-home:not(.stricky-fixed):not(.scroll-to-fixed-fixed) #respMenu > li > a .title,
.header-nav.nav-home:not(.stricky-fixed):not(.scroll-to-fixed-fixed) .nav-lang .lang-link,
.header-nav.nav-home:not(.stricky-fixed):not(.scroll-to-fixed-fixed) .nav-lang .lang-sep {
    color: #fff !important;
}

.header-nav.nav-home:not(.stricky-fixed):not(.scroll-to-fixed-fixed) .navbar_brand .logo1 {
    display: inline-block !important;
}

.header-nav.nav-home:not(.stricky-fixed):not(.scroll-to-fixed-fixed) .navbar_brand .logo2 {
    display: none !important;
}

.header-nav.nav-home:not(.stricky-fixed):not(.scroll-to-fixed-fixed) #menu-btn .icon-bar {
    background: #fff !important;
}

/* Homepage ONLY, when truly at the very top: transparent + white text/light logo */
html.at-top .header-nav.nav-home {
    background: transparent !important;
    box-shadow: none !important;
}

html.at-top .header-nav.nav-home #respMenu > li > a,
html.at-top .header-nav.nav-home #respMenu > li > a .title,
html.at-top .header-nav.nav-home .nav-lang .lang-link,
html.at-top .header-nav.nav-home .nav-lang .lang-sep {
    color: #fff !important;
}

html.at-top .header-nav.nav-home .navbar_brand .logo1 {
    display: inline-block !important;
}

html.at-top .header-nav.nav-home .navbar_brand .logo2 {
    display: none !important;
}

html.at-top .header-nav.nav-home #menu-btn .icon-bar {
    background: #fff !important;
}

/* Locale-aware headings/titles — override theme's Nunito on titles */
html[lang="el"] h1,
html[lang="el"] h2,
html[lang="el"] h3,
html[lang="el"] h4,
html[lang="el"] h5,
html[lang="el"] h6,
html[lang="el"] .single_property_title h2,
html[lang="el"] [class*="title"] {
    font-family: "NotoSansLocal", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4,
html[lang="en"] h5,
html[lang="en"] h6,
html[lang="en"] .single_property_title h2,
html[lang="en"] [class*="title"] {
    font-family: "NunitoLocal", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Description show more/less (smaller link, no underline, smoother anim) */
.prop-desc .desc-collapsible {
    position: relative;
    overflow: hidden;
    height: 160px; /* collapsed height */
    transition: height .45s cubic-bezier(.22, .61, .36, 1); /* smooth */
}

.prop-desc .desc-fade {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3rem;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    pointer-events: none;
}

.prop-desc .desc-collapsible.is-expanded .desc-fade {
    display: none;
}

.prop-desc .desc-toggle {
    color: var(--brand);
    font-weight: 600;
    font-size: .875rem; /* smaller */
    text-decoration: none !important; /* no underline */
    background: none;
    border: 0;
    cursor: pointer;
}

.prop-desc .desc-toggle:hover {
    text-decoration: none !important;
    opacity: .85;
}

/* ===== Property details (3 balanced columns, aligned rows) ===== */
.additional_details {
    --ad-label-w: 95px;
}

/* fixed label width */
.additional_details .ad-list {
    list-style: none;
    margin: 0;
    padding: 0;
    column-count: 3; /* 3 columns desktop */
    column-gap: 12px;
    column-fill: balance;
}

.additional_details .ad-row {
    break-inside: avoid; /* keep row intact */
    display: flex;
    align-items: baseline;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 .625rem 0; /* ~10px spacing */
}

.additional_details .ad-label {
    width: var(--ad-label-w);
    color: #6c757d; /* muted label */
    flex: 0 0 var(--ad-label-w);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.additional_details .ad-value {
    flex: 1 1 auto;
}

.additional_details .ad-value > span {
    color: #000; /* #8c0b0e */
    font-weight: 700;
    font-size: 14px;
}

/* Responsive: 2 cols on md, 1 col on sm */
@media (max-width: 991.98px) {
    .additional_details .ad-list {
        column-count: 2;
    }
}

@media (max-width: 575.98px) {
    .additional_details .ad-list {
        column-count: 1;
    }
}

.prop-icon {
    width: 1.25em;
    display: inline-block;
    margin-right: .4rem;
}

.ad-icon {
    color: #8c0b0e;
}

.fa-marker i {
    font-size: 28px;
    color: #8c0b0e; /* Renovahouse main color */
    text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
}

/* Zoom buttons look cleaner and on-brand hover */
.leaflet-control-zoom a {
    background: #fff;
    border: 1px solid #e9ecef;
}

.leaflet-control-zoom a:hover {
    background: #8c0b0e;
    color: #fff;
}

.leaflet-control-attribution {
    font-size: 11px;
}

/* Card look & feel */
.map-card {
    background: #fff;
    border: 1px solid #e9ecef;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .03);
}

.map-frame {
    height: 360px;
    border-radius: 12px;
    overflow: hidden;
}

/* Subtle UI polish for Leaflet controls */
.leaflet-control-zoom a {
    background: #fff;
    border: 1px solid #e9ecef;
}

.leaflet-control-zoom a:hover {
    background: #8c0b0e;
    color: #fff;
}

.leaflet-control-attribution {
    font-size: 11px;
}

/* Card look */
.agent-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
}

.agent-title {
    font-weight: 400;
    color: #2b2b2b;
}

/* Header block */
.agent-avatar {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 68px;
}

.agent-meta .agent-name {
    font-weight: 400;
    margin-bottom: 2px;
    font-size: 14px !important;
}

.agent-meta .agent-line a {
    color: #6c757d;
    text-decoration: none;
    font-size: 14px !important;
}

.agent-meta .agent-line a:hover {
    text-decoration: underline;
}

.agent-link {
    display: inline-block;
    margin-top: 4px;
    font-weight: 400;
    color: var(--agent-accent, #ff5a5f);
}

.agent-link:hover {
    opacity: .9;
    text-decoration: none;
}

/* Form styling to match screenshot */
.agent-card .form-control {
    border: 1px solid #e9ecef;
    border-radius: 10px;
    padding: .75rem 1rem;
    background: #fff;
    box-shadow: none;
}

.agent-card .form-control:focus {
    border-color: #d0d7de;
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .02);
}

.agent-btn {
    background: var(--brand, #ff5a5f);
    border-color: var(--brand, #ff5a5f);
    color: #fff;
    font-weight: 600;
    border-radius: 10px;
    padding: .75rem 1rem;
}

.agent-btn:hover {
    filter: brightness(.95);
    color: #fff;
}

.alert.fade {
    transition: opacity .6s ease;
}

.owl-nav [class*=owl-] {
    padding: 0px 7px !important;
}

.owl-nav [class*=owl-]:hover {
    background: var(--brand) !important;
}

.bluchip {
    color: #0079c2 !important;
}

.bluchip:hover {
    /*color: #fff !important;*/
    font-weight: 600 !important;
}

/* Accent: change to #8c0b0e if you prefer brand red */
:root {
    --accent: #ff5a5f;
}

/* Layout wrapper */
.search-hero {
    max-width: 1080px;
    position: relative;
}

/* Pills */
.deal-toggle {
    display: flex;
    justify-content: center;
    gap: 14px;
    position: relative;
    z-index: 2;
}

.deal-toggle .deal-btn {
    border: 0;
    background: #fff;
    color: #2b2b2b;
    font-weight: 600;
    padding: 10px 24px;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .10);
}

.deal-toggle .deal-btn.active {
    background: var(--accent);
    color: #fff;
    position: relative;
}

.deal-toggle .deal-btn.active::after {
    content: "";
    position: absolute;
    left: 28px;
    bottom: -9px;
    width: 18px;
    height: 18px;
    background: var(--accent);
    transform: rotate(45deg);
    border-radius: 4px;
}

/* Search bar container */
.search-bar {
    background: #fff;
    border-radius: 14px;
    padding: 16px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
    border: 1px solid rgba(0, 0, 0, .06);
}

.search-bar-inner {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 56px;
}

/* Search button */
.btn-search {
    background: var(--accent);
    border-color: var(--accent);
    color: #fff;
    font-weight: 600;
    padding: 10px 22px;
    border-radius: 10px;
}

.btn-search:hover {
    filter: brightness(.95);
    color: #fff;
}

/* Small overlap effect like in the screenshot */
.mb-n3 {
    margin-bottom: -1rem !important;
}

/* Responsive spacing */
@media (max-width: 576px) {
    .search-bar-inner {
        flex-wrap: wrap;
    }

    .btn-search {
        width: 100%;
    }
}

.home1-advnc-search .form-control::placeholder {
    font-family: inherit !important; /* same font as the input text */
    font-weight: inherit;
    letter-spacing: inherit;
}

/* Keep previous styles intact; only affect the Property Code cell */
#homeSearch .propcode-cell {
    flex: 0 0 260px !important; /* same fixed cell width as your pickers */
    max-width: 260px !important;
}

#homeSearch .propcode-cell .form-control {
    width: 98%;
}

/* Mobile: make pickers full-width */
@media (max-width: 767.98px) {
    /* Bootstrap md breakpoint */
    .home1-advnc-search .bootstrap-select,
    .home1-advnc-search .dropdown.bootstrap-select > .dropdown-toggle {
        width: 100% !important;
    }
}

/* Ensure this page uses the global site fonts (your local ones) */
.renova-results-page,
.renova-results-page * {
    font-family: inherit !important;
}

/* If you want explicit per-locale (matches our project convention) */
html[lang="el"] .renova-results-page {
    font-family: "Noto Sans", Arial, sans-serif !important;
}

html[lang="en"] .renova-results-page {
    font-family: "Nunito", Arial, sans-serif !important;
}

/* Keep cards tidy */
.properti_city .thumb img {
    height: 240px;
    object-fit: cover;
}

/* Reset button: square with rounded corners like pills */
.btn-reset-pill {
    width: 42px;
    height: 42px;
    border-radius: .5rem;
    background: #fff;
    border: 1px solid #d1d1d1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.btn-reset-pill i {
    font-size: 18px;
    line-height: 1;
    color: #484848;
}

.btn-reset-pill:hover {
    background: #f7f7f7;
}

/* Row container so pills + X share the same line */
#homeDealBar {
    display: flex;
    align-items: center;
    gap: .75rem;
    width: 100%;
    position: relative;
    z-index: 1; /* sit above hero overlay */
}

/* Equal-width pills + theme pointer OFF */
#deal-pills {
    display: flex;
    gap: .5rem;
    margin: 0;
    padding: 0;
}

#deal-pills .nav-item {
    flex: 1 1 0;
}

#deal-pills .nav-link {
    display: block;
    width: 100%;
    text-align: center;
    padding: .5rem 1rem;
    border-radius: .5rem;
    background: #484848;
    border: 1px solid #484848;
    color: #fff;
}

#deal-pills .nav-link.active {
    background: #8c0b0e;
    border-color: #8c0b0e;
    color: #fff;
}

/* nuke the diamond pointer from theme */
#deal-pills .nav-link::before, #deal-pills .nav-link::after,
#deal-pills .nav-item::before, #deal-pills .nav-item::after {
    content: none !important;
    display: none !important;
}

/* Reset button pinned to the far right, override any theme positioning */
#homeResetFilters {
    margin-left: auto;
    width: 42px;
    height: 42px;
    border-radius: .5rem !important;
    background: #fff !important;
    border: 1px solid #d1d1d1 !important;
    box-shadow: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: static !important;
    float: none !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
}

#homeResetFilters i {
    font-size: 18px;
    color: #484848;
    line-height: 1;
}

#homeResetFilters:hover {
    background-color: #8c0b0e !important;
    border-color: #8c0b0e !important;
}

#homeResetFilters:hover i {
    color: #fff;
}

@media (max-width: 576px) {
    #homeResetFilters {
        width: 36px;
        height: 36px;
    }
}

/* Force Greek-capable font in the "Why Choose Us" section only */
html[lang="el"] #why-chose h1,
html[lang="el"] #why-chose h2,
html[lang="el"] #why-chose h3,
html[lang="el"] #why-chose h4,
html[lang="el"] #why-chose h5,
html[lang="el"] #why-chose h6,
html[lang="el"] #why-chose p,
html[lang="el"] #why-chose a,
html[lang="el"] #why-chose li,
html[lang="el"] #why-chose .main-title,
html[lang="el"] #why-chose .details {
    font-family: "Noto Sans", Arial, sans-serif !important;
}

/* Keep the icon font intact */
#why-chose .icon [class^="flaticon-"],
#why-chose .icon [class*=" flaticon-"] {
    font-family: "Flaticon" !important;
}

/* Same crop/height as design */
.properti_city .thumb img {
    height: 240px;
    object-fit: cover
}

/* Subtle card hover like homepage */
.properti_city.home6 {
    transition: transform .15s ease, box-shadow .15s ease
}

.properti_city.home6:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .08)
}

/* Brand accents if needed */
.properti_city .tag a {
    background: #8c0b0e;
    border-color: #8c0b0e
}

.category-label {
    color: var(--brand) !important;
}

/* One Greek-capable stack */
:root {
    --font-el: "Noto Sans", "Noto Sans Greek", "Nunito",
    system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* 1) Button text (covers all Bootstrap/Theme buttons) */
html[lang="el"] .btn,
html[lang="el"] .btn-thm,
html[lang="el"] .btn-thm2,
html[lang="el"] .btn-primary,
html:lang(el) .btn,
html:lang(el) .btn-thm,
html:lang(el) .btn-thm2,
html:lang(el) .btn-primary {
    font-family: var(--font-el) !important;
    font-weight: 700; /* adjust to the weight you actually have */
}

/* 2) Textarea placeholder (vendor-prefixed for safety) */
textarea::placeholder {
    font-family: var(--font-el);
}

textarea::-webkit-input-placeholder {
    font-family: var(--font-el);
}

textarea::-moz-placeholder {
    font-family: var(--font-el);
}

textarea:-ms-input-placeholder {
    font-family: var(--font-el);
}


/* Strong override for the contact sidebar only */
html[lang="el"] .contact_localtion,
html[lang="el"] .contact_localtion *:not(i):not(.fa):not(.fab) {
    font-family: var(--font-el) !important;
    letter-spacing: normal;
}

/* Headings in the sidebar (themes often swap fonts here) */
html[lang="el"] .contact_localtion h4,
html[lang="el"] .contact_localtion h5 {
    font-family: var(--font-el) !important;
    font-weight: 700; /* use weights you actually have */
}

/* Body text/links in the sidebar */
html[lang="el"] .contact_localtion .content_list p,
html[lang="el"] .contact_localtion .content_list a {
    font-family: var(--font-el) !important;
    font-weight: 400;
}

.heart-emoji {
    display: inline-block;
    vertical-align: -1px;
    font-size: 1.05em;
    line-height: 1
}

/* Mobile fix: keep the submit row inside the form and reserve space below */
@media (max-width: 575px) {
    .about-section {
        margin-top: 450px !important;
    }

    /* the form wrapper must be the positioning context */
    .home-one .home1-advnc-search {
        position: relative !important;
        padding-bottom: 88px !important; /* reserve space for the absolute button (≈56–64px + air) */
    }

    /* if any rows float, ensure the container closes */
    .home-one .home1-advnc-search::after {
        content: "";
        display: block;
        clear: both;
    }

    /* force the submit row to the bottom INSIDE the container */
    .home-one .home1-advnc-search .search_option_button {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important; /* override theme’s negative/offset bottom */
        margin: 0 !important;
        width: 100% !important;
        float: none !important;
        clear: both !important;
    }

    /* button should span full width */
    .home-one .home1-advnc-search .search_option_button .btn {
        width: 100% !important;
        display: block !important;
    }

    /* a little spacing under the whole search block before the “about” section */
    .home-one .home_adv_srch_opt {
        margin-bottom: 28px !important;
    }

    .mobile-menu .header.stylehome1 .nav_logo_img .mobile-logo {
        margin-top: 25px !important;
        max-height: 36px !important;
        width: auto !important;
        height: auto !important;
        display: block;
    }

    .mobile-menu .header.stylehome1 .d-flex {
        align-items: center !important;
        min-height: 34px; /* gives the row a stable height */
    }

    .mobile-menu .header.stylehome1 .nav_logo_img {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .listing-title-area .prop-title {
        font-size: 20px !important;
        line-height: 1.2 !important;
        margin-bottom: 6px !important;
    }

    .listing-title-area .prop-price {
        font-size: 20px !important;
        line-height: 1.1 !important;
        margin: 0 !important;
    }

    .listing-title-area .prop-price-suffix {
        font-size: 14px !important;
        font-weight: 400 !important;
    }

    .map-card .map-card-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .map-card .map-card-address {
        margin-top: 4px !important;
        display: block !important;
        width: 100% !important;
        white-space: normal !important;
        text-align: left !important;
    }

    #deal-pills .nav-link,
    .deal-pills .nav-link {
        font-size: 14px;
        padding: .55rem .75rem;
    }
}

/* Tablet (576px–991px) */
@media (min-width: 576px) and (max-width: 991.98px) {
    .mobile-menu .header.stylehome1 .nav_logo_img .mobile-logo {
        margin-top: 20px !important;
        max-height: 42px !important;
        width: auto !important;
        height: auto !important;
        display: block;
    }

    .mobile-menu .header.stylehome1 .d-flex {
        min-height: 74px; /* a bit taller on tablets */
    }

    .mobile-menu .header.stylehome1 .mobile-logo {
        max-height: 46px !important; /* bigger logo on tablets */
    }
}

.fa-marker i {
    font-size: 28px;
    line-height: 32px;
    color: #8c0b0e;
}

/* mmenu: language row inline */
#menu .mm-lang-row {
    /*padding: 12px 20px; !* match mmenu spacing *!*/
    display: flex;
    align-items: left;
    gap: 8px;
}

#menu .mm-lang-row .mm-lang-link {
    display: inline-block;
}

#menu .mm-lang-row .mm-lang-link.active {
    font-weight: 700;
}

#menu .mm-lang-row .mm-lang-sep {
    opacity: .6;
}

/* mmenu language row: same left padding/alignment as menu items */
.mm-menu .mm-listview > li.mm-lang-li .mm-lang-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}

.mm-menu .mm-listview > li.mm-lang-li .mm-lang-link {
    display: inline-block;
    padding: 0 !important;
    text-decoration: none;
}

.mm-menu .mm-listview > li.mm-lang-li .mm-lang-link.active {
    font-weight: 700;
    text-decoration: underline;
}

.mm-menu .mm-listview > li.mm-lang-li .mm-lang-sep {
    opacity: .5;
}

#deal-pills .nav-link,
.deal-pills .nav-link {
    white-space: nowrap !important;
}