/******** added on 13052026for Dashboard Small Search *********/ /**************************************** SIRAJ DASHBOARD SEARCH β€” PREMIUM ****************************************/ .dashboard-search-bar { padding: 18px 0 10px; } /* FORM ROW */ .siraj-dashboard-search { display: flex; align-items: center; gap: 12px; width: 100%; max-width: 1380px; margin: 0 auto; } /* PILLS */ .siraj-dashboard-search input, .siraj-dashboard-search select, .siraj-dashboard-search button, .siraj-dashboard-search .select2-selection--single { height: 48px !important; border-radius: 999px !important; border: 1px solid #e5e7eb !important; background: #fff !important; font-size: 15px !important; font-weight: 500; color: #111827 !important; transition: all 0.2s ease; box-shadow: 0 1px 2px rgba(0,0,0,0.04); } /* LOCATION FIELD */ .siraj-dashboard-search input[type="text"] { flex: 1; min-width: 380px; padding: 0 22px !important; } /* SELECTS */ .siraj-dashboard-search .select2-container { min-width: 210px !important; } /* SELECT2 FIELD */ .siraj-dashboard-search .select2-selection--single { display: flex !important; align-items: center !important; padding: 0 18px !important; } /* SELECT TEXT */ .siraj-dashboard-search .select2-selection__rendered { line-height: normal !important; color: #111827 !important; padding-left: 2px !important; } /* DROPDOWN ARROW */ .siraj-dashboard-search .select2-selection__arrow { height: 48px !important; right: 14px !important; } /* SEARCH BUTTON */ .siraj-dashboard-search button { min-width: 135px; background: linear-gradient( 135deg, #d4aa2a, #b88a00 ) !important; color: #fff !important; border: none !important; font-weight: 700; cursor: pointer; padding: 0 28px !important; } /* HOVER */ .siraj-dashboard-search input:hover, .siraj-dashboard-search .select2-selection--single:hover { border-color: #d4aa2a !important; } /* FOCUS */ .siraj-dashboard-search input:focus, .siraj-dashboard-search .select2-container--focus .select2-selection--single { border-color: #d4aa2a !important; box-shadow: 0 0 0 4px rgba(212,170,42,0.12) !important; } /* DROPDOWN */ .select2-dropdown { border-radius: 18px !important; border: 1px solid #eee !important; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.08); } /* DROPDOWN OPTIONS */ .select2-results__option { padding: 12px 16px !important; font-size: 15px; } /* ACTIVE OPTION */ .select2-results__option--highlighted { background: #d4aa2a !important; color: #fff !important; } /*** HORIZONTAL HOME SEARCH ***/ /*** HORIZONTAL HOME SEARCH ***/ .home-search { background: url('../img/search-bg.jpg') center bottom no-repeat #f2f2f2; background-size: cover; -- FULL-WIDTH BACKGROUND ONLY width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } /* CONSTRAIN CONTENT */ .home-search > div { margin: 0 auto; padding: 70px 0; } .home-search .search-block-content { max-width: 1510px; margin: 0 auto; padding: 0 4px; background:#fff } /* SEARCH PANEL */ .home-search #search_area { background: rgba(239, 239, 239, 0.9); padding: 16px 24px 18px; /* πŸ”₯ reduced height */ border-radius: 6px; } /* ===================================================== SAFE FIXES β€” scoped, no Bootstrap collateral damage ===================================================== */ /* Neutralise gutters ONLY inside search panel */ .home-search #search_area .row { --bs-gutter-x: 0; } /* === PRICE: force FROM / TO on one row === */ .home-search .search-form-cell.three-field > div > div { display: flex; align-items: center; gap: 14px; flex-wrap: nowrap; } /* Price FROM / TO selects */ .home-search .search-form-cell.three-field select[name$="[from]"], .home-search .search-form-cell.three-field select[name$="[to]"] { flex: 1 1 0; min-width: 75px; } /* === BEDROOMS: force MIN / MAX on one row === */ .home-search .search-form-cell.number > div > div { display: flex; align-items: center; gap: 14px; flex-wrap: nowrap; } /* Min / Max bedroom selects */ .home-search .search-form-cell.number select[name$="[from]"], .home-search .search-form-cell.number select[name$="[to]"] { flex: 1 1 0; min-width: 115px; } /* === SEARCH BUTTON: reserve space, prevent overlap === */ .home-search .search-form-cell.submit { flex: 0 0 120px; max-width: 120px; margin-left: auto; } /* ===================================================== SEPARATE PRICE & BEDROOM GROUPS (no overlap) ===================================================== */ /* Give each search cell its own breathing room */ .home-search #search_area .search-form-cell { padding-right: 18px; box-sizing: border-box; } /* Extra spacing after PRICE block */ .home-search #search_area .search-form-cell.three-field { margin-right: 24px; } /* Ensure BEDROOM block never collapses .home-search #search_area .search-form-cell.number { min-width: 260px; } */ /* Fake select wrapper */ .fake-select-wrap { position: relative; display: inline-block; width: 100%; } /* Arrow */ .fake-select-wrap .rm-arrow { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 13px; color: #111; pointer-events: none; z-index: 2; } /* Hide native arrows completely */ #search_area select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: none !important; } /* 02012026 */ .rm-arrow { transition: transform 0.18s ease; } /* rotated state */ .rm-arrow.is-open { transform: translateY(-50%) rotate(180deg); } .rm-arrow { transition: transform 0.18s ease; } .rm-arrow.is-open { transform: translateY(-50%) rotate(180deg) !important; } /* 02012026 */ /* ========================================================= HIDE Country / Region / City (SAFE, NO COLLATERAL DAMAGE) ========================================================= */ /* Hide the SELECT elements (keep them functional) */ .search-block-content select[name="f[country]"], .search-block-content select[name="f[country_level1]"], .search-block-content select[name="f[country_level2]"] { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; } /* Hide their Select2 visual UI ONLY (not all Select2!) */ .search-block-content select[name="f[country]"] + .select2, .search-block-content select[name="f[country_level1]"] + .select2, .search-block-content select[name="f[country_level2]"] + .select2 { display: none !important; } /* ========================================================= Hide labels for Country / Region / City ONLY (Property Type remains visible) ========================================================= */ .search-block-content label[for="f[country]"], .search-block-content label[for="f[country_level1]"], .search-block-content label[for="f[country_level2]"] { display: none !important; } /* Hide labels inside the SAME cell as the location selects */ .search-block-content select[name="f[country]"] ~ label, .search-block-content select[name="f[country_level1]"] ~ label, .search-block-content select[name="f[country_level2]"] ~ label { display: none !important; } /* 04012026 */ /* =============================== Hybrid City Autocomplete Styling =============================== */ .ui-autocomplete { background: #ffffff !important; border-radius: 16px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18); padding: 6px 0; z-index: 9999 !important; } /* Each item */ .ui-autocomplete .ui-menu-item { padding: 0; } /* Text */ .ui-autocomplete .ui-menu-item-wrapper { padding: 12px 18px; font-size: 15px; font-weight: 500; color: #111111 !important; /* πŸ”₯ FIX: strong readable text */ cursor: pointer; } /* Hover / active */ .ui-autocomplete .ui-menu-item-wrapper.ui-state-active { background: #f2f4f7 !important; border-radius: 12px; color: #000000 !important; } /* Remove default jQuery UI borders */ .ui-widget.ui-widget-content { border: none !important; } /* 04012026 */ /* Autocomplete animation */ .autocomplete { animation: fadeSlide 0.12s ease-out; } @keyframes fadeSlide { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } } /* Suggestion row */ .suggestion { display: flex; gap: 8px; align-items: center; padding: 8px 12px; cursor: pointer; } .suggestion:hover { background: #f5f5f5; } .suggestion strong { font-weight: 600; } /* End 04012026 */ /* πŸ”₯ Autocomplete polish */ .ui-autocomplete { animation: fadeSlide 0.12s ease-out; z-index: 9999; } .ui-menu-item-wrapper { display: flex; align-items: center; gap: 8px; } /**** Pin modified 17112026 ***/ .ui-menu-item-wrapper { display: flex; align-items: center; gap: 8px; } /* .ui-menu-item-wrapper::before { content: "πŸ“"; opacity: 0.7; font-size: 13px; } .ui-menu-item-wrapper .loc-region { color: #777; font-size: 13px; } .ui-menu-item-wrapper strong { font-weight: 600; } /**** End Pin modified 17112026 ** */ @keyframes fadeSlide { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } } .ui-menu-item-wrapper:hover { background: #f5f5f5; } .ui-state-active { background: #eee !important; color: #000 !important; } /** Hide Horizontal SearchBar */ /* Homepage: hide all search fields initially */ .home .search_tab_area .search-form-cell { display: none; } /* Keep Buy / Rent pills visible */ .home .search_tab_area .search-form-cell.checkbox-field.radio { display: block; } /* After intent is selected, show everything */ .home .search_tab_area.is-active .search-form-cell { display: block; } /* 05012026 */ /* Make hero/search overlay ignore mouse clicks */ .home-page .search-block-content::before, .home-page .search-block-content::after { pointer-events: none; } /* Ensure Buy / Rent pills are always clickable */ .home-page .search-form-cell.checkbox-field.radio { position: relative; z-index: 5; pointer-events: auto; } /* Ensure All / Buy / Rent pills are clickable */ .home-page .search-form-cell.checkbox-field.radio, .home-page .search-form-cell.checkbox-field.radio * { pointer-events: auto; position: relative; z-index: 5; } /* Fix truncated All / Buy / Rent pills */ .home-page .pills label { width: auto !important; min-width: 90px; white-space: nowrap; overflow: visible; text-overflow: unset; } /* Breadcrumb container */ .search-breadcrumb { display: none; align-items: center; gap: 10px; margin-bottom: 14px; font-size: 15px; font-weight: 500; color: #222; } /* 05012026 */ /* Completely remove Flynax All / Buy / Rent pills on homepage */ .home-page .search-form-cell.checkbox-field.radio { display: none !important; } .intent-select { margin-bottom: 16px; } .intent-select label { display: block; font-size: 13px; color: #777; margin-bottom: 6px; } .intent-select select { width: 130px; padding: 10px 14px; border-radius: 10px; border: 1px solid #ddd; font-size: 15px; font-weight: 500; background: #fff; } /* Property for (Buy / Rent) β€” compact */ .home-page .intent-select { width: 160px; min-width: 160px; max-width: 160px; flex-shrink: 0; } .home-page .intent-select select { padding: 10px 12px; font-size: 14px; } /* Make the select fill the container */ .home-page .intent-select select { width: 100%; } /* Give the intent block the same β€œfield height” as the search inputs */ .home-page .intent-select { display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 10px 12px; box-sizing: border-box; } /* Make label readable and consistent */ .home-page .intent-select label { font-size: 13px; line-height: 1.1; margin: 0; } /* Make the dropdown itself tall like other controls */ .home-page .intent-select select { height: 46px; /* control height */ line-height: 46px; /* text vertically centered */ padding: 0 14px; /* no vertical padding needed with height */ border-radius: 999px; /* match your pill/input style */ box-sizing: border-box; } /* Keep intent dropdown visible .home-page:not(.search-expanded) .intent-select { display: block; } */ /* see if this works 05012026 */ /* Intent dropdown sizing (from earlier) */ .home-page .intent-select { padding: 10px 12px; box-sizing: border-box; } .home-page .intent-select select { width: 100%; height: 46px; line-height: 46px; border-radius: 999px; } /* This can be deleted if the CSS messes alignment */ /* Premium vertical alignment for intent selector */ .home-page .intent-select { display: flex; flex-direction: column; } /* Match label spacing with other search fields */ .home-page .intent-select label { margin-bottom: 8px; font-size: 13px; color: rgba(0, 0, 0, 0.65); } /* Gentle left padding to match premium layouts */ .home-page .intent-select { } /* Make intent selector behave like a search field */ .home-page .intent-select { display: flex; flex-direction: column; } /* Match label rhythm */ .home-page .intent-select label { font-size: 13px; margin-bottom: 8px; color: rgba(0, 0, 0, 0.6); } /* Match input height */ .home-page .intent-select select { height: 46px; line-height: 46px; padding: 0 16px; border-radius: 999px; border: none; background: rgba(255, 255, 255, 0.95); } /* Always keep intent selector visible .home-page:not(.search-expanded) .intent-select { display: block !important; }*/ /* Emergency visibility lock for intent selector */ .home-page .intent-select { display: block !important; opacity: 1 !important; visibility: visible !important; position: relative; z-index: 5; } /* === Homepage Search: Premium Full-Width Padding === */ .home-page .search-block-content { padding-left: 24px; padding-right: 24px; } /* Optional: slightly tighter on desktop for ultra-premium look */ @media (min-width: 1600px) { .home-page .search-block-content { padding-left: 32px; padding-right: 32px; } } /* ================================ STEP 2 β€” Desktop One-Line Search ================================ */ /* Search container @media (min-width: 992px) { .search-expanded .search_tab_area form { display: flex; flex-wrap: nowrap; align-items: flex-end; gap: 14px; } --*/ /* Each search field */ .search-expanded .search-form-cell { flex: 0 0 auto; margin: 0; } /* Location gets priority width */ .search-expanded .search-form-cell.location { flex: 1 1 320px; min-width: 260px; } /* Property type */ .search-expanded .search-form-cell.select { min-width: 180px; } /* Submit button */ .search-expanded .search-form-cell.submit { margin-left: auto; flex: 0 0 auto; } /* Normalize input heights */ .search-expanded input, .search-expanded select, .search-expanded .select2-selection { height: 48px; border-radius: 999px; } /* Search button */ .search-expanded .search-form-cell.submit input { height: 48px; padding: 0 28px; border-radius: 999px; font-weight: 600; } /* ================================ STEP 2.2 β€” Proper Containment Fix ================================ */ @media (min-width: 992px) { /* The ACTUAL glass container */ .search-block { padding-top: 28px; padding-bottom: 28px; } /* Keep everything inside */ .search-block-content { overflow: visible; } /* Tighten vertical spacing of labels */ .search-form-cell > div > span { margin-bottom: 6px; display: block; } } /* ========================================= FIX SEARCH ROW PUSHING CONTENT DOWN ========================================= */ .home-page #search_area form.row, .lt-listings-page .results-search #search_area form.row { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; row-gap: 0 !important; align-items: flex-end; } /* ========================================= Intent dropdown β€” FINAL CLEAN VERSION ========================================= */ .home-page .intent-select { flex: 0 0 160px; display: flex; flex-direction: column; gap: 6px; position: relative; z-index: 5; } .home-page .intent-select label { font-size: 13px; margin: 0; color: rgba(0,0,0,0.6); } .home-page .intent-select select { height: 46px; line-height: 46px; padding: 0 14px; border-radius: 999px; border: none; background: rgba(255,255,255,0.95); font-size: 14px; font-weight: 500; } /* FINAL β€” move search + heading UP together */ .home-page .home-search .point1 { position: relative; top: -130px; /* ← this WILL move it */ } /* Tighten label spacing inside search */ .home-page .search-form-cell > div > span { margin-bottom: 4px; /* was ~10px */ font-size: 13px; line-height: 1.1; } .home-search #search_area { padding: 14px 24px 16px; } /* ========================================= FORCE BUY / RENT (INTENT SELECT) VISIBLE ========================================= */ .home-page .intent-select { display: flex !important; visibility: visible !important; opacity: 1 !important; /* one-line layout control */ flex: 0 0 140px !important; min-width: 140px !important; max-width: 140px !important; /* alignment */ align-self: flex-end; margin: 0 !important; padding: 0 !important; z-index: 10; } /* Ensure dropdown itself is visible */ .home-page .intent-select select { display: block !important; width: 100%; height: 48px; } /* ================================ FINAL β€” ONE LINE HOMEPAGE SEARCH ================================ */ @media (min-width: 992px) { /* Kill Bootstrap row behavior */ .home-page .search_tab_area form.row { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 14px !important; margin: 0 !important; } /* Every field behaves inline */ .home-page .search-form-cell { flex: 0 0 auto !important; margin: 0 !important; } /* Intent (Buy / Rent) ,main place to change Size */ .home-page .intent-select { min-width: 110px !important; max-width: 110px !important; margin-left: 0 !important; } /* Location gets priority width */ .home-page .search-form-cell.location { flex: 1 1 320px !important; min-width: 260px !important; } /* Property type */ .home-page .search-form-cell.select { min-width: 180px !important; } /* Submit button stays right */ .home-page .search-form-cell.submit, .lt-listings-page .search-form-cell.submit { margin-left: auto !important; } /* Normalize ALL control heights */ .home-page select, .home-page input, .home-page .select2-selection { height: 46px !important; line-height: 46px !important; border-radius: 999px !important; } /* Reduce glass height */ .home-page #search_area { padding: 16px 20px !important; } } /* πŸ”₯ FINAL OVERRIDE β€” kill Bootstrap row behaviour on homepage search */ .home-page #search_area form.row { display: flex !important; flex-wrap: nowrap !important; align-items: flex-end !important; margin-left: 0 !important; margin-right: 0 !important; row-gap: 0 !important; } .home-page #search_area .search-form-cell, .lt-listings-page .results-search #search_area .search-form-cell { flex: 0 0 auto !important; margin-bottom: 0 !important; } .home-page #search_area .search-form-cell.location, .lt-listings-page .results-search #search_area .search-form-cell.location{ flex: 1 1 320px !important; min-width: 260px; } .home-page #search_area { padding-top: 16px !important; padding-bottom: 16px !important; } /* ============================ HOMEPAGE SEARCH β€” MASTER FIX ============================ */ /* 1) REMOVE the huge vertical push from theme wrapper */ .home-page section.home-search > .point1 { padding-top: 20px !important; /* was 70px */ padding-bottom: 20px !important; } /* 2) Make the glass shorter */ .home-page #search_area { padding: 16px 22px !important; } /* 3) Kill Bootstrap row behaviour INSIDE homepage search only */ .home-page #search_area form.row { display: flex !important; flex-wrap: nowrap !important; align-items: flex-end !important; gap: 14px !important; margin-left: 0 !important; margin-right: 0 !important; } /* 4) Keep every field inline */ .home-page #search_area .search-form-cell { flex: 0 0 auto !important; margin: 0 !important; } /* 5) Let location expand, everything else fixed */ .home-page #search_area .search-form-cell.location { flex: 1 1 360px !important; min-width: 260px !important; } /* 6) Keep button compact */ .home-page #search_area .search-form-cell.submit { flex: 0 0 170px !important; } /* ========================================= FINAL STABLE DESKTOP SEARCH LAYOUT ========================================= */ @media (min-width: 992px) { /* Force ONE row only */ .home-page #search_area form.row { display: flex !important; flex-wrap: nowrap !important; align-items: flex-end !important; gap: 16px; } /* Every field behaves */ .home-page #search_area .search-form-cell { flex: 0 0 auto; margin: 0 !important; } /* Location is widest */ .home-page .search-form-cell.location { flex: 1 1 320px; min-width: 280px; } /* Property type */ .home-page .search-form-cell.select { min-width: 180px; } /* Search button */ .home-page .search-form-cell.submit, .lt-listings-page .search-form-cell.submit { margin-left: auto; flex: 0 0 auto; } } /* Tighten label spacing */ .home-page .search-form-cell > div > span, .lt-listings-page .search-form-cell > div > span, .home-page .intent-select label, .lt-listings-page .intent-select label { margin-bottom: 6px; font-size: 13px; } /* Always keep intent selector visible */ .home-page .intent-select { display: block !important; min-width: 80px; } /* ========================================= REMOVE GLASS SEARCH CONTAINER (CLEAN) ========================================= */ /* Kill glass background */ .home-page #search_area { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; } /* Keep spacing controlled */ .home-page .search-block-content { padding-top: 12px; padding-bottom: 12px; } /* Turn Bootstrap row into a horizontal toolbar */ .home-page #search_area form.row { display: flex !important; flex-wrap: nowrap !important; align-items: flex-end; gap: 14px; margin: 0 !important; padding: 0 !important; } /* Buy / Rent (Property For) */ .home-page .search-form-cell.intent, .home-page .intent-select { flex: 0 0 80px; min-width: 80px; } .home-page .search-form-cell, .home-page .intent-select { margin: 0; padding: 0; height: auto; } /* HARD STOP: kill hero vertical centering */ .home-page section.home-search { min-height: auto !important; height: auto !important; display: block !important; padding-top: 20px !important; padding-bottom: 20px !important; } .home-page section.home-search .point1 { margin-top: 0 !important; padding-top: 0 !important; transform: none !important; position: relative !important; } /* Slim down the glass container */ .home-page #search_area { padding: 12px 20px !important; } .home-page #search_area form.row { display: flex !important; flex-wrap: nowrap !important; align-items: flex-end; gap: 14px; } /* ================================ MICRO TIGHT SPACING (2px) ================================ */ /* Reduce gap between fields */ .home-page #search_area form.row { gap: 2px !important; } /* Kill internal padding between cells */ .home-page #search_area .search-form-cell { padding-right: 0 !important; margin-right: 0 !important; } /* Same for intent selector */ .home-page #search_area .intent-select { margin-right: 2px !important; } /* Remove ghost spacing from inner wrappers */ .home-page #search_area .search-form-cell > div { margin: 0 !important; padding: 0 !important; } /* Tighten label spacing even more */ .home-page #search_area label, .home-page #search_area .search-form-cell > div > span { margin-bottom: 4px !important; } /* Optional: visually β€œgroup” pills */ .home-page #search_area input, .home-page #search_area select, .home-page #search_area .select2-selection--single, .lt-listings-page .results-search #search_area input, .lt-listings-page .results-search #search_area select, .lt-listings-page .results-search #search_area .select2-selection--single { margin-right: 0 !important; } /* ====================================== TIGHTER WIDTHS + PRICE/BEDS KISS 😘 ====================================== */ @media (min-width: 992px) { /* LOCATION β€” slimmer but usable */ .home-page #search_area .search-form-cell.location { flex: 0 0 260px !important; min-width: 260px !important; } /* PROPERTY TYPE β€” reduce bulk */ .home-page #search_area .search-form-cell.single-field.select { flex: 0 0 200px !important; min-width: 200px !important; } /* PRICE block β€” tighter */ .home-page #search_area .search-form-cell.three-field { margin-right: 4px !important; } /* BEDROOMS β€” kiss the price πŸ’‹ */ .home-page #search_area .search-form-cell.number { margin-left: 4px !important; /* subtle overlap */ min-width: 235px !important; } /* Inside Price + Bedrooms: reduce inner gaps Main PLace */ .home-page #search_area .search-form-cell.three-field > div > div, .home-page #search_area .search-form-cell.number > div > div { gap: 6px !important; } } /* Force Price FROM + TO to behave as 2 fields only */ .home-page .search-form-cell.three-field > div > div { grid-template-columns: 1fr 1fr !important; } /* Force Price grid to be 2 columns only */ .home-page .search-form-cell.three-field.price > div > div { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 2px !important; } .home-page .search-form-cell.three-field.price { margin-right: 4px !important; } .home-page .search-form-cell.number { margin-left: 0 !important; } /* ========================================= REMOVE GAP BETWEEN PRICE & BEDROOMS ========================================= */ @media (min-width: 992px) { /* Kill gap AFTER Price */ .home-page .search-form-cell.three-field.price { margin-right: 0 !important; } /* Kill gap BEFORE Bedrooms */ .home-page .search-form-cell.number { /* margin-left: -6px !important; fine-tune: -4px to -8px */ } /* Reduce internal form gap slightly */ .home-page #search_area form.row { gap: 8px !important; } } /* ========================================= RECOVERY β€” RESTORE BEDROOMS & SEARCH BTN ========================================= */ @media (min-width: 992px) { .home-page #search_area form.row { gap: 8px !important; /* safe, controlled */ } .home-page .search-form-cell { margin: 0 !important; } .home-page .search-form-cell.number, .home-page .search-form-cell.submit { position: relative; left: 0 !important; margin-left: 0 !important; } } /* ========================================= SAFE PRICE ↔ BEDROOM TIGHTENING ========================================= */ @media (min-width: 992px) { /* Reduce gap between ALL fields slightly */ .home-page #search_area form.row { gap: 6px !important; } /* Tighten INSIDE Price */ .home-page .search-form-cell.three-field.price > div > div { gap: 2px !important; } }/* ========================================= SAFE REMOVE PRICE CURRENCY (NO COLLATERAL) ========================================= */ .home-page .search-form-cell.three-field.price select[name$="[currency]"] { display: none !important; } /* Force Price From + To layout */ .home-page .search-form-cell.three-field.price > div > div { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; } /* Ensure Price select wrappers match other fields */ .home-page .search-form-cell.three-field.price .rm-select-wrap { height: 46px; display: flex; align-items: center; } /* Keep Price grid tight and aligned */ .home-page .search-form-cell.three-field.price > div > div { align-items: center; } /* Buy / Rent β€” compact */ .home-page .intent-select { width: 110px; min-width: 110px; max-width: 110px; } .home-page .intent-select select { padding: 0 12px; font-size: 14px; } /* Price From / To β€” compact This is main place to change price width */ .home-page .search-form-cell.three-field.price select { min-width: 115px; max-width: 115px; gap: 14px; } /* Tighten spacing between ALL fields */ .home-page #search_area form.row { gap: 5px; } /* ========================================= PRICE DROPDOWNS β€” ALIGN + ARROWS (COMPACT) ========================================= */ /* Keep each Price select wrapper a proper pill-height */ .home-page .search-form-cell.three-field.price .rm-select-wrap{ height: 46px !important; display: flex !important; align-items: center !important; position: relative !important; /* anchor arrow */ } /* Make the Price selects compact .home-page .search-form-cell.three-field.price .rm-select-wrap select{ height: 46px !important; line-height: 46px !important; min-width: 90px !important; max-width: 90px !important; padding-right: 28px !important; box-sizing: border-box; }*/ /* Re-center arrow inside the smaller pill .home-page .search-form-cell.three-field.price .rm-select-wrap .rm-arrow{ top: 50% !important; transform: translateY(-50%) !important; right: 10px !important; font-size: 12px !important; pointer-events: none; } */ /* Tighten spacing INSIDE Price (From/To) */ .home-page .search-form-cell.three-field.price > div > div{ gap: 6px !important; } /* Make everything smoochy across the whole row 😘 */ .home-page #search_area form.row{ gap: 4px !important; } /* Delete from Below here today if need be 07012026 */ /* Wrapper */ .rm-select-wrap { position: relative; height: 46px; display: flex; align-items: center; } /* Native select = grey pill */ .rm-select-wrap select { width: 100%; height: 46px; line-height: 46px; padding: 0 46px 0 14px; /* RIGHT padding defines grey pill edge */ border-radius: 999px; background: #f1f1f1; /* your grey pill */ appearance: none; -webkit-appearance: none; -moz-appearance: none; } /* Arrow visually INSIDE grey pill */ .rm-select-wrap .rm-arrow { position: absolute; right: 28px; /* πŸ”₯ THIS moves it INTO the grey pill */ top: 50%; transform: translateY(-50%); font-size: 13px; pointer-events: none; z-index: 2; } /* Price From / To wrapper */ .rm-select-wrap { width: 100px !important; min-width: 100px !important; max-width: 100px !important; } /* Ensure select fills wrapper .rm-select-wrap select { width: 120%; min-width: 120%; max-width: 120%; }*/ .rm-select-wrap.price-from { margin-right: 2px; } .rm-select-wrap.price-to { margin-right: 2px; } .search-form, .sb-search, .sb-search .fields { gap: 0 !important; } .rm-select-wrap.price-from, .rm-select-wrap.price-to { margin-right: -8px !important; } /* Kill internal spacing between Price From / To / Bedrooms .home-page .search-form-cell.three-field.price > div > div { gap: 6 !important; margin: 0 !important; padding: 0 !important; } .home-page .search-form-cell.three-field.price > div > div > * { margin-right: 8px !important; } */ /* main place to increase decrease size for form cell */ .home-page .search-form-cell.three-field.price { width: 235px !important; max-width: 235px !important; min-width: 235px !important; margin-right: 2px; } /* Move search bar below fixed header */ .home-page .search-form, .home-page .search-form-wrapper { margin-top: 100px; } /* Below Added 08012026 *****************************************/ /* PRICE */ .home-page .price-from .rm-select-wrap, .home-page .price-to .rm-select-wrap { width: 130px !important; min-width: 130px !important; } /* BEDROOMS – give it breathing room */ .home-page .bedrooms .rm-select-wrap { width: 122px !important; min-width: 122px !important; } /* Improve internal spacing */ .home-page .rm-select-wrap select { padding-left: 14px; padding-right: 34px; /* arrow space */ } /* Small, polite spacing between pills */ .home-page .price-from .rm-select-wrap { margin-right: 4px; } .home-page .price-to .rm-select-wrap { margin-right: 4px; } /* REAL spacing – this WILL show */ .home-page .price-from .rm-select-wrap { margin-right: 8px !important; } .home-page .search-form-cell.three-field.price { width: 230px !important; min-width: 230px !important; margin-right: -12px; } .home-page .price-to .rm-select-wrap { margin-right: 6px !important; } .home-search .search-form-cell.number { min-width: 230px; } .home-search .search-form-cell.number > div > div > *:first-child { margin-right: 12px; } /* Reduce Search button width */ .home-search .search-form button, .home-search .search-form input[type="submit"] { width: 90px; /* πŸ‘ˆ sweet spot */ min-width: 90px; padding: 0 16px; white-space: nowrap; } .home-search .search-form button { font-weight: 600; letter-spacing: 0.2px; } /* Add breathing room before Search button */ .home-search .search-form button, .home-search .search-form input[type="submit"] { margin-left: 10px; } /* Lock homepage search submit CELL */ .home-search .search-form-cell.submit { width: 170px !important; min-width: 170px !important; max-width: 170px !important; flex: 0 0 170px !important; } /* Let button fill the cell cleanly */ .home-search .search-form-cell.submit input[type="submit"] { width: 80px; min-width: 80px; padding: 0 6px; white-space: nowrap; } .home-search .search-form { column-gap: 16px; } .home-page #search_area form.row { gap: 14px !important; } /* Hide labels above search fields on homepage */ .home-page #search_area .search-form-cell > div > span { display: none !important; } /* Hide Property For label (intent selector) */ .home-page #search_area .intent-inner > label { display: none !important; } /* added 10012026 **************************************/ .home-search .search-form { column-gap: 16px; } .home-page #search_area form.row { gap: 2px !important; } /* Hide labels above search fields on homepage */ .home-page #search_area .search-form-cell > div > span { display: none !important; } /* Hide Property For label (intent selector) */ .home-page #search_area .intent-inner > label { display: none !important; } /* πŸ”’ LOCK SEARCH BAR UNDER HEADER */ .home-page #search_area { position: fixed; left: 0; right: 0; z-index: 1001; background: #fff; } /* Prevent content jump / overlap */ .home-page section.home-search { padding-top: 64px; } /* Lock search bar directly under header */ .home-page #search_area { position: fixed; top: 50px; /* header height */ left: 0; right: 0; z-index: 1001; background: #fff; } /* Push page content down */ .home-page section.home-search { padding-top: 80px; } /* Search bar locked to header .home-page #search_area { position: fixed; top: 64px; left: 0; right: 0; z-index: 1001; background: #fff; box-shadow: 0 1px 0 rgba(0,0,0,0.06); } */ /* Hide top sign-in bar on homepage only */ .home-page .top-navigation { display: none !important; } /* Fully collapse top-navigation space on homepage */ .home-page .top-navigation { display: none !important; height: 0 !important; padding: 0 !important; margin: 0 !important; } /* Remove phantom spacing caused by header wrapper */ .home-page .page-header > .point1 { padding-top: 0 !important; margin-top: 0 !important; min-height: unset !important; } /* ========================================= HARD COLLAPSE TOP HEADER BAR (HOME ONLY) ========================================= */ /* Kill top navigation completely */ .home-page .top-navigation { display: none !important; height: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; } /* Collapse the wrapper that held top-navigation */ .home-page .page-header > .point1 { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; min-height: 0 !important; } /* Ensure header height is driven ONLY by main-menu */ .home-page .page-header { height: auto !important; min-height: 0 !important; } /* Safety: remove phantom spacing inside main-menu */ .home-page .page-header .main-menu { margin-top: 0 !important; } /* above works well up to level with min gap */ /* ================================ FORCE HEADER TO CONSTANT HEIGHT ================================ */ .home-page .page-header, .home-page .page-header.fixed-menu { height: 80px !important; min-height: 80px !important; max-height: 80px !important; padding: 0 !important; background: #fff; z-index: 1002; } /* Vertically center header content */ .home-page .page-header .main-menu { height: 60px; display: flex; align-items: center; } /* Lock search directly under header */ .home-page #search_area { position: fixed; top: 60px; /* same as header */ left: 0; right: 0; z-index: 1001; background: #fff; box-shadow: 0 1px 0 rgba(0,0,0,0.06); } /* Push page content down */ .home-page section.home-search { padding-top: 120px; /* 60 header + ~60 search */ } /* ========================================= REMOVE SELECT2 SEARCH INPUT (GHOST PILL) ========================================= */ /* Hide search field inside Select2 dropdown */ .select2-container--default .select2-search--dropdown { display: none !important; } /* Safety: remove extra padding caused by it */ .select2-container--default .select2-results { margin-top: 0 !important; padding-top: 0 !important; } /* ============================= */ /* GOLD OUTLINE – HOME SEARCH */ /* ============================= */ :root { --gold-outline: #d4af37; /* premium gold */ --gold-outline-soft: rgba(212, 175, 55, 0.45); } /* ---- Base pill styling ---- */ .home-page #search_area input, .home-page #search_area select, .home-page #search_area .select2-selection--single { border: 1.5px solid var(--gold-outline-soft) !important; box-shadow: none !important; transition: border-color 0.15s ease, box-shadow 0.15s ease; } /* ---- Hover state ---- */ .home-page #search_area input:hover, .home-page #search_area select:hover, .home-page #search_area .select2-selection--single:hover { border-color: var(--gold-outline) !important; } /* ---- Focus / active state ---- */ .home-page #search_area input:focus, .home-page #search_area select:focus, .home-page #search_area .select2-selection--single.select2-selection--focus { border-color: var(--gold-outline) !important; box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.18) !important; outline: none !important; } /* ---- Remove ugly browser focus ring ---- */ .home-page #search_area input:focus-visible, .home-page #search_area select:focus-visible { outline: none !important; } /* ---- Fix Select2 height alignment ---- */ .home-page #search_area .select2-selection--single { height: 46px; display: flex; align-items: center; padding-left: 14px; padding-right: 34px; border-radius: 999px; } /* ---- Select2 text vertical centering ---- */ .home-page #search_area .select2-selection__rendered { line-height: 46px !important; } /* ---- Kill default Select2 arrow (we use custom arrow) ---- */ .home-page #search_area .select2-selection__arrow { display: none !important; } .home-page #search_area input[type="submit"] { background: var(--gold-outline); border: none; color: #111; } .home-page #search_area input[type="submit"]:hover { background: #c9a32f; } /* πŸ”₯ Hide Select2 original select WITHOUT breaking it */ .home-page #search_area select.select2-hidden-accessible { position: absolute !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; } /*** added 15012026 ***/ /*** added 15012026 ***/ :root { gold-border: #d4af37; /* classic gold */ gold-soft: rgba(212, 175, 55, 0.35); } /* SEARCH RESULTS – GOLD CARD (CORRECT TARGET) */ #listings.listings-search article.listing-card { border: 1px solid var(--gold-soft); border-radius: 6px; background: #fff; padding: 14px; box-sizing: border-box; } /* Hover polish */ #listings.listings-search article.listing-card:hover { border-color: var(--gold-border); box-shadow: 0 4px 14px rgba(0,0,0,0.08); } /* FEATURED PROPERTY – GOLD LUXURY CARD */ article.listing-card.featured-style { border: 2px solid #d4af37; /* gold */ border-radius: 14px; background: #0b0b0b; /* luxury black */ box-shadow: 0 10px 28px rgba(0,0,0,0.45), inset 0 0 0 1px rgba(212,175,55,0.35); overflow: hidden; /* fixes bleed */ position: relative; } /* ================================ RECENTLY ADDED – GOLD BORDER FIX ================================ */ li.recently-added-card { border: 1px solid rgba(212, 175, 55, 0.4); /* soft gold */ border-radius: 10px; background: #ffffff; overflow: hidden; transition: border-color 0.25s ease, box-shadow 0.25s ease; } /* Hover polish */ li.recently-added-card:hover { border-color: #d4af37; box-shadow: 0 10px 26px rgba(0, 0, 0, 0.14); } /* Image clipping */ li.recently-added-card .picture { overflow: hidden; } /* Inner spacing */ li.recently-added-card .card-info { padding: 14px 16px; } /* ================================ RECENTLY ADDED BADGE ================================ */ /* Card container */ li.recently-added-card { position: relative; overflow: hidden; } /* Badge */ li.recently-added-card::before { content: "Recently Added"; position: absolute; top: 12px; left: 12px; z-index: 5; background: linear-gradient(135deg, #d4af37, #b8962e); color: #111; font-size: 12px; font-weight: 600; letter-spacing: 0.4px; padding: 6px 10px; border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.25); text-transform: uppercase; } /* Ensure badge stays above image */ li.recently-added-card .picture { position: relative; z-index: 1; } /* ================================ RECENTLY ADDED β†’ LIST STYLE Match search results ================================ */ li.recently-added-card { display: flex; align-items: flex-start; gap: 20px; width: 100%; max-width: 100%; padding: 16px; background: #fff; border-radius: 6px; } li.recently-added-card .picture { flex: 0 0 280px; max-width: 280px; height: 180px; position: relative; overflow: hidden; border-radius: 4px; } li.recently-added-card .picture img { width: 100%; height: 100%; object-fit: cover; display: block; } li.recently-added-card .card-info { flex: 1; margin: 0; padding: 0; list-style: none; } li.recently-added-card[class*="col-"] { float: none !important; width: 100% !important; max-width: 100% !important; } /* ================================ RECENTLY ADDED – REMOVE INNER BOX ================================ */ /* Kill inner card border / background */ li.recently-added-card .card-info { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; } /* If any child wrapper has styling */ li.recently-added-card .card-info > li, li.recently-added-card .card-info > div { background: transparent !important; border: none !important; box-shadow: none !important; } /* =============================== LUXURY GOLD FOCUS – SEARCH RESULTS =============================== */ :root { --gold-main: #d4af37; --gold-soft: rgba(212, 175, 55, 0.35); --gold-glow: rgba(212, 175, 55, 0.25); --lux-black: #0f0f0f; } /* Base card polish */ #listings.listings-search article.listing-card { border: 1px solid rgba(0,0,0,0.08); border-radius: 10px; background: #fff; transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; } /* πŸ”₯ HOVER / FOCUS STATE */ #listings.listings-search article.listing-card:hover, #listings.listings-search article.listing-card:focus-within { border-color: var(--gold-main); box-shadow: 0 10px 30px rgba(0,0,0,0.15), 0 0 0 1px var(--gold-soft), inset 0 0 0 1px var(--gold-soft); transform: translateY(-2px); } /* Gold accent bar (left edge) */ #listings.listings-search article.listing-card::before { content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; width: 4px; background: linear-gradient( to bottom, transparent, var(--gold-main), transparent ); opacity: 0; transition: opacity 0.25s ease; border-radius: 0 4px 4px 0; } /* Show accent on hover */ #listings.listings-search article.listing-card:hover::before, #listings.listings-search article.listing-card:focus-within::before { opacity: 1; } /* Title focus upgrade */ #listings.listings-search .listing-card .title a { transition: color 0.25s ease; } #listings.listings-search article.listing-card:hover .title a { color: var(--gold-main); } /* Favorite icon luxury hint */ #listings.listings-search .favorite .icon { transition: color 0.25s ease, transform 0.25s ease; } #listings.listings-search article.listing-card:hover .favorite .icon { color: var(--gold-main); transform: scale(1.08); } /* =============================== FIX GOLD BLEED – IMAGE EDGE =============================== */ /* Ensure card clips everything inside */ #listings.listings-search article.listing-card { overflow: hidden; position: relative; } /* Isolate image container */ #listings.listings-search article.listing-card .picture { position: relative; overflow: hidden; border-radius: 8px 0 0 8px; /* soft luxury rounding */ } /* Push gold accent away from image */ #listings.listings-search article.listing-card::before { left: -6px; /* move gold OUTSIDE card */ } /* Prevent border overlay inside image */ #listings.listings-search article.listing-card { background-clip: padding-box; } /* Normalise services row height */ #listings .services, .recently-added-card .services { min-height: 22px; /* enough for icons + text */ display: flex; align-items: center; gap: 10px; } #listings .services:empty::before, .recently-added-card .services:empty::before { content: ''; display: inline-block; } #listings .services { opacity: 0.9; } .price-and-contact { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .contact-actions { display: flex; gap: 8px; } /* added 16012026 *********/ .contact-actions { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; } .contact-btn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 18px; font-size: 13px; font-weight: 500; text-decoration: none; border: 1px solid #d4af37; background: #fff; color: #111; transition: all 0.25s ease; } /* Hover polish */ .contact-btn:hover { background: #d4af37; color: #000; } /* Icons */ .contact-btn i { font-size: 14px; } /* WhatsApp accent */ .contact-btn.whatsapp { border-color: #25D366; color: #25D366; } .contact-btn.whatsapp:hover { background: #25D366; color: #fff; } /* Call accent */ .contact-btn.call { border-color: #444; } /* === CARD CONTACT ACTIONS – HARD FIX === */ .listing-card .price-and-contact { display: flex; justify-content: space-between; align-items: center; gap: 16px; width: 100%; } .listing-card .contact-actions { display: flex; align-items: center; gap: 10px; flex-wrap: nowrap; } .listing-card .contact-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 22px; font-size: 14px; font-weight: 500; white-space: nowrap; border: 1px solid rgba(212,175,55,0.5); color: #1a1a1a; background: #fff; transition: all 0.25s ease; } /* ICON SIZE */ .listing-card .contact-btn i { font-size: 15px; } /* HOVER – LUXURY */ .listing-card .contact-btn:hover { background: linear-gradient(135deg, #d4af37, #b8962e); color: #000; border-color: #d4af37; } /* BRAND ACCENTS */ .contact-btn.call i { color: #1a1a1a; } .contact-btn.email i { color: #d4af37; } .contact-btn.whatsapp i { color: #25D366; } .contact-btn.call { border: 1px solid #d4af37; color: #d4af37; background: transparent; } .contact-btn.email { border: 1px solid #d4af37; color: #d4af37; background: transparent; } /* === UNIFY CONTACT BUTTON SIZES === */ .contact-actions { display: flex; gap: 10px; align-items: center; } .contact-btn { display: inline-flex; align-items: center; justify-content: center; height: 38px; /* πŸ”’ locked height */ padding: 0 18px; /* πŸ”’ horizontal size */ border-radius: 999px; font-size: 14px; font-weight: 600; line-height: 1; text-decoration: none; white-space: nowrap; } /* Icon spacing */ .contact-btn i { font-size: 16px; margin-right: 8px; } /* === EMAIL LUXURY STYLE === */ .contact-btn.email { border: 1.5px solid #d4af37; color: #d4af37; background: #fff; } .contact-btn.email:hover { background: linear-gradient(135deg, #d4af37, #c19b2e); color: #111; } /* === CALL STYLE (for reference consistency) === */ .contact-btn.call { background: #0a8f3c; color: #fff; border: none; } /* πŸ”’ FORCE Call + Email to identical dimensions */ .contact-actions .contact-btn { height: 36px !important; padding: 0 22px !important; font-size: 15px !important; font-weight: 600 !important; line-height: 36px !important; border-radius: 999px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } /* added 20012026 */ /* Premium HOT badge */ .listing-card .picture { position: relative; } .listing-badge.badge-hot { position: absolute; top: 4px; left: 4px; z-index: 10; background: linear-gradient(135deg, #ff512f, #dd2476); color: #fff; font-size: 12px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; padding: 6px 12px; border-radius: 999px; box-shadow: 0 6px 16px rgba(221, 36, 118, 0.45), inset 0 -1px 0 rgba(255,255,255,0.25); display: inline-flex; align-items: center; gap: 6px; animation: hotPulse 1.8s ease-in-out infinite; } /* subtle premium pulse */ @keyframes hotPulse { 0% { transform: scale(1); box-shadow: 0 6px 16px rgba(221, 36, 118, 0.45); } 50% { transform: scale(1.05); box-shadow: 0 10px 24px rgba(255, 81, 47, 0.6); } 100% { transform: scale(1); box-shadow: 0 6px 16px rgba(221, 36, 118, 0.45); } } /* Ensure picture is positioning context */ .listing-card .picture { position: relative; overflow: hidden; } /* Kill overlay covering badge */ .listing-card .picture::before, .listing-card .picture::after { pointer-events: none; } /* HOT badge – force top layer */ .listing-badge.badge-hot { position: absolute; top: 4px; left: 4px; z-index: 9999; /* πŸ”₯ THIS IS KEY */ } .listing-card .picture a { background: transparent !important; } .listing-card .picture a::before, .listing-card .picture a::after { display: none !important; } /* added 08022026 *****************************/ /* RESULTS PAGE β€” force HOME arrow behaviour for all rm-arrow */ .lt-listings-page .results-search .rm-select-wrap .rm-arrow { top: 30% !important; /* override inline 40% */ right: 14px !important; /* override inline 14px */ transform: translateY(-50%) !important; font-size: 13px; pointer-events: none; z-index: 2; } /* RESULTS PAGE β€” PRICE arrows sit lower */ .lt-listings-page .results-search .search-form-cell.three-field.price .rm-select-wrap .rm-arrow { top: 10px !important; right: 14px !important;/* πŸ‘ˆ as requested */ transform: none !important; /* important when using fixed px */ } /* RESULTS PAGE β€” real sticky equivalent of home lift */ .lt-listings-page .results-search { position: sticky; top: 130px; /* ← SAME VALUE as home offset */ z-index: 95; background: #fff; } /* RESULTS PAGE β€” sticky search below fixed menu ***************************/ .lt-listings-page .results-search { position: sticky; top: 0px; /* πŸ‘ˆ matches fixed header height */ z-index: 90; background: #fff; } /* ===================================================== SEARCH RESULTS β€” FIXED HEADER (ONLY) ===================================================== */ .lt-listings-page .page-header, .lt-listings-page .page-header.fixed-menu { position: fixed !important; top: 0; left: 0; right: 0; z-index: 9999 !important; } .lt-listings-page.search-stuck { padding-top: 190px; /* height of search bar */ } /* ===================================================== SEARCH BAR β€” NORMAL STATE ===================================================== */ .lt-listings-page .results-search { position: relative; z-index: 50; } /* ===================================================== STICK SEARCH UNDER HEADER (RESULTS ONLY) ===================================================== */ .lt-listings-page .page-header.fixed-menu ~ * .results-search, .lt-listings-page .page-header.fixed-menu + .results-search { position: fixed !important; top: 100px; /* πŸ”‘ match real header height */ left: 0; right: 0; z-index: 9998; background: #fff; } /* πŸ”₯ Kill spacer completely */ .lt-listings-page .results-search .point1 { height: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; } :root { --header-height: 150px; --search-height: 50px; } /* ===================================================== PUSH SEARCH RESULTS CONTENT BELOW FIXED HEADER + SEARCH ===================================================== */ .lt-listings-page #listings, .lt-listings-page .listings-area, .lt-listings-page .main-column { margin-top: calc(var(--header-height) + var(--search-height)); } /* Move grid navbar BELOW search bar */ .lt-listings-page .grid_navbar.listings-area { margin-top: 140px !important; } .lt-listings-page .results-search { margin-top: -40px !important; } .lt-listings-page .results-search { position: sticky; top: 100px; /* header height */ z-index: 999; } .lt-listings-page .grid_navbar.listings-area { position: sticky; top: 150px; /* header + search */ z-index: 998; background: #fff; } /* πŸ”₯ Kill phantom vertical spacing above grid navbar */ .lt-listings-page .grid_navbar.listings-area { margin-top: 0 !important; padding-top: 0 !important; } /* πŸ”§ Move H1 down/up together with grid navbar */ .page-header.fixed-menu ~ #wrapper #content h1 { margin-top: -10px !important; } /* πŸ”₯ Allow clicks to pass through phantom containers */ .lt-listings-page .inside-container.point1 { pointer-events: none; } /* πŸ”₯ Re-enable clicks where we actually need them */ .lt-listings-page .inside-container.point1 .grid_navbar, .lt-listings-page .inside-container.point1 .grid_navbar * { pointer-events: auto; } /* Kill click interception by phantom wrapper */ .lt-listings-page .inside-container.point1 { pointer-events: none; } /* Re-enable clicks where they are needed */ .lt-listings-page .inside-container.point1 #content, .lt-listings-page .inside-container.point1 #controller_area, .lt-listings-page .inside-container.point1 .grid_navbar, .lt-listings-page .inside-container.point1 #listings, .lt-listings-page .inside-container.point1 #listings * { pointer-events: auto; } .lt-listings-page h1 { position: relative; z-index: 2; } .lt-listings-page .grid_navbar.listings-area { position: relative; z-index: 5; } .lt-listings-page #listings { position: relative; z-index: 1; } .lt-listings-page .results-search .rm-select-wrap .rm-arrow { position: absolute !important; right: 14px !important; /* πŸ‘ˆ move to right */ left: auto !important; /* kill center positioning */ top: 50% !important; transform: translateY(-50%); pointer-events: none; } /* kill wrapper to get map icon clicks working ******************/ /* Kill any overlay above grid navbar */ .lt-listings-page .grid_navbar::before, .lt-listings-page .grid_navbar::after, .lt-listings-page .grid_navbar.listings-area::before, .lt-listings-page .grid_navbar.listings-area::after { content: none !important; display: none !important; pointer-events: none !important; } .lt-listings-page .grid_navbar.listings-area { position: relative !important; z-index: 999 !important; pointer-events: auto !important; } .lt-listings-page .grid_navbar.listings-area a, .lt-listings-page .grid_navbar.listings-area button, .lt-listings-page .grid_navbar.listings-area svg { pointer-events: auto !important; position: relative; z-index: 1000; } /* πŸ”₯ Kill grid navbar on search results */ .lt-listings-page .grid_navbar.listings-area { display: none !important; } /* Breadcrumb spacing under fixed header */ .lt-listings-page #bread_crumbs { margin-top: 10px !important; margin-bottom: 10px !important; position: relative; z-index: 1; } /***** added for breadcrums and h1 **************/ .lt-listings-page .results-search { position: sticky; top: 80px; /* header height */ z-index: 200; background: #fff; } /* Push content below sticky search */ .lt-listings-page #content { padding-top: 110px; /* height of search bar */ } /* Push grid navbar down */ .lt-listings-page .results-search + .grid_navbar { margin-top: 100px; /* search height */ } /* Push listings down */ .lt-listings-page .results-search ~ #listings { margin-top: 100px; } /* 🚫 Hide H1 + breadcrumbs on SEARCH RESULTS only */ .lt-listings-page h1, .lt-listings-page #bread_crumbs { display: none !important; } .lt-listings-page .results-search { margin-top: 30px; } /* =============================== HEADER HARD LOCK (REAL FIX) =============================== */ /* 1️⃣ Lock header itself */ .page-header, .page-header.fixed-menu { height: 80px !important; min-height: 80px !important; max-height: 80px !important; overflow: hidden; } /* 2️⃣ Kill top-navigation completely (THIS is the hidden culprit) */ .page-header .top-navigation { display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } /* 3️⃣ Make main-menu the only vertical ruler */ .page-header .main-menu { height: 80px !important; min-height: 80px !important; max-height: 80px !important; display: flex; align-items: center; } /* 4️⃣ Prevent point1 + clearfix from inflating height */ .page-header > .point1, .page-header > .point1.clearfix { height: 100% !important; min-height: 100% !important; max-height: 100% !important; padding: 0 !important; margin: 0 !important; } /* 5️⃣ Kill pseudo-element spacing ghosts */ .page-header .point1::before, .page-header .point1::after { display: none !important; content: none !important; } /************ added 11022026 ********************/ /* Listing_details pageβ€” using results-search wrapper */ /* =============================== /* ====================================== LISTING DETAILS β€” ENABLE SEARCH UI ====================================== */ /* Target ONLY listing details page */ .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search form { display: flex !important; align-items: center; gap: 8px; } /* Unhide all form cells */ .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search .row > *, .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search .search-form-cell, .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search .intent-select, .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search .intent-inner { display: flex !important; visibility: visible !important; opacity: 1 !important; } /* Inputs & selects */ .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search input, .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search select, .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search button { display: block !important; height: 46px; } /* ====================================== LISTING DETAILS β€” FORCE SEARCH ROW VISIBLE ====================================== */ /* .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search #area_listings form { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 10px; } */ /* Ensure ALL children show .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search #area_listings form > * { display: flex !important; align-items: center !important; height: auto !important; min-height: 46px; opacity: 1 !important; visibility: visible !important; } */ /* Search cells */ .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search .search-form-cell, .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search .intent-select { flex: 0 0 auto; } /* Inputs / selects */ .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search input, .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search select { height: 46px; min-width: 140px; display: block !important; } /* Search button */ .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search button { height: 46px; min-width: 110px; } /* ====================================== LISTING DETAILS β€” SHRINK SEARCH ELEMENTS ====================================== */ .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search #area_listings form.row { gap: 6px; } /* Intent (Buy / Rent) */ .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search .intent-select { max-width: 120px; } /* All input/select fields */ .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search input, .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search select { height: 38px; font-size: 13px; padding: 6px 8px; min-width: 110px; } /* Price fields tighter */ .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search .price input { min-width: 90px; } /* Bedrooms */ .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search select[name*="bed"] { min-width: 80px; } /* Search button */ .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search button { height: 38px; min-width: 90px; font-size: 13px; } /* ====================================== LISTING DETAILS β€” WIDEN SEARCH FORM ====================================== */ .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search .search-block-content { max-width: 1500px; margin: 0 auto; } .large.view-details-page.bc-exists.get-details-box.-theme.listing-fit-contain .details-search #area_listings form.row { display: flex; align-items: center; gap: 10px; max-width: 1400px; margin: 0 auto; } .details-search #area_listings form.row > .search-item { min-height: 46px; } /* ====================================== LISTING DETAILS β€” SEARCH BAR HEIGHT ====================================== */ section.results-search.home-search.details-search { height: 0px !important; min-height: 0px !important; max-height: 0px !important; overflow: visible !important; } /* ====================================== LISTING DETAILS β€” WIDEN MAIN CONTAINER 12022026 ====================================== */ .listing-details.details { max-width: 1400px; margin-left: auto; margin-right: auto; } /******* Login Form Polish 15022026 **********/ /* ================================ PREMIUM LOGIN – SIRAJ PROPERTY Scoped & SAFE ================================ */ /* Page wrapper */ .login-page .login-form { max-width: 520px; margin: 0 auto; } /* GOLD WELCOME */ .login-page .auth-welcome { text-align: center; font-size: 32px; font-weight: 900; color: #C8A44D; letter-spacing: .4px; margin-bottom: 6px; text-shadow: 0 1px 0 rgba(255,255,255,.35), 0 4px 14px rgba(200,164,77,.35); } .login-page .auth-welcome span { font-weight: 900; } .login-page .auth-subtitle { margin-top: 6px; font-size: 15px; font-weight: 500; color: #6b7280; } /* INPUTS */ .login-page .login-form input[type="text"], .login-page .login-form input[type="password"] { width: 100%; height: 56px; padding: 0 18px; margin-bottom: 16px; background: #f4f6f8; border: 1px solid #e5e7eb; border-radius: 14px; font-size: 15px; font-weight: 500; color: #0d2238; transition: all .25s ease; } .login-page .login-form input::placeholder { color: #9aa3af; } /* GOLD FOCUS GLOW */ .login-page .login-form input:focus { outline: none; background: #fff; border-color: #C8A44D; box-shadow: 0 0 0 3px rgba(200,164,77,.28), 0 10px 22px rgba(13,34,56,.18); } /* GOLD BUTTON */ .login-page .login-form input[type="submit"] { width: 100%; height: 56px; margin-top: 6px; background: linear-gradient( 135deg, #C8A44D 0%, #E7C873 50%, #C8A44D 100% ); background-size: 200% 200%; color: #0D2238; font-size: 15px; font-weight: 700; letter-spacing: .3px; border: none; border-radius: 16px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 16px 32px rgba(200,164,77,.35); transition: all .35s ease; } /* Button shimmer */ .login-page .login-form input[type="submit"]:hover { background-position: right center; transform: translateY(-1px); box-shadow: 0 22px 44px rgba(200,164,77,.45); } .login-page .login-form input[type="submit"]:active { transform: translateY(0); box-shadow: 0 10px 20px rgba(200,164,77,.35); } /* Links */ .login-page .login-form + .text-center, .login-page .login-form + .forgot-pass { text-align: center; margin-top: 20px; font-size: 14px; } .login-page .login-form a { color: #0D2238; font-weight: 600; } /* LOGIN FORM WIDTH */ .login-page-form { max-width: 900px; width: 100%; height: 450px; } /* LOGIN CARD */ .auth-card { border-radius: 18px; overflow: hidden; box-shadow: 0 25px 70px rgba(0,0,0,.25); } .auth-card input[type="text"], .auth-card input[type="password"] { height: 52px; padding: 0 16px; border-radius: 10px; border: 1px solid #ddd; } .auth-card input:focus { border-color: #0d2238; box-shadow: 0 0 0 2px rgba(13,34,56,.12); } .auth-card button, .auth-card input[type="submit"] { height: 52px; border-radius: 12px; font-weight: 600; } /* LOGIN FORM CONTAINER */ .auth-card .login-form { max-width: 720px; margin: 0 auto; padding-top: 40px; } .auth-card { min-height: 520px; padding: 40px 48px; display: flex; flex-direction: column; justify-content: center; } /* LOGIN HEADER */ .auth-welcome { text-align: center; margin-bottom: 36px; font-size: 28px; font-weight: 500; color: #1f2a37; letter-spacing: -0.3px; } /* BRAND EMPHASIS */ .auth-welcome span { font-weight: 700; color: #0d2238; } /* SUBTITLE */ .auth-subtitle { margin-top: 8px; font-size: 15px; font-weight: 400; color: #7a8699; } /******* Registration Page for Agencies/Agents 16022026 *************/ /* AGENT REGISTRATION – REMOVE NEWS BOX */ .registration-page .news, .registration-page .news-block, .agent-registration1-page .news, .agent-registration1-page .news-block { display: none; } /* AGENT REGISTRATION – MAIN CONTAINER */ .registration-page #controller_area, .agent-registration1-page #controller_area { max-width: 900px; margin: 0 auto; padding: 40px 0 60px; } /* AGENT REGISTRATION – CARD */ .registration-page #controller_area form, .agent-registration1-page #controller_area form { background: #fff; border-radius: 20px; padding: 48px 56px; box-shadow: 0 25px 70px rgba(0,0,0,.18); } /* FORM ROWS */ .registration-page .form-row, .registration-page .field, .agent-registration1-page .form-row, .agent-registration1-page .field { display: grid; grid-template-columns: 220px 1fr; align-items: center; gap: 24px; margin-bottom: 22px; } .registration-page .password_strength, .agent-registration1-page .password_strength { margin-top: 8px; font-size: 13px; color: #7a8699; } /* STEP BAR */ .registration-page .steps, .agent-registration1-page .steps { max-width: 900px; margin: 0 auto 32px; } .registration-page .steps .active, .agent-registration1-page .steps .active { background: #0d2238; color: #fff; } /* =============================== REGISTRATION STEP 2 WIDTH FIX =============================== */ .registration-page #controller_area form table { width: 100%; } .registration-page #controller_area form table td { width: auto; } /* stretch input fields */ .registration-page #controller_area input[type="text"], .registration-page #controller_area input[type="email"], .registration-page #controller_area input[type="password"], .registration-page #controller_area select, .registration-page #controller_area textarea { width: 100%; max-width: 650px; } /* align labels nicely */ .registration-page #controller_area td.name { width: 220px; font-weight: 600; } /* spacing */ .registration-page #controller_area tr { height: 60px; } /* =============================== REGISTRATION STEP 2 FULL WIDTH =============================== */ .registration-page #controller_area .area_account { width: 100%; max-width: 900px; } .registration-page #controller_area .area_account form { width: 100%; } .registration-page #controller_area .area_account table { width: 100%; } /* input stretch */ .registration-page #controller_area .area_account input, .registration-page #controller_area .area_account select, .registration-page #controller_area .area_account textarea { width: 100%; max-width: 600px; } /* label column */ .registration-page #controller_area .area_account td.name { width: 220px; } .registration-page .area_account.step_area { min-height: 500px; } /******************** *****************/ /* =============================== REGISTRATION – REMOVE NEWS BOX =============================== */ .registration-page .news, .registration-page .news-block, .agent-registration1-page .news, .agent-registration1-page .news-block, .buyer-registration-page .news, .buyer-registration-page .news-block { display: none; } /* =============================== REGISTRATION – MAIN CONTAINER =============================== */ .registration-page #controller_area, .agent-registration1-page #controller_area, .buyer-registration-page #controller_area { max-width: 900px; margin: 0 auto; padding: 40px 0 60px; } /* =============================== REGISTRATION – CARD =============================== */ .registration-page #controller_area form, .agent-registration1-page #controller_area form, .buyer-registration-page #controller_area form { background: #fff; border-radius: 20px; padding: 48px 56px; box-shadow: 0 25px 70px rgba(0,0,0,.18); } /* =============================== FORM ROWS =============================== */ .registration-page .form-row, .registration-page .field, .agent-registration1-page .form-row, .agent-registration1-page .field, .buyer-registration-page .form-row, .buyer-registration-page .field { display: grid; grid-template-columns: 220px 1fr; align-items: center; gap: 24px; margin-bottom: 22px; } /* password strength */ .registration-page .password_strength, .agent-registration1-page .password_strength, .buyer-registration-page .password_strength { margin-top: 8px; font-size: 13px; color: #7a8699; } /* =============================== STEP BAR =============================== */ .registration-page .steps, .agent-registration1-page .steps, .buyer-registration-page .steps { max-width: 900px; margin: 0 auto 32px; } .registration-page .steps .active, .agent-registration1-page .steps .active, .buyer-registration-page .steps .active { background: #0d2238; color: #fff; } /* =============================== STEP 2 WIDTH FIX =============================== */ .registration-page #controller_area form table, .buyer-registration-page #controller_area form table { width: 100%; } .registration-page #controller_area form table td, .buyer-registration-page #controller_area form table td { width: auto; } /* stretch input fields */ .registration-page #controller_area input[type="text"], .registration-page #controller_area input[type="email"], .registration-page #controller_area input[type="password"], .registration-page #controller_area select, .registration-page #controller_area textarea, .buyer-registration-page #controller_area input[type="text"], .buyer-registration-page #controller_area input[type="email"], .buyer-registration-page #controller_area input[type="password"], .buyer-registration-page #controller_area select, .buyer-registration-page #controller_area textarea { width: 100%; max-width: 650px; } /* label column */ .registration-page #controller_area td.name, .buyer-registration-page #controller_area td.name { width: 220px; font-weight: 600; } /* spacing */ .registration-page #controller_area tr, .buyer-registration-page #controller_area tr { height: 60px; } /* =============================== STEP 2 FULL WIDTH =============================== */ .registration-page #controller_area .area_account, .buyer-registration-page #controller_area .area_account { width: 100%; max-width: 900px; } .registration-page #controller_area .area_account form, .buyer-registration-page #controller_area .area_account form { width: 100%; } .registration-page #controller_area .area_account table, .buyer-registration-page #controller_area .area_account table { width: 100%; } /* input stretch */ .registration-page #controller_area .area_account input, .registration-page #controller_area .area_account select, .registration-page #controller_area .area_account textarea, .buyer-registration-page #controller_area .area_account input, .buyer-registration-page #controller_area .area_account select, .buyer-registration-page #controller_area .area_account textarea { width: 100%; max-width: 600px; } /* label column */ .registration-page #controller_area .area_account td.name, .buyer-registration-page #controller_area .area_account td.name { width: 220px; } /* height fix */ .registration-page .area_account.step_area, .buyer-registration-page .area_account.step_area { min-height: 500px; } .agent-options{ display:flex; gap:25px; margin-top:10px; } .agent-card input{ display:none; } .agent-card{ cursor:pointer; } .card-inner{ width:260px; padding:25px; border-radius:12px; border:2px solid #e6e6e6; transition:all .2s ease; } .agent-card:hover .card-inner{ border-color:#C8A44D; transform:translateY(-2px); } .agent-card input:checked + .card-inner{ border-color:#C8A44D; background:#faf6ec; } .card-inner h3{ margin-bottom:8px; font-size:20px; } .card-inner p{ font-size:14px; color:#666; } .agent-choice-top{ margin-bottom:30px; text-align:center; } .join-title{ font-size:26px; margin-bottom:20px; } ul.steps.mobile { display:none !important; } /* =============================== SIRAJ GOLD REGISTRATION BUTTONS =============================== */ .area_profile input[type="submit"], .area_account input[type="submit"], .area_plan input[type="submit"], .area_checkout input[type="submit"] { background: #C8A44D; border: none; color: #fff; border-radius: 30px; padding: 12px 28px; font-weight: 600; font-size: 15px; transition: all .25s ease; } /* Hover effect */ .area_profile input[type="submit"]:hover, .area_account input[type="submit"]:hover, .area_plan input[type="submit"]:hover, .area_checkout input[type="submit"]:hover { background: #b8953e; transform: translateY(-1px); box-shadow: 0 4px 10px rgba(0,0,0,0.15); } /* Siraj registration buttons */ .area_profile input[type="submit"], .area_account input[type="submit"], .area_plan input[type="submit"], .area_checkout input[type="submit"] { background: #C8A44D; border: none; color: #fff; border-radius: 40px; height: 56px; /* controls button height */ line-height: 56px; /* perfectly centers text */ padding: 0 36px; font-weight: 600; font-size: 16px; min-width: 220px; text-align: center; cursor: pointer; transition: all .25s ease; } /* hover */ .area_profile input[type="submit"]:hover, .area_account input[type="submit"]:hover, .area_plan input[type="submit"]:hover, .area_checkout input[type="submit"]:hover { background: #b8953e; transform: translateY(-1px); } /* SIRAJ GOLD REGISTER BUTTON FIX */ .form-buttons input[type="submit"]{ background:#C8A44D !important; color:#fff !important; border:none !important; border-radius:40px !important; height:60px !important; line-height:60px !important; padding:0 40px !important; font-size:18px !important; font-weight:600 !important; text-align:center !important; cursor:pointer; } /* hover */ .form-buttons input[type="submit"]:hover{ background:#b8953e !important; } .form-buttons input[type="submit"]{ box-shadow: 0 4px 12px rgba(0,0,0,0.15); } /* added 13032026 ****/ /* =============================== SIRAJ ADD LISTING PAGE =============================== */ .add-listing-page { max-width: 1100px; margin: auto; padding: 30px 0; } /* form card sections */ .add-listing-page fieldset, .add-listing-page .fieldset { background: #ffffff; border-radius: 14px; padding: 28px; margin-bottom: 25px; box-shadow: 0 4px 12px rgba(0,0,0,0.06); border: 1px solid #eee; } /* section titles */ .add-listing-page legend, .add-listing-page .fieldset_header { font-size: 18px; font-weight: 600; color: #0D2238; margin-bottom: 18px; } /* label styling */ .add-listing-page .submit-cell .name { font-weight: 600; font-size: 14px; color: #0D2238; } /* inputs */ .add-listing-page input, .add-listing-page select, .add-listing-page textarea { border-radius: 10px; border: 1px solid #dcdcdc; height: 44px; padding: 8px 12px; font-size: 14px; } /* select2 dropdowns */ .add-listing-page .select2-container--default .select2-selection--single { height: 44px; border-radius: 10px; border: 1px solid #dcdcdc; } /* textarea */ .add-listing-page textarea { height: 120px; } /* focus state */ .add-listing-page input:focus, .add-listing-page select:focus, .add-listing-page textarea:focus { border-color: #C8A44D; box-shadow: 0 0 0 2px rgba(200,164,77,0.2); } /* map container */ .add-listing-page #lf_map { overflow: hidden; border: 1px solid #ddd; } /* buttons */ .add-listing-page button, .add-listing-page .button { background: #C8A44D; border: none; border-radius: 10px; padding: 12px 22px; font-weight: 600; color: white; } .add-listing-page button:hover { background: #b8933f; } /* =============================== SIRAJ ADD LISTING HERO =============================== */ .siraj-add-hero{ background:#ffffff; border-radius:14px; padding:35px 40px; margin:30px auto; max-width:1100px; border:1px solid #e6e6e6; box-shadow:0 6px 18px rgba(0,0,0,0.05); } /* inner container */ .siraj-add-hero-inner{ max-width:1000px; } /* title */ .siraj-add-hero h1{ font-size:30px; font-weight:700; color:#0D2238; margin-bottom:8px; } /* subtitle */ .siraj-add-hero p{ font-size:15px; color:#666; } /* Siraj gold accent */ .siraj-add-hero strong{ color:#C8A44D; } /* Siraj gold button vertical centering */ .add-listing-page button, .add-listing-page .button { display: flex; align-items: center; justify-content: center; height: 56px; padding: 0 30px; } .add-listing-page .button, .add-listing-page button { transition: all 0.25s ease; } .add-listing-page .button:hover, .add-listing-page button:hover { background:#b8933f; transform:translateY(-2px); box-shadow:0 6px 14px rgba(0,0,0,0.15); } .add-listing-page .categories { padding:20px; font-size:16px; line-height:1.8; } .add-listing-page input:focus, .add-listing-page select:focus, .add-listing-page textarea:focus{ border-color:#C8A44D; box-shadow:0 0 0 2px rgba(200,164,77,0.15); } /*** Steps ********* on add_listings.tpl *****/ /* =============================== SIRAJ LISTING WIZARD =============================== */ .add-listing-page .steps{ display:flex; justify-content:space-between; align-items:center; margin:30px auto 40px; padding:0; max-width:900px; list-style:none; } /* each step */ .add-listing-page .steps li{ flex:1; text-align:center; position:relative; } /* step circles */ .add-listing-page .steps li a{ display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; background:#e6e6e6; color:#777; font-weight:600; text-decoration:none; } /* step label */ .add-listing-page .steps li span{ display:block; margin-top:8px; font-size:13px; color:#777; } /* completed steps */ .add-listing-page .steps li.past a{ background:#C8A44D; color:white; } /* current step */ .add-listing-page .steps li.current a{ background:#0D2238; color:white; } /* progress line */ /* =============================== SIRAJ LISTING WIZARD CLEAN =============================== */ .add-listing-page .steps{ display:flex; max-width:1000px; margin:35px auto; padding:0; list-style:none; border-radius:12px; overflow:hidden; background:#f5f5f5; border:1px solid #e6e6e6; } /* each step */ .add-listing-page .steps li{ flex:1; text-align:center; position:relative; } /* links */ .add-listing-page .steps li a{ display:block; padding:18px 10px; font-weight:600; color:#666; text-decoration:none; font-size:15px; } /* completed steps */ .add-listing-page .steps li.past{ background:#C8A44D; } .add-listing-page .steps li.past a{ color:white; } /* current step */ .add-listing-page .steps li.current{ background:#0D2238; } .add-listing-page .steps li.current a{ color:white; } /* remove ugly template arrows */ .add-listing-page .steps li:after, .add-listing-page .steps li:before{ display:none !important; } /* added 13032026 ****************/ /* Siraj Transaction Selector */ .siraj-transaction-select{ display:flex; gap:20px; margin:30px 0; } .siraj-option{ flex:1; background:#fff; border:2px solid #e5e5e5; border-radius:12px; padding:20px; text-align:center; font-size:18px; font-weight:600; cursor:pointer; transition:all .2s ease; } .siraj-option:hover{ border-color:#c8a44d; box-shadow:0 4px 12px rgba(0,0,0,0.08); } .siraj-option.active{ border-color:#c8a44d; background:#fffaf0; } /******** added 14032026 *******/ .select-category{ display:none; } .siraj-cat{ display:none; margin-top:20px; padding:10px; width:100%; } .siraj-option.active{ background:#0d2238; color:#fff; border:2px solid #c8a44d; } /* move property/services radio buttons above Siraj cards */ /* don't hide the whole category block */ .select-category { display: block; } /* hide only the native property categories row by default */ .select-category li[data-type-key="listings"] { display: none; } /* hide native services row until Services is chosen */ .select-category li[data-type-key="services"] { display: none; } /* Siraj custom property UI */ .siraj-category-select { display: none; } .siraj-cat { display: none; width: 100%; margin-top: 20px; padding: 12px 14px; font-size: 16px; border-radius: 10px; border: 1px solid #d9d9d9; background: #fff; } /* Hide Property for (Buy/Rent) field */ /* Hide Property for (Buy/Rent) field safely */ #sf_field_sale_rent { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; } .transaction-select { display: flex; gap: 20px; margin: 20px 0; } .transaction-option { flex: 1; min-height: 96px; display: flex; align-items: center; justify-content: center; border: 2px solid #d9d9d9; border-radius: 18px; background: #fff; cursor: pointer; font-size: 26px; font-weight: 700; } .transaction-option.active { background: #0d2238; color: #fff; border-color: #c8a44d; } .transaction-category-select { margin: 20px 0 10px; } .transaction-cat { display: none; width: 260px; height: 48px; padding: 0 14px; font-size: 16px; border-radius: 10px; border: 1px solid #d9d9d9; background: #fff; } .select-type { margin-bottom: 20px; } .add-listing-page #sf_field_country{ display:none !important; } .add-listing-page .submit-cell .name:contains("Country") { display: none !important; } /****************************** added 18032026 *********/ /* πŸ”₯ Results page search bar spacing */ .lt-listings-page #search_area .number-field { background: yellow !important; } .lt-listings-page #search_area .submit-cell { background: yellow !important; } /******** END 18032026 this is for horizontal serach bar elements alignment *****/ /* =============================== SIRAJ USER ACCOUNT MENU (REAL TARGET) added 19032026 =============================== */ /* =============================== SIRAJ ACCOUNT DASHBOARD GRID =============================== */ /* πŸ”₯ Grid container */ .login-page .account-menu-content { display: grid !important; grid-template-columns: repeat(2, 1fr); gap: 16px; max-width: 700px; } /* πŸ”₯ Each item becomes a tile */ .login-page .account-menu-content li { display: flex !important; flex-direction: column; justify-content: center; align-items: flex-start; height: 110px; background: #fff; border-radius: 14px; border: 1px solid #e6e6e6; padding: 18px 20px; box-shadow: 0 6px 18px rgba(0,0,0,0.05); transition: all 0.25s ease; } /* πŸ”₯ Hover (Siraj luxury) */ .login-page .account-menu-content li:hover { border-color: #C8A44D; background: #fffaf0; transform: translateY(-3px); box-shadow: 0 10px 22px rgba(0,0,0,0.08); } /* πŸ”₯ Main text */ .login-page .account-menu-content li a:not(.counter) { font-size: 16px; font-weight: 600; color: #0D2238; text-decoration: none; } /* πŸ”₯ Counter badge (top right) */ .login-page .account-menu-content .counter { position: absolute; top: 12px; right: 14px; background: #C8A44D; color: #fff; padding: 4px 10px; border-radius: 20px; font-size: 12px; } /* πŸ”₯ Make li positionable */ .login-page .account-menu-content li { position: relative; } /* πŸ”₯ Remove inline-block restriction */ .login-page .account-menu-content.d-inline-block { display: grid !important; } /* πŸ”₯ Base tile size (reduced from 110px) */ .login-page .account-menu-content li { height: 90px; /* was 110px */ padding: 14px 18px; /* slightly tighter */ } /* πŸ”₯ Logout tile β€” centered + green */ .login-page .account-menu-content li:last-child { height: 60px; padding: 0; display: flex !important; align-items: center; justify-content: center; background: #2e7d32; /* deep green */ border: none; border-radius: 12px; } /* πŸ”₯ Center the text */ .login-page .account-menu-content li:last-child a { width: 100%; text-align: center; font-size: 15px; font-weight: 600; color: #fff; text-decoration: none; } /* πŸ”₯ Hover state */ .login-page .account-menu-content li:last-child:hover { background: #256628; /* darker green */ transform: translateY(-1px); box-shadow: 0 6px 14px rgba(0,0,0,0.12); } /* πŸ”₯ Remove badge if any */ .login-page .account-menu-content li:last-child .counter { display: none !important; }/* πŸ”₯ Make whole tile clickable */ .login-page .account-menu-content li { position: relative; } /* πŸ”₯ stretch main link */ .login-page .account-menu-content li > a:first-child { position: absolute; inset: 0; /* fills entire tile */ z-index: 2; display: flex; align-items: center; padding: 18px 20px; text-decoration: none; } /* πŸ”₯ keep text styling */ .login-page .account-menu-content li > a:first-child { font-size: 16px; font-weight: 600; color: #0D2238; } /* πŸ”₯ keep counter visible ABOVE */ .login-page .account-menu-content .counter { position: absolute; top: 12px; right: 14px; z-index: 3; } /****** end Dealer Account Menu ********/ /****** added 23032026 Sign in Menu ********/ /* πŸ”₯ Wrap menu + login nicely */ .main-menu-wrap { display: flex; align-items: center; justify-content: space-between; } /* keep menu tight */ .main-menu-list { display: flex; gap: 20px; } /* πŸ” login on right */ .siraj-login { margin-left: auto; } /* button style */ .login-btn { background: #C8A44D; color: #0D2238; padding: 8px 14px; border-radius: 8px; font-weight: 600; text-decoration: none; } /* πŸ”₯ AI + Description group */ .siraj-ai-group { background: #f9f9f9; padding: 20px; border-radius: 12px; margin: 15px 0; } /* button spacing */ .siraj-ai-group button { margin-bottom: 12px; } /* πŸ”₯ AI PANEL */ .siraj-ai-panel { background: #0D2238; padding: 20px; border-radius: 14px; margin: 20px 0; color: #fff; } .siraj-ai-header { font-size: 18px; font-weight: 600; margin-bottom: 15px; } .siraj-ai-actions { display: flex; gap: 10px; margin-bottom: 15px; flex-wrap: wrap; } .siraj-ai-actions .btn { border-radius: 8px; font-weight: 600; } /****** `end 23032026 Sign in Menu ********/ .top-navigation .fright { position: absolute; right: 20px; top: 80px; /* push into menu area */ z-index: 1000; } /* πŸ”₯ FORCE SHOW SIGN IN */ #user-navbar { display: inline-block !important; visibility: visible !important; opacity: 1 !important; width: auto !important; height: auto !important; overflow: visible !important; } /* Make text visible */ #user-navbar .default span { display: inline !important; color: #fff !important; font-weight: 600; } /* Debug */ #user-navbar { background: red !important; } /********** added 27032026 DASHBOARD ****************/ /* πŸ”₯ FORCE Deep Gold Hover */ .account-menu-content li:hover { transform: translateY(-5px) !important; border-color: #A67C00 !important; box-shadow: 0 20px 50px rgba(0,0,0,0.12), 0 0 20px rgba(166,124,0,0.35) !important; } /* Left gold bar */ .account-menu-content li:hover::before { background: linear-gradient(180deg, #C8A44D, #A67C00) !important; opacity: 1 !important; } /* Link color */ .account-menu-content li:hover a { color: #A67C00 !important; } /* Base icon */ .favorite .icon { display: inline-block; width: 20px; height: 20px; transition: all 0.2s ease; } /* NOT favourited (outline) */ .favorite.add .icon::before { content: "β™‘"; font-size: 20px; color: #999; } /* FAVOURITED (filled gold) */ .favorite.remove .icon::before { content: "β™₯"; font-size: 20px; color: #C8A44D; /* your Siraj gold */ } .favorite .icon:before, .favorite .icon:after { display: none !important; } /* πŸ”₯ OVERLAY (background dim) */ .modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.55); z-index: 9998; } /********* added 02042026 for listing cards*********/ /* ============================== CORE CARD LAYOUT (REAL FIX) ============================== */ #listings .listing-card { display: flex; gap: 20px; padding: 20px; background: #fff; border-radius: 16px; position: relative; align-items: flex-start; } #listings .listing-card .picture { flex: 0 0 320px; height: 240px; overflow: hidden; border-radius: 12px; } #listings .listing-card .picture img { width: 100%; height: 100%; object-fit: cover; } #listings .listing-card .card-info { flex: 1; list-style: none; margin: 0; padding: 0; } #listings .listing-card .price { position: absolute; top: 20px; right: 120px; font-size: 16px; font-weight: 300; color: #0D2238; background: #fff; padding: 6px 12px; border-radius: 8px; z-index: 5; } #listings .contact-actions { display: flex; gap: 10px; margin-top: 15px; flex-wrap: wrap; } /* PRICE CONTAINER */ #listings .listing-card .price { position: relative; display: inline-block; padding-right: 40px; /* space for heart */ } /********* added 02042026 for listing cards*********/ /******************************************* πŸ”₯ SIRAJ FINAL LISTING CARD SYSTEM CLEAN β€’ STABLE β€’ NO CONFLICTS ********************************************/ /* CARD BASE */ #listings .listing-card { position: relative; } /* ====================================== PRICE (TOP RIGHT - CLEAN) ====================================== */ #listings .listing-card .price { position: absolute; top: 10px; right: 120px; font-size: 20px; font-weight: 700; color: #0D2238; } /* ====================================== CONTACT ROW (BUTTON SYSTEM) ====================================== */ #listings .listing-card .contact-actions { display: flex; gap: 14px; align-items: center; margin-top: 15px; } /* STANDARD BUTTONS */ #listings .listing-card .contact-btn { flex: 1; text-align: center; border-radius: 25px; padding: 12px 0; } /* ====================================== ❀️ FAVORITE BUTTON (FINAL) ====================================== */ /* RESET ALL OLD POSITIONING */ #listings .listing-card .favorite { position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; z-index: auto !important; flex: 0 0 54px; width: 54px; min-width: 54px; height: 54px; display: flex !important; align-items: center; justify-content: center; border: 1px solid #ddd; border-radius: 50%; background: #fff; font-size: 0; /* removes spacing */ text-decoration: none; } /* REMOVE OLD ICON SYSTEM */ #listings .listing-card .favorite .icon { display: none !important; } /* HEART STATES */ #listings .listing-card .favorite.add::after { content: "β™‘"; font-size: 26px; color: #2d9cdb; } #listings .listing-card .favorite.remove::after { content: "β™₯"; font-size: 24px; color: #2d9cdb; } /* HOVER EFFECT */ #listings .listing-card .favorite:hover { border-color: #2d9cdb; } /********* Added 02042026 for listing cards*********/ /* ================================================== .get_more_details textarea:focus { outline: none; border-color: #C8A44D; box-shadow: 0 0 0 4px rgba(200,164,77,0.12); } /* ================================================== .get_more_details textarea { min-height: 140px; resize: vertical; } /* INPUT FOCUS */ .get_more_details input:focus, .get_more_details textarea:focus { outline: none; border-color: #C8A44D; box-shadow: 0 0 0 4px rgba(200,164,77,0.12); } /* ================================================== CAPTCHA FIX ================================================== */ .get_more_details .captcha img, .get_more_details img[src*="captcha"], .get_more_details .security-img img { width: auto !important; height: auto !important; border-radius: 8px !important; border: 1px solid #DDD !important; padding: 0 !important; box-shadow: none !important; object-fit: contain !important; } .get_more_details .submit-cell .field { display: flex; align-items: center; gap: 14px; } /* ================================================== BUTTONS ================================================== */ .get_more_details .buttons { display: flex; gap: 18px; flex-wrap: wrap; } .get_more_details .buttons input, .get_more_details .buttons button { width: 180px; height: 60px; border-radius: 18px; border: none; background: #C8A44D; color: #fff; font-size: 17px; font-weight: 600; display: flex; align-items: center; justify-content: center; transition: all .25s ease; } .get_more_details .buttons input[type="reset"] { width: 140px; } .get_more_details .buttons input:hover, .get_more_details .buttons button:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.12); } /* ===== FORCE SELLER HEADER TO STACK CORRECTLY ===== */ .get_more_details .seller-short { display: block !important; width: 100% !important; overflow: hidden !important; margin-bottom: 35px !important; } /* seller wrapper */ .get_more_details .seller-short > div { display: block !important; width: 100% !important; float: none !important; clear: both !important; } /* avatar area */ .get_more_details .seller-short > div:first-child { text-align: center !important; margin-bottom: 16px !important; } /* avatar image */ .get_more_details .seller-short img { width: 90px !important; height: 90px !important; border-radius: 50% !important; display: block !important; margin: 0 auto !important; } /* right section */ .get_more_details .seller-short > div:last-child { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 12px !important; } /* pills */ .get_more_details .seller-short a, .get_more_details .seller-short .name { display: inline-flex !important; width: auto !important; max-width: 260px !important; justify-content: center !important; } /* prevent form overlap */ .get_more_details form { clear: both !important; display: block !important; width: 100% !important; margin-top: 20px !important; } /* ensure fields start below seller */ .get_more_details .submit-cell { clear: both !important; } /* ===== RESTORE FIXED WIDTH ===== */ .get_more_details { max-width: 733.33px !important; width: 100% !important; margin: 0 auto 40px auto !important; } /* ===== WHITE BACKGROUND FOR GET MORE DETAILS ===== */ .get_more_details { background: #ffffff !important; } /* ===== RESTORE WHITE PREMIUM CARD ===== */ .get_more_details { max-width: 733.33px !important; width: 100% !important; margin: 0 auto 40px auto !important; padding: 36px !important; background: #ffffff !important; border-radius: 28px !important; border: 1px solid #ECECEC !important; box-shadow: 0 10px 35px rgba(0,0,0,0.06) !important; overflow: hidden !important; } /* ===== FINAL WIDTH LOCK FOR CHROME ===== */ .get_more_details { width: 733.33px !important; max-width: 733.33px !important; min-width: 733.33px !important; margin: 0 auto 40px auto !important; display: block !important; box-sizing: border-box !important; } /* ===== MATCH PROPERTY CONTENT LEFT EDGE ===== */ .content-section.clearfix { position: relative; } .get_more_details { width: 733.33px !important; max-width: 733.33px !important; margin-top: 40px !important; margin-bottom: 40px !important; margin-left: 30px !important; /* SAME AS CONTENT-SECTION PADDING */ margin-right: 0 !important; box-sizing: border-box !important; } /* ===== TRUE ALIGNMENT WITH PROPERTY DETAILS ===== */ .content-section { position: relative; } .get_more_details { width: 733.33px !important; max-width: 733.33px !important; margin: 40px 0 40px 0 !important; position: relative !important; left: 0 !important; box-sizing: border-box !important; } /* force same alignment origin as top block */ .content-section > .get_more_details { align-self: flex-start !important; } /* ===== FINAL TRUE ALIGNMENT FIX ===== */ section.content_block.highlighted.get_more_details { width: 733.33px !important; max-width: 733.33px !important; margin-top: 40px !important; margin-bottom: 40px !important; margin-left: calc((100% - 733.33px) / 2) !important; margin-right: 0 !important; position: relative !important; left: -18px !important; box-sizing: border-box !important; } /* ===== SIRAJ CONTACT ACTIONS ===== */ .siraj-contact-row { width: 733.33px; margin: 35px auto 30px auto; } .siraj-contact-row .contact-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; } .siraj-contact-row .contact-btn { padding: 10px 20px; font-size: 14px; border-radius: 8px; background: #C8A44D; color: #fff; text-align: center; display: inline-block; width: auto; /* πŸ‘ˆ prevents full-width stretch */ } .siraj-contact-row .contact-btn:hover { background: #1E8E5A; color: #fff; transform: translateY(-2px); box-shadow: 0 8px 18px rgba(30,142,90,0.22); } /******** End 27042026 ***********/ /******** Added 28042026 ***********/ .siraj-dashboard { max-width: 1400px; margin: 0 auto; padding: 30px; } .dashboard-hero { background: linear-gradient(135deg, #0f9d58, #0b8447); border-radius: 22px; padding: 50px; color: #fff; margin-bottom: 30px; } .dashboard-hero h1 { margin: 0 0 10px; font-size: 36px; font-weight: 700; } .dashboard-hero p { margin: 0; opacity: 0.9; font-size: 16px; } .dashboard-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 30px; } .dashboard-card { background: #fff; border-radius: 18px; padding: 20px; box-shadow: 0 5px 25px rgba(0,0,0,0.06); } .dashboard-card__number { font-size: 18px; font-weight: 700; margin-bottom: 8px; color: #111; } .dashboard-card__label { color: #777; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; } .dashboard-actions { display: flex; gap: 15px; flex-wrap: wrap; margin-bottom: 30px; } .dashboard-action-btn { background: #fff; border: 1px solid #eee; border-radius: 999px; padding: 14px 24px; color: #111; font-weight: 600; text-decoration: none; transition: all .2s ease; } .dashboard-action-btn:hover { background: #111; color: #fff; } .dashboard-action-btn.primary { background: #0f9d58; color: #fff; border-color: #0f9d58; } .dashboard-section { background: #fff; border-radius: 18px; padding: 30px; box-shadow: 0 5px 25px rgba(0,0,0,0.06); } .dashboard-section__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .dashboard-section__header h2 { margin: 0; } @media (max-width: 992px) { .dashboard-stats { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .dashboard-stats { grid-template-columns: 1fr; } .dashboard-hero { padding: 35px; } .dashboard-hero h1 { font-size: 30px; } } .dashboard-listings-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .dashboard-listing-card { border: 1px solid #eee; border-radius: 16px; overflow: hidden; background: #fff; } .dashboard-listing-thumb { height: 170px; overflow: hidden; } .dashboard-listing-thumb img { width: 100%; height: 100%; object-fit: cover; } .dashboard-listing-info { padding: 16px; } .dashboard-listing-info h3 { margin: 0 0 10px; font-size: 16px; } .dashboard-listing-status { color: #777; margin-bottom: 12px; } .dashboard-listing-links { display: flex; gap: 15px; } .dashboard-listing-links a { font-weight: 600; text-decoration: none; color: #0f9d58; } /******** End 28042026 ***********/ /********** added 29042026 *******************/ .dashboard-listing-thumb { width: 100%; height: 180px; overflow: hidden; border-radius: 16px; background: #f5f5f5; margin-bottom: 14px; } .dashboard-listing-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .dashboard-no-image { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #777; background: #f2f2f2; } /********** end 29042026 *******/ .contact-row .edit-listing-btn { display: inline-block; background: #2d89ef !important; color: #fff !important; padding: 8px 14px; border-radius: 6px; font-size: 13px; font-weight: 600; text-decoration: none; margin-top: 8px; } .contact-row .edit-listing-btn:hover { background: #1b5fa7 !important; } .myads-table-wrap { background: #fff; border-radius: 12px; overflow-x: auto; box-shadow: 0 4px 14px rgba(0,0,0,0.08); } .myads-table { width: 100%; border-collapse: collapse; font-size: 14px; } .myads-table th { background: #f6f7f9; text-align: left; padding: 14px; font-weight: 700; color: #333; border-bottom: 1px solid #e5e7eb; } .myads-table td { padding: 14px; border-bottom: 1px solid #eee; vertical-align: middle; } .myads-table td a { text-decoration: none; } .myads-status { display: inline-block; padding: 5px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; background: #eef2f7; color: #333; } .myads-edit-btn, .myads-view-btn { display: inline-block; padding: 7px 12px; border-radius: 7px; font-size: 13px; font-weight: 700; text-decoration: none; margin-right: 6px; } .myads-edit-btn { background: #2d89ef; color: #fff !important; } .myads-view-btn { background: #f1f5f9; color: #333 !important; } .myads-edit-btn:hover { background: #1b5fa7; color: #fff !important; } /* CELL LAYOUT */ .listing-cell-inner { display: flex; align-items: center; gap: 12px; } /* IMAGE */ .listing-thumb img { width: 70px; height: 50px; object-fit: cover; border-radius: 6px; } /* TEXT */ .listing-title { font-weight: 700; color: #333; display: block; text-decoration: none; } .listing-title:hover { color: #2d89ef; } .listing-sub { font-size: 12px; color: #777; } /* STATUS BASE */ .myads-status { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; } /* GREEN DOT */ .status-active::before { content: ''; width: 10px; height: 10px; background: #0a8f3c; border-radius: 50%; display: inline-block; } /* ORANGE DOT */ .status-approval::before { content: ''; width: 10px; height: 10px; background: #f39c12; border-radius: 50%; } /* RED DOT */ .status-inactive::before { content: ''; width: 10px; height: 10px; background: #e74c3c; border-radius: 50%; } /* OPTIONAL: hide text completely (dot only) */ .myads-status { color: #555; } .myads-edit-btn { background: none !important; border: none !important; box-shadow: none !important; padding: 0; font-size: 18px; } /* optional hover */ .myads-edit-btn:hover { transform: scale(1.1); } .listing-text { max-width: 280px; /* adjust as needed */ } .listing-title { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* price container */ .price-cell { min-width: 120px; } /* main price */ .price-main { font-size: 16px; font-weight: 700; color: #222; } /* rent period */ .price-period { font-size: 12px; color: #888; margin-top: 2px; } /*********added 07052026 *********/ .dashboard-stats{ display:grid; grid-template-columns:repeat(5,1fr); gap:20px; margin-bottom:25px; } .dashboard-stat-card{ background:#fff; border-radius:14px; padding:24px; box-shadow:0 2px 10px rgba(0,0,0,0.06); text-align:center; transition:0.2s ease; } .dashboard-stat-card:hover{ transform:translateY(-3px); box-shadow:0 8px 24px rgba(0,0,0,0.08); } .stat-icon{ font-size:28px; margin-bottom:12px; } .stat-value{ font-size:30px; font-weight:700; color:#111; line-height:1; margin-bottom:8px; } .stat-label{ font-size:14px; color:#777; } .myads-status-pill:before{ display:none !important; content:none !important; } /******added 08052026 **********/ .myads-pdf-btn{ display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:10px; background:#f3f4f6; text-decoration:none; font-size:20px; transition:0.2s ease; } .myads-pdf-btn:hover{ background:#111; color:#fff; transform:translateY(-2px); } .myads-whatsapp-btn{ display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:10px; background:#dcfce7; text-decoration:none; font-size:20px; transition:0.2s ease; } .myads-whatsapp-btn:hover{ background:#16a34a; color:#fff; transform:translateY(-2px); } /******* this is added for MOBILE ONLY *******/ @media (max-width: 768px){ /* πŸ”₯ Stats cards */ .dashboard-stats{ grid-template-columns:repeat(2,1fr); gap:12px; } .dashboard-stat-card{ padding:18px 12px; } .stat-value{ font-size:24px; } /* πŸ”₯ Table becomes cards */ .myads-table, .myads-table tbody, .myads-table tr{ display:block; width:100%; } /* hide desktop headers */ .myads-table thead{ display:none; } /* row card */ .myads-table tr{ background:#fff; border-radius:16px; padding:16px; margin-bottom:16px; box-shadow:0 2px 10px rgba(0,0,0,0.06); } /* remove old borders */ .myads-table td{ border:none !important; padding:8px 0; } /* listing layout */ .listing-cell-inner{ display:flex; align-items:flex-start; gap:12px; } .listing-thumb{ width:90px; flex-shrink:0; } .listing-thumb img{ width:100%; border-radius:12px; } .listing-text{ flex:1; } .listing-title{ font-size:16px; font-weight:700; line-height:1.4; } .listing-sub{ font-size:13px; color:#777; margin-top:6px; } /* price */ .myads-price{ font-size:8px; font-weight:400; line-height:1.3; } /* status */ .myads-status-pill{ margin-top:4px; } /* actions */ .actions-col{ display:flex !important; flex-wrap:wrap; gap:10px; margin-top:14px; } .actions-col a{ width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:10px; } /* hide checkbox column */ .myads-table td:first-child{ display:none; } } .actions-col{ justify-content:flex-start; } .myads-whatsapp-btn{ display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:10px; background:#dcfce7; color:#16a34a; text-decoration:none; font-size:20px; transition:0.2s ease; } .myads-whatsapp-btn:hover{ background:#bbf7d0; color:#15803d; transform:translateY(-2px); } .actions-col{ display:flex !important; flex-wrap:wrap; gap:10px; align-items:center; justify-content:flex-start; } .actions-col a{ display:flex !important; align-items:center !important; justify-content:center !important; width:44px; height:44px; border-radius:10px; flex-shrink:0; line-height:1 !important; } .myads-price{ display:block; margin-bottom:8px; } .myads-status-pill{ display:inline-flex !important; align-items:center; margin-left:0; } @media (max-width: 768px) { .dashboard-actions { flex-wrap: wrap !important; } } /************ added on 12052026 ************************/ /* ========================================= SIRAJ GLOBAL SEARCH LITE ========================================= */ .siraj-global-search-lite { background: #fff; padding: 14px 0; border-bottom: 1px solid #eee; } .siraj-global-search-lite .point1 { max-width: 1400px; margin: 0 auto; padding: 0 20px; } .sgs-row { display: flex; gap: 10px; align-items: center; } .sgs-row input[type="text"], .sgs-row select { height: 44px; border-radius: 999px; border: 1px solid #ddd; padding: 0 16px; } .sgs-row input[type="text"] { flex: 1; } .sgs-row input[type="submit"] { height: 44px; border: none; border-radius: 999px; background: #d4af37; color: #111; padding: 0 24px; font-weight: 600; } /**** close hosriontal search space of results page*********/ /* ========================================= RESULTS SEARCH BAR β€” FINAL ALIGNMENT ========================================= */ #search_area form.row { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 12px !important; } #search_area .search-form-cell { margin: 0 !important; flex: 0 0 auto !important; } #search_area .search-form-cell > div { margin: 0 !important; } /* keyword/location */ #search_area .search-form-cell.keyword_search { flex: 1 1 320px !important; } /* dropdowns */ #search_area .search-form-cell.single-field, #search_area .search-form-cell.three-field, #search_area .search-form-cell.number { width: auto !important; } /* remove giant percentage spacing */ #search_area .search-form-cell.three-field > div > div > *:not(:last-child) { margin-right: 8px !important; } /* search button */ #search_area .search-form-cell.submit { margin-left: auto !important; } .main-wrapper.d-flex.flex-column { min-height: auto !important; } /* ========================================= STABILIZE HEADER HEIGHT ========================================= */ .page-header { min-height: auto !important; height: auto !important; } .main-menu { margin-bottom: 0 !important; padding-bottom: 0 !important; } .top-navigation { margin-bottom: 0 !important; } .page-header.fixed-menu { transform: none !important; top: 0 !important; } /* ========================================= RESULTS SEARCH SPACING FIX ========================================= */ .results-search.home-search { min-height: 0 px !important; padding-top: 0 !important; padding-bottom: 0 !important; } .results-search.home-search .horizontal-search { margin-top: 0px !important; } .details-search #area_listings form.row { display: flex; align-items: center; gap: 10px; max-width: 1400px; margin: 0 auto; } .details-search #area_listings form.row > .search-item { min-height: 46px; } .details-search #area_listings form.row { margin-left: 0 !important; margin-right: 0 !important; gap: 12px; } /*********** RESULTS SEARCH RESET β€” CLEAN ***********/ .lt-listings-page .horizontal-search.results-search { padding: 0 !important; margin: 0 auto 20px auto !important; background: transparent !important; } .lt-listings-page .horizontal-search.results-search .point1 { max-width: 1476px !important; margin: 0 auto !important; padding: 0 16px !important; box-sizing: border-box !important; } .lt-listings-page .horizontal-search.results-search #search_area { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } .lt-listings-page .horizontal-search.results-search form.row { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 8px !important; margin: 0 !important; } .lt-listings-page .horizontal-search.results-search form.row > * { transform: none !important; margin-top: 0 !important; } .lt-listings-page .horizontal-search.results-search input, .lt-listings-page .horizontal-search.results-search select, .lt-listings-page .horizontal-search.results-search button, .lt-listings-page .horizontal-search.results-search .select2-selection--single { transform: none !important; } /* CHEF ANTI-ROMANCE PATCH πŸ˜‚ */ .lt-listings-page .results-search form.row { gap: 14px !important; } /* Price + beds fields */ .lt-listings-page .results-search .search-form-cell.three-field.price, .lt-listings-page .results-search .search-form-cell.numeric-field { gap: 14px !important; } /* Kill overlap */ .lt-listings-page .results-search .search-form-cell.number { margin-left: 0 !important; } /* Give pills breathing room */ .lt-listings-page .results-search .search-form-cell select, .lt-listings-page .results-search .search-form-cell input, .lt-listings-page .results-search .select2-selection--single { min-width: 150px !important; } /* RESULTS SEARCH β€” sticky search bar */ .lt-listings-page .results-search { position: sticky; top: 0; z-index: 999; background: #f5f5f5; padding-top: 10px; padding-bottom: 10px; } /* keep search rail clean */ .lt-listings-page .results-search #search_area { transition: all 0.2s ease; } /*** HORIZONTAL HOME SEARCH END ***/ /******* added 14052026 ****************/ /* DASHBOARD SEARCH */ /**************************************** SIRAJ DASHBOARD SEARCH β€” PREMIUM ****************************************/ .dashboard-search-bar { padding: 18px 0 10px; } /* FORM ROW */ .siraj-dashboard-search { display: flex; align-items: center; gap: 12px; width: 100%; max-width: 1380px; margin: 0 auto; } /* PILLS */ .siraj-dashboard-search input, .siraj-dashboard-search select, .siraj-dashboard-search button, .siraj-dashboard-search .select2-selection--single { height: 48px !important; border-radius: 999px !important; border: 1px solid #e5e7eb !important; background: #fff !important; font-size: 15px !important; font-weight: 500; color: #111827 !important; transition: all 0.2s ease; box-shadow: 0 1px 2px rgba(0,0,0,0.04); } /* LOCATION FIELD */ .siraj-dashboard-search input[type="text"] { flex: 1; min-width: 380px; padding: 0 22px !important; } /* SELECTS */ .siraj-dashboard-search .select2-container { min-width: 210px !important; } /* SELECT2 FIELD */ .siraj-dashboard-search .select2-selection--single { display: flex !important; align-items: center !important; padding: 0 18px !important; } /* SELECT TEXT */ .siraj-dashboard-search .select2-selection__rendered { line-height: normal !important; color: #111827 !important; padding-left: 2px !important; } /* DROPDOWN ARROW */ .siraj-dashboard-search .select2-selection__arrow { height: 48px !important; right: 14px !important; } /* SEARCH BUTTON */ .siraj-dashboard-search button { min-width: 135px; background: linear-gradient( 135deg, #d4aa2a, #b88a00 ) !important; color: #fff !important; border: none !important; font-weight: 700; cursor: pointer; padding: 0 28px !important; } /* HOVER */ .siraj-dashboard-search input:hover, .siraj-dashboard-search .select2-selection--single:hover { border-color: #d4aa2a !important; } /* FOCUS */ .siraj-dashboard-search input:focus, .siraj-dashboard-search .select2-container--focus .select2-selection--single { border-color: #d4aa2a !important; box-shadow: 0 0 0 4px rgba(212,170,42,0.12) !important; } /* DROPDOWN */ .select2-dropdown { border-radius: 18px !important; border: 1px solid #eee !important; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.08); } /* DROPDOWN OPTIONS */ .select2-results__option { padding: 12px 16px !important; font-size: 15px; } /* ACTIVE OPTION */ .select2-results__option--highlighted { background: #d4aa2a !important; color: #fff !important; } /******** Added on 14052026 ***********/ /* ========================================================= SIRAJ FINAL SHARED SEARCH ENGINE Home page + search results page use the SAME field layout Added by Chef cleanup ========================================================= */ /* Keep the results search wrapper alive; do not collapse it */ .lt-listings-page .results-search .point1 { height: auto !important; min-height: 0 !important; max-width: 1510px !important; margin-left: auto !important; margin-right: auto !important; padding: 0 24px !important; box-sizing: border-box !important; } /* Results search should not create the huge grey hostage block */ .lt-listings-page .results-search .search-block-content, .lt-listings-page .results-search #search_area { width: 100% !important; max-width: 1510px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; overflow: visible !important; } /* Shared desktop layout */ @media (min-width: 992px) { /* One row for Home + Results */ .home-page #search_area form.row, .lt-listings-page .results-search #search_area form.row { display: flex !important; flex-wrap: nowrap !important; align-items: flex-end !important; gap: 6px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; row-gap: 0 !important; box-sizing: border-box !important; } /* Kill Bootstrap column/row behaviour inside both searches */ .home-page #search_area form.row > *, .lt-listings-page .results-search #search_area form.row > * { float: none !important; width: auto !important; max-width: none !important; flex-basis: auto !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* Every search field behaves like a compact toolbar item */ .home-page #search_area .search-form-cell, .lt-listings-page .results-search #search_area .search-form-cell { flex: 0 0 auto !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* Inner wrappers: no ghost spacing */ .home-page #search_area .search-form-cell > div, .lt-listings-page .results-search #search_area .search-form-cell > div, .home-page #search_area .search-form-cell > div > div, .lt-listings-page .results-search #search_area .search-form-cell > div > div { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* Labels hidden on both Home + Results */ .home-page #search_area .search-form-cell > div > span, .lt-listings-page .results-search #search_area .search-form-cell > div > span, .home-page #search_area .intent-inner > label, .lt-listings-page .results-search #search_area .intent-inner > label, .home-page #search_area .intent-select label, .lt-listings-page .results-search #search_area .intent-select label { display: none !important; } /* Property-for / Buy-Rent intent */ .home-page #search_area .intent-select, .lt-listings-page .results-search #search_area .intent-select { display: flex !important; flex: 0 0 110px !important; width: 110px !important; min-width: 110px !important; max-width: 110px !important; align-self: flex-end !important; margin: 0 !important; padding: 0 !important; visibility: visible !important; opacity: 1 !important; position: relative !important; z-index: 5 !important; } .home-page #search_area .intent-select select, .lt-listings-page .results-search #search_area .intent-select select, .home-page #search_area select#intentSelect, .lt-listings-page .results-search #search_area select#intentSelect { width: 100% !important; min-width: 110px !important; max-width: 110px !important; } /* Location */ .home-page #search_area .search-form-cell.location, .lt-listings-page .results-search #search_area .search-form-cell.location { flex: 0 0 260px !important; width: 260px !important; min-width: 260px !important; max-width: 260px !important; } .home-page #search_area .search-form-cell.location input, .lt-listings-page .results-search #search_area .search-form-cell.location input { width: 100% !important; } /* Property type */ .home-page #search_area .search-form-cell.select, .home-page #search_area .search-form-cell.single-field.select, .lt-listings-page .results-search #search_area .search-form-cell.select, .lt-listings-page .results-search #search_area .search-form-cell.single-field.select { flex: 0 0 200px !important; width: 200px !important; min-width: 200px !important; max-width: 200px !important; } .home-page #search_area .search-form-cell.select select, .home-page #search_area .search-form-cell.select .select2-container, .lt-listings-page .results-search #search_area .search-form-cell.select select, .lt-listings-page .results-search #search_area .search-form-cell.select .select2-container { width: 100% !important; min-width: 200px !important; max-width: 200px !important; } /* Price: Min + Max only; currency hidden */ .home-page #search_area .search-form-cell.three-field.price, .lt-listings-page .results-search #search_area .search-form-cell.three-field.price { flex: 0 0 230px !important; width: 245px !important; min-width: 245px !important; max-width: 245px !important; margin: 0 !important; } .home-page #search_area .search-form-cell.three-field.price > div > div, .lt-listings-page .results-search #search_area .search-form-cell.three-field.price > div > div { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; align-items: center !important; } .home-page #search_area .search-form-cell.three-field.price select[name$="[currency]"], .lt-listings-page .results-search #search_area .search-form-cell.three-field.price select[name$="[currency]"], .lt-listings-page .results-search #search_area select[name="f[price][currency]"] { display: none !important; } .home-page #search_area .search-form-cell.three-field.price select, .lt-listings-page .results-search #search_area .search-form-cell.three-field.price select { width: 125px !important; min-width: 125px !important; max-width: 125px !important; } /* Bedrooms: Min + Max */ .home-page #search_area .search-form-cell.number, .home-page #search_area .search-form-cell.numeric-field, .lt-listings-page .results-search #search_area .search-form-cell.number, .lt-listings-page .results-search #search_area .search-form-cell.numeric-field { flex: 0 0 245px !important; width: 245px !important; min-width: 245px !important; max-width: 245px !important; margin: 0 !important; } .home-page #search_area .search-form-cell.number > div > div, .home-page #search_area .search-form-cell.numeric-field > div > div, .lt-listings-page .results-search #search_area .search-form-cell.number > div > div, .lt-listings-page .results-search #search_area .search-form-cell.numeric-field > div > div { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 6px !important; align-items: center !important; } .home-page #search_area .search-form-cell.number select, .home-page #search_area .search-form-cell.numeric-field select, .lt-listings-page .results-search #search_area .search-form-cell.number select, .lt-listings-page .results-search #search_area .search-form-cell.numeric-field select { width: 122px !important; min-width: 122px !important; max-width: 122px !important; } /* Search button */ .home-page #search_area .search-form-cell.submit, .lt-listings-page .results-search #search_area .search-form-cell.submit { flex: 0 0 120px !important; width: 120px !important; min-width: 120px !important; max-width: 120px !important; margin: 0 !important; padding: 0 !important; } .home-page #search_area .search-form-cell.submit input[type="submit"], .home-page #search_area .search-form-cell.submit button, .lt-listings-page .results-search #search_area .search-form-cell.submit input[type="submit"], .lt-listings-page .results-search #search_area .search-form-cell.submit button { width: 100% !important; min-width: 0 !important; height: 46px !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 14px !important; white-space: nowrap !important; overflow: visible !important; border-radius: 999px !important; background: #d4af37 !important; color: #111 !important; border: none !important; font-weight: 600 !important; } /* Shared control appearance */ .home-page #search_area input, .home-page #search_area select, .home-page #search_area button, .home-page #search_area .select2-selection--single, .lt-listings-page .results-search #search_area input, .lt-listings-page .results-search #search_area select, .lt-listings-page .results-search #search_area button, .lt-listings-page .results-search #search_area .select2-selection--single { height: 46px !important; line-height: 46px !important; border-radius: 999px !important; border: 1.5px solid rgba(212, 175, 55, 0.45) !important; background-color: #fff !important; box-shadow: none !important; box-sizing: border-box !important; margin: 0 !important; font-size: 14px !important; } /* Select2 alignment */ .home-page #search_area .select2-container, .lt-listings-page .results-search #search_area .select2-container { height: 46px !important; } .home-page #search_area .select2-selection--single, .lt-listings-page .results-search #search_area .select2-selection--single { display: flex !important; align-items: center !important; padding-left: 14px !important; padding-right: 34px !important; } .home-page #search_area .select2-selection__rendered, .lt-listings-page .results-search #search_area .select2-selection__rendered { line-height: 46px !important; padding-left: 0 !important; padding-right: 0 !important; white-space: nowrap !important; } .home-page #search_area .select2-selection__arrow, .lt-listings-page .results-search #search_area .select2-selection__arrow { height: 46px !important; right: 10px !important; } /* Custom arrow wrappers */ .home-page #search_area .rm-select-wrap, .lt-listings-page .results-search #search_area .rm-select-wrap { position: relative !important; height: 46px !important; display: flex !important; align-items: center !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; } .home-page #search_area .rm-select-wrap .rm-arrow, .lt-listings-page .results-search #search_area .rm-select-wrap .rm-arrow { position: absolute !important; right: 14px !important; left: auto !important; top: 50% !important; transform: translateY(-50%) !important; pointer-events: none !important; z-index: 2 !important; } /* Hover/focus gold parity */ .home-page #search_area input:hover, .home-page #search_area select:hover, .home-page #search_area .select2-selection--single:hover, .lt-listings-page .results-search #search_area input:hover, .lt-listings-page .results-search #search_area select:hover, .lt-listings-page .results-search #search_area .select2-selection--single:hover { border-color: #d4af37 !important; } .home-page #search_area input:focus, .home-page #search_area select:focus, .home-page #search_area .select2-container--open .select2-selection--single, .home-page #search_area .select2-container--focus .select2-selection--single, .lt-listings-page .results-search #search_area input:focus, .lt-listings-page .results-search #search_area select:focus, .lt-listings-page .results-search #search_area .select2-container--open .select2-selection--single, .lt-listings-page .results-search #search_area .select2-container--focus .select2-selection--single { border-color: #d4af37 !important; box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.18) !important; outline: none !important; } } /* Tablet safety */ @media (max-width: 991px) { .lt-listings-page .results-search #search_area form.row { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; } .lt-listings-page .results-search #search_area .search-form-cell, .lt-listings-page .results-search #search_area .intent-select { flex: 1 1 220px !important; min-width: 220px !important; max-width: none !important; } } /* Mobile safety: desktop hero search stays hidden as currently configured */ @media (max-width: 767px) { .lt-listings-page .results-search #search_area form.row { flex-direction: column !important; align-items: stretch !important; } .lt-listings-page .results-search #search_area .search-form-cell, .lt-listings-page .results-search #search_area .intent-select, .lt-listings-page .results-search #search_area input, .lt-listings-page .results-search #search_area select, .lt-listings-page .results-search #search_area button { width: 100% !important; height:40px; min-width: 0 !important; max-width: 100% !important; } } /* ========================================= FINAL SEARCH NORMALIZATION ========================================= */ @media (max-width: 767px) { .home-page #search_area input, .home-page #search_area select, .home-page #search_area .select2-selection--single, .home-page #search_area button { height: 40px !important; min-height: 40px !important; max-height: 40px !important; line-height: 40px !important; border-radius: 999px !important; display: flex !important; align-items: center !important; box-sizing: border-box !important; } } .lt-listings-page #search_area input, .lt-listings-page #search_area select, .lt-listings-page #search_area .select2-selection--single, .lt-listings-page #search_area button { height: 40px !important; min-height: 40px !important; max-height: 40px !important; line-height: 40px !important; border-radius: 999px !important; display: flex !important; align-items: center !important; box-sizing: border-box !important; } /* Select2 rendered text */ .home-page #search_area .select2-selection__rendered, .lt-listings-page #search_area .select2-selection__rendered { line-height: 40px !important; } /* Buy/Rent select fix */ .home-page #intentSelect, .lt-listings-page #intentSelect { line-height: normal !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* Kill old translate hacks */ .home-page #search_area *, .lt-listings-page #search_area * { transform: none !important; } /* FINAL LABEL VISIBILITY FIX */ /* Native selects */ .home-page #search_area select, .lt-listings-page #search_area select { line-height: normal !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* Select2 rendered labels */ .home-page #search_area .select2-selection__rendered, .lt-listings-page #search_area .select2-selection__rendered { line-height: 40px !important; } /* Beds + Price specifically */ .home-page .search-form-cell.three-field.price select, .home-page .search-form-cell.numeric-field select, .lt-listings-page .search-form-cell.three-field.price select, .lt-listings-page .search-form-cell.numeric-field select { padding-top: 1px !important; } /* FINAL PRICE + BEDROOM LABEL WIDTH FIX */ .home-page .search-form-cell.three-field.price select, .home-page .search-form-cell.numeric-field select, .lt-listings-page .search-form-cell.three-field.price select, .lt-listings-page .search-form-cell.numeric-field select { padding-left: 16px !important; padding-right: 42px !important; min-width: 132px !important; } /* Select2 rendered text breathing room */ .home-page .search-form-cell .select2-selection__rendered, .lt-listings-page .search-form-cell .select2-selection__rendered { padding-right: 38px !important; } /* FIX SHY LABELS */ .siraj-global-search .field-price .select2-selection__rendered, .siraj-global-search .field-max_price .select2-selection__rendered, .siraj-global-search .field-max_bedrooms .select2-selection__rendered { padding-right: 32px !important; overflow: visible !important; text-overflow: unset !important; } /* ========================================= PREVENT FLYNAX SEARCH FLASH ========================================= */ #search_area { animation: sirajSearchReveal 0s ease forwards; animation-delay: 0.10s; opacity: 0; } @keyframes sirajSearchReveal { to { opacity: 1; } } /* ===== END SIRAJ FINAL SHARED SEARCH ENGINE ===== */ /* πŸ”₯ FORCE FULL WIDTH LISTINGS PAGE */ @media (min-width: 992px) { body.lt-listings-page .main-grid { display: block !important; } body.lt-listings-page .col-lg-9 { width:100% !important; max-width: 100% !important; flex: 0 0 100% !important; display: block !important; } body.lt-listings-page .content-area, body.lt-listings-page #content, body.lt-listings-page .main-content { width: 100% !important; max-width: 100% !important; } } /* πŸ”₯ REMOVE EMPTY SIDEBAR SPACE ON PROPERTIES PAGE */ @media (min-width: 992px) { body.lt-listings-page aside.left.col-lg-4 { display: none !important; } body.lt-listings-page #content.col-lg-8, body.lt-listings-page section#content { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } } /* πŸ”₯ ELITE AGENT MINI AVATAR */ .agent-badge.elite-agent { position: absolute; top: 14px; right: 14px; width: 52px; height: 52px; border-radius: 50%; overflow: hidden; border: 3px solid #fff; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.18), 0 0 0 3px #d4af37; z-index: 15; } /* IMAGE */ .agent-badge.elite-agent img { width: 100%; height: 100%; object-fit: cover; display: block; } /* πŸ”₯ OPTIONAL ELITE GLOW */ .agent-badge.elite-agent::after { content: "β˜…"; position: absolute; bottom: -2px; right: -2px; width: 20px; height: 20px; border-radius: 50%; background: #d4af37; color: #fff; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 6px rgba(0,0,0,0.25); } .listing-card .picture { position: relative; } /* πŸ”₯ ELITE AGENT BADGE */ .elite-agent-label { position: absolute; top: 54px; left: 16px; z-index: 20; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: #0f0f0f; border: 2px solid #d4af37; color: #d4af37; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; box-shadow: 0 0 12px rgba(212,175,55,0.25); line-height: 1; } /* πŸ”₯ LISTING AGENT STRIP */ .listing-agent-strip { display: flex; align-items: center; gap: 8px; margin-top: 8px; margin-bottom: 10px; } /* avatar */ .listing-agent-avatar img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; border: 1px solid #d4af37; } /* name */ .listing-agent-name { font-size: 12px; font-weight: 600; color: #666; } /* πŸ”₯ AGENT AVATAR */ .listing-agent-avatar { width: 54px !important; height: 54px !important; min-width: 54px !important; overflow: hidden; border-radius: 50%; } .listing-agent-avatar img { width: 54px !important; height: 54px !important; min-width: 54px !important; max-width: 54px !important; object-fit: cover !important; border-radius: 50% !important; display: block !important; border: 1px solid #d4af37 !important; } .listing-agency-avatar { position: absolute; top: 14px; right: 14px; z-index: 15; } .listing-agent-avatar { position: absolute; bottom: 14px; left: 14px; z-index: 15; } .listing-agency-avatar { position: absolute; top: 10px; right: 20px; z-index: 15; } /* ========================================= AGENT PAGE FINAL STRUCTURE ========================================= */ .seller-short{ width:900px !important; display:block !important; } .agent-modern-card{ width:800px; max-width:800px; background:#fff !important; border-radius:28px; overflow:hidden; box-shadow:0 10px 35px rgba(0,0,0,0.08); padding:40px; margin-bottom:40px; display:flex; align-items:center; gap:40px; } .agent-modern-right{ flex:1; } .agent-modern-photo img{ width:170px; height:170px; border-radius:50%; object-fit:cover; } @media (max-width:768px){ .agent-modern-card{ flex-direction:column; text-align:center; } } /******** added 22052026 ********/ /* ========================================= MODERN AGENT PROFILE ========================================= */ .seller-short{ background:#fff; border-radius:28px; padding:40px; box-shadow:0 10px 35px rgba(0,0,0,0.08); margin-bottom:40px; } .seller-short .picture{ margin-bottom:25px; } .seller-short .picture img{ width:170px; height:170px; border-radius:50%; object-fit:cover; border:5px solid #f4f4f4; } .modern-agent-info{ display:flex; flex-direction:column; } .modern-agent-name{ font-size:48px; font-weight:800; line-height:1.1; margin-bottom:16px; color:#111; } .modern-agent-name a{ color:#111 !important; text-decoration:none !important; } .modern-agent-name .type{ font-size:18px; color:#777; font-weight:500; margin-top:12px; } .modern-agent-about{ font-size:17px; line-height:1.8; color:#555; margin-top:22px; max-width:850px; } .listings-button{ margin-top:30px; } .listings-button .button{ background:#0d6efd !important; border:none !important; border-radius:14px !important; padding:14px 26px !important; color:#fff !important; font-weight:700 !important; box-shadow:none !important; } .owner-details{ margin-top:35px; border-top:1px solid #eee; padding-top:30px; } .owner-details .info-table{ border:none !important; } .owner-details .table-cell{ padding:14px 0 !important; border-bottom:1px solid #f2f2f2; } .owner-details .name{ font-weight:700; color:#888; } .owner-details .value{ color:#222; } @media (max-width:768px){ .seller-short{ padding:28px 22px; } .modern-agent-name{ font-size:34px; } .seller-short .picture img{ width:130px; height:130px; } } /* Restore listings width */ #listings .listings{ max-width:800px; } #listings .item{ width:800px; } .account-content #listings{ margin-top:40px; clear:both; } /* ========================================= AGENT LISTING CARD WIDTH ========================================= */ .listing-card.featured-style{ max-width:900px; margin-left:auto; margin-right:auto; width:100%; } /* Remove outer wrapper look */ .side_block.seller-short{ background:transparent !important; box-shadow:none !important; padding:0 !important; border:none !important; } /******** added 23052026 ***********/ /* ========================================= AGENCY HERO ========================================= */ .seller-short{ background:#fff; border-radius:32px; padding:50px; margin-bottom:50px; box-shadow:0 12px 40px rgba(0,0,0,0.08); } /* TOP SECTION */ .seller-short .picture{ margin-right:40px; } .seller-short .picture img{ width:180px; height:180px; border-radius:50%; object-fit:cover; border:6px solid #f4f4f4; } /* AGENCY NAME */ .seller-short .name{ font-size:34px; font-weight:800; line-height:1.1; color:#111; } .seller-short .type{ font-size:20px; color:#777; margin-top:14px; font-style:normal !important; } /* COUNTERS */ .seller-short .counter{ font-size:26px; font-weight:800; color:#111; } .seller-short .counter + span{ font-size:18px; color:#666; } /* OWNER DETAILS TABLE */ .owner-details{ margin-top:40px; border-top:1px solid #eee; padding-top:30px; } .owner-details .table-cell{ padding:16px 0; border-bottom:1px solid #f3f3f3; } .owner-details .name{ font-size:15px; font-weight:700; color:#999; } .owner-details .value{ font-size:17px; color:#222; } /* CONTACT FORM */ .contact-form textarea{ border-radius:18px !important; } .contact-form .button{ border-radius:16px !important; height:56px; font-size:18px; font-weight:700; } /* MOBILE */ @media (max-width:768px){ .seller-short{ padding:30px 22px; } .seller-short .name{ font-size:38px; } .seller-short .picture img{ width:120px; height:120px; } } /* ========================================= AGENCY AGENTS GRID ========================================= */ #agents_tab .account{ background:#fff; border-radius:24px; overflow:hidden; box-shadow:0 8px 30px rgba(0,0,0,0.06); transition:all .25s ease; padding-bottom:25px; } #agents_tab .account:hover{ transform:translateY(-6px); } #agents_tab .picture img{ width:120px; height:120px; border-radius:50%; object-fit:cover; margin:25px auto 15px; display:block; } #agents_tab .name{ text-align:center; font-size:24px; font-weight:700; margin-bottom:10px; } #agents_tab .counter{ text-align:center; display:block; font-size:16px; color:#777; } #agents_tab .address{ text-align:center; color:#999; font-size:15px; margin-top:12px; } /* ========================= MOBILE LISTING CARDS ========================= */ @media (max-width: 768px){ .listing-card.featured-style{ display:flex; flex-direction:column; padding:14px; border-radius:20px; overflow:hidden; } /* IMAGE */ .listing-card.featured-style .picture{ width:100%; margin:0 0 14px 0; } .listing-card.featured-style .picture img{ width:100%; height:240px; object-fit:cover; border-radius:16px; } /* CONTENT */ .listing-card.featured-style .card-info{ width:100%; padding:0; } /* PRICE */ .listing-card.featured-style .price{ position:static; margin:12px 0; font-size:38px; line-height:1; font-weight:700; } /* TITLE */ .listing-card.featured-style .title{ margin:10px 0; line-height:1.4; } .listing-card.featured-style .title a{ font-size:24px; line-height:1.4; } /* SERVICES */ .listing-card.featured-style .services{ display:flex; flex-wrap:wrap; gap:16px; margin:14px 0; } /* CONTACT BUTTONS */ .listing-card.featured-style .contact-actions{ display:flex; flex-direction:column; gap:12px; margin-top:20px; } .listing-card.featured-style .contact-btn{ width:100%; height:52px; border-radius:14px; font-size:18px; justify-content:center; } /* FAVORITE */ .listing-card.featured-style .favorite{ position:absolute; top:18px; right:18px; z-index:5; } } /* ========================================= MOBILE REAL SEARCH TRANSFORM ========================================= */ /* ========================================= MOBILE SEARCH SAFE FIX ========================================= @media (max-width:768px){ #search_area{ overflow-x:auto !important; overflow-y:visible !important; -webkit-overflow-scrolling:touch; padding-bottom:12px; } #search_area .search-block-content{ min-width:720px; } #search_area::-webkit-scrollbar{ height:6px; } #search_area::-webkit-scrollbar-thumb{ background:#d4aa00; border-radius:20px; } }*/ /********* added 29052026 ************/ /* SIRAJ MOBILE HOME SEARCH - CLEAN COMPACT @media (max-width: 767px) { section.home-search { display: block !important; visibility: visible !important; height: auto !important; min-height: 0 !important; overflow: hidden !important; padding: 12px 14px 20px !important; } #search_area, #search_area .search-block-content, #search_area .search_tab_area, #search_area form.row { width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: visible !important; margin: 0 auto !important; box-sizing: border-box !important; } #search_area form.row { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 12px !important; } #search_area .search-form-cell.price, #search_area .search-form-cell.number, #search_area .search-form-cell.select:not(.location), #search_area .search-form-cell.checkbox-field, #search_area .search-form-cell.radio, #search_area .siraj-master-field { display: none !important; } #search_area .intent-select, #search_area .intent-inner, #search_area #intentSelect { width: 260px !important; max-width: 260px !important; min-width: 0 !important; margin: 0 auto !important; box-sizing: border-box !important; } #search_area .search-form-cell.location { display: block !important; width: 200px !important; max-width: 200px !important; margin: 0 auto !important; } #siraj_location_text { width: 260px !important; max-width: 260px !important; height: 44px !important; border-radius: 999px !important; font-size: 15px !important; padding: 0 18px !important; box-sizing: border-box !important; } #search_area .search-form-cell.submit { display: block !important; width: 260px !important; max-width: 260px !important; margin: 0 auto !important; } #search_area .search-form-cell.submit input[type="submit"] { width: 80px !important; max-width: 80px !important; height: 40px !important; border-radius: 999px !important; font-size: 16px !important; font-weight: 700 !important; box-sizing: border-box !important; } } */ /******* added 31052026 ********/ @media (max-width:767px) { #search_area form.row{ display:flex !important; flex-direction:column !important; gap:10px !important; align-items:center !important; } .intent-select, .search-form-cell.location, .search-form-cell.submit{ margin:0 !important; padding:0 !important; } .intent-select{ width:260px !important; } .search-form-cell.location{ width:260px !important; } .search-form-cell.submit{ width:260px !important; } } /********added 01062026 ***********/ /* ===================================== MOBILE HOME SEARCH β€” FINAL OVERRIDE ===================================== */ @media (max-width: 767px) { .home-page #search_area { position: relative !important; top: auto !important; left: auto !important; right: auto !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 10px 14px !important; box-sizing: border-box !important; } .home-page #search_area .search-block-content { width: 100% !important; max-width: 100% !important; padding: 10px !important; box-sizing: border-box !important; } .home-page #search_area form.row { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: center !important; gap: 10px !important; margin: 0 !important; } .home-page #search_area .search-form-cell, .home-page #search_area .intent-select { flex: none !important; width: 260px !important; max-width: 260px !important; min-width: 0 !important; margin: 0 auto !important; padding: 0 !important; } .home-page #search_area .search-form-cell.single-field.select, .home-page #search_area .search-form-cell.three-field.price, .home-page #search_area .search-form-cell.numeric-field.number { display: none !important; } .home-page #search_area input, .home-page #search_area select, .home-page #search_area .select2-selection--single { width: 100% !important; height: 40px !important; box-sizing: border-box !important; } .home-page #search_area input[type="submit"] { width: 100% !important; height: 40px !important; } } /* MOBILE SEARCH β€” KILL DESKTOP FLEX */ @media (max-width: 767px) { .home-page #search_area form.row { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: center !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; } .home-page #search_area .intent-select, .home-page #search_area .search-form-cell.location, .home-page #search_area .search-form-cell.submit { flex: 0 0 auto !important; width: 260px !important; min-width: 260px !important; max-width: 260px !important; margin: 0 auto !important; } .home-page #search_area .search-form-cell.submit input[type="submit"], .home-page #search_area #siraj_location_text, .home-page #search_area .intent-select select { width: 100% !important; height: 44px !important; box-sizing: border-box !important; } } /* SEARCH RESULTS MOBILE β€” CLIP THE CRIMINAL TWIN @media (max-width:767px), (orientation:landscape) and (max-height:500px){ .lt-listings-page .results-search #search_area .search-form-cell.location{ flex:1 1 auto !important; min-width:0 !important; width:auto !important; max-width:none !important; } .lt-listings-page .results-search #search_area .search-form-cell.submit{ flex:0 0 110px !important; width:110px !important; max-width:110px !important; min-width:110px !important; } } @media (max-width:767px), (orientation:landscape) and (max-height:500px){ .home-page .intent-select > span, .home-page .search-form-cell.location > div > span{ display:none !important; } } @media (max-width:767px), (orientation:landscape) and (max-height:500px){ .home-page #search_area form.row{ gap:8px !important; } .home-page .search-form-cell.location, .home-page .search-form-cell.submit{ margin:0 !important; } } .rm-mobile-tabs { display: flex !important; width: 100% !important; border: 1px solid #d6d6d6 !important; border-radius: 6px !important; overflow: hidden !important; margin-bottom: 12px !important; } @media (max-width:767px), (orientation:landscape) and (max-height:500px){ .rm-mobile-tabs{ border-radius:24px; overflow:hidden; margin-bottom:12px; } .rm-tab{ height:40px; border:none; background:#fff; color:#666; font-weight:600; } .rm-tab.active{ background:#d4af37; color:#fff; } } */ /* MOBILE HOME β€” PF STYLE TABS FIX @media (max-width:767px), (orientation:landscape) and (max-height:500px){ .home-page #search_area .intent-select{ width: 320px !important; max-width: 320px !important; min-width: 320px !important; padding: 0 !important; margin: 18px auto 12px !important; } .home-page #search_area .intent-inner{ width: 100% !important; } .home-page #search_area .rm-mobile-tabs{ display: flex !important; width: 100% !important; height: 40px !important; border: 1.5px solid #d4af37 !important; border-radius: 999px !important; overflow: hidden !important; background: #fff !important; } .home-page #search_area .rm-mobile-tabs .rm-tab{ flex: 1 1 0 !important; width: 33.333% !important; min-width: 0 !important; height: 38px !important; line-height: 38px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: #fff !important; color: #555 !important; font-size: 15px !important; font-weight: 700 !important; text-align: center !important; } .home-page #search_area .rm-mobile-tabs .rm-tab + .rm-tab{ border-left: 1px solid rgba(212,175,55,.45) !important; } .home-page #search_area .rm-mobile-tabs .rm-tab.active{ background: #d4af37 !important; color: #fff !important; border-radius: 999px !important; } }*/ /* ===================================================== SIRAJ PF MOBILE SEARCH v1 DO NOT TOUCH DESKTOP ===================================================== */ /* @media (max-width:767px), (orientation:landscape) and (max-height:500px){ .home-page #search_area form.row{ display:flex !important; flex-direction:column !important; align-items:center !important; gap:12px !important; width:100% !important; margin:0 !important; } .home-page #search_area .search-form-cell.single-field.select, .home-page #search_area .search-form-cell.three-field.price, .home-page #search_area .search-form-cell.numeric-field.number, .home-page #search_area .search-form-cell.checkbox-field.radio{ display:none !important; } .home-page .intent-select{ display:none !important; } .home-page #search_area .search-form-cell.location{ width:320px !important; max-width:320px !important; min-width:320px !important; flex:none !important; margin:0 auto !important; } .home-page #siraj_location_text{ width:100% !important; height:40px !important; border-radius:999px !important; box-sizing:border-box !important; } /* Hide submit for now .home-page #search_area .search-form-cell.submit{ display:none !important; } } */ @media (max-width:767px) { .rm-mobile-tabs{ display:flex !important; width:320px !important; max-width:320px !important; margin:20px auto 12px !important; border:1px solid #d4af37 !important; border-radius:999px !important; overflow:hidden !important; background:#fff !important; } .rm-mobile-tabs .rm-tab{ flex:1 1 0 !important; height:38px !important; line-height:38px !important; border:none !important; border-radius:0 !important; background:#fff !important; font-size:14px !important; font-weight:600 !important; color:#555 !important; } .rm-mobile-tabs .rm-tab.active{ background:#d4af37 !important; color:#fff !important; } } @media (max-width:767px) { .home-page .search-form-cell.location{ position:relative !important; } .home-page .rm-search-btn{ position:absolute; right:6px; top:50%; transform:translateY(-50%); width:38px; height:38px; border:none; border-radius:50%; background:#d4af37; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:10; } .home-page #siraj_location_text{ padding-right:55px !important; } /**** .home-page .search-form-cell.submit{ display:none !important; }*/ } .siraj-mobile-only{ display:none !important; } @media (max-width:767px), (orientation:landscape) and (max-height:500px){ .siraj-mobile-only{ display:flex !important; } } /*************** added 04062026 *************/ @media (max-width:767px) { .home-page #search_area form.row, .lt-listings-page #search_area form.row{ width:86% !important; max-width:360px !important; min-width:280px !important; margin:0 auto !important; display:flex !important; flex-direction:column !important; align-items:center !important; gap:12px !important; } .home-page #search_area .rm-mobile-tabs, .lt-listings-page #search_area .rm-mobile-tabs, .home-page #search_area .search-form-cell.location, .lt-listings-page #search_area .search-form-cell.location, .home-page #search_area .search-form-cell.submit, .lt-listings-page #search_area .search-form-cell.submit{ width:100% !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; } #siraj_location_text, .search-form-cell.submit input[type="submit"]{ width:100% !important; height:40px !important; box-sizing:border-box !important; } } @media (max-width:767px), (orientation:landscape) and (max-height:500px){ .search-form-cell.submit input[type="submit"]{ background:#d4af37 !important; border:2px solid #d4af37 !important; color:#fff !important; border-radius:999px !important; box-shadow:none !important; } .search-form-cell.submit input[type="submit"]:hover, .search-form-cell.submit input[type="submit"]:focus{ background:#c79f24 !important; border-color:#c79f24 !important; } } /* SIRAJ LOCATION FIELD */ #siraj_location_text{ background:#ffffff !important; border:2px solid #d4af37 !important; border-radius:999px !important; color:#444 !important; box-shadow:none !important; transition:all .2s ease; } #siraj_location_text:focus{ background:#ffffff !important; border:2px solid #d4af37 !important; box-shadow:0 0 0 3px rgba(212,175,55,.20) !important; outline:none !important; } /* SIRAJ MOBILE TABS */ .siraj-mobile-only .rm-mobile-tabs{ border:2px solid #d4af37 !important; border-radius:999px !important; background:#fff !important; overflow:hidden !important; } .siraj-mobile-only .rm-tab{ background:#fff !important; color:#555 !important; font-weight:600 !important; border:none !important; transition:all .2s ease; } /* .siraj-mobile-only .rm-tab.active{ background:#d4af37 !important; color:#fff !important; } */ /* HOMEPAGE MOBILE TABS */ .home-page .rm-mobile-tabs .rm-tab.active, .home-page .rm-mobile-tabs .rm-tab:focus{ background:#d4af37 !important; color:#fff !important; } .home-page .rm-mobile-tabs .rm-tab:active{ background:#c79f24 !important; color:#fff !important; } /* HOME MOBILE TABS β€” COPY RESULTS PAGE STYLE */ @media (max-width:767px) { .home-page .rm-mobile-tabs{ display:flex !important; width:320px !important; max-width:320px !important; height:40px !important; margin:20px auto 12px !important; border:2px solid #d4af37 !important; border-radius:999px !important; overflow:hidden !important; background:#fff !important; } .home-page .rm-mobile-tabs .rm-tab{ flex:1 1 0 !important; width:33.333% !important; height:40px !important; line-height:40px !important; padding:0 !important; margin:0 !important; border:0 !important; border-radius:0 !important; background:#fff !important; color:#555 !important; font-size:15px !important; font-weight:700 !important; text-align:center !important; } .home-page .rm-mobile-tabs .rm-tab + .rm-tab{ border-left:1px solid rgba(212,175,55,.45) !important; } .home-page .rm-mobile-tabs .rm-tab:first-child.active{ border-radius:999px !important; } .home-page .rm-mobile-tabs .rm-tab:nth-child(2).active{ border-radius:999px !important; } .home-page .rm-mobile-tabs .rm-tab:last-child.active{ border-radius:999px !important; } .home-page .rm-mobile-tabs .rm-tab:hover, .home-page .rm-mobile-tabs .rm-tab:focus{ background:#d4af37 !important; color:#fff !important; } .home-page .rm-mobile-tabs .rm-tab:active{ background:#c79f24 !important; color:#fff !important; } } .home-page .rm-mobile-tabs .rm-tab.active{ background:#d4af37 !important; color:#fff !important; border-radius:999px !important; } /***** added 06062026 ********/ @media (max-width:767px) { /* Tabs */ .rm-mobile-tabs{ height:40px !important; } .rm-mobile-tabs .rm-tab{ height:40px !important; line-height:40px !important; font-size:14px !important; } /* Location */ #siraj_location_text{ height:40px !important; font-size:14px !important; } /* Search */ .search-form-cell.submit input[type="submit"]{ height:40px !important; font-size:14px !important; } } /*.siraj-mobile-only .rm-tab.active{ background:#d4af37 !important; color:#fff !important; height:48px !important; line-height:48px !important; margin:-3px 1 !important; */ .siraj-mobile-only .rm-tab{ height:40px !important; line-height:40px !important; } .siraj-mobile-only .rm-tab.active{ height:40px !important; line-height:40px !important; /** margin:2px !important;*/ border-radius:999px !important; } @media (max-width:767px) { #search_area form.row{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; gap:8px !important; } #search_area .rm-mobile-tabs{ flex:0 0 100% !important; width:100% !important; } #search_area .search-form-cell.location{ flex:1 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; } #search_area .search-form-cell.submit{ flex:0 0 110px !important; width:110px !important; min-width:110px !important; max-width:110px !important; margin:0 !important; } } @media (max-width:767px) { .home-page #search_area form[name="map-search-form"].row{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; gap:8px !important; margin-left:0 !important; margin-right:0 !important; } .home-page #search_area .rm-mobile-tabs{ flex:0 0 100% !important; width:100% !important; order:1 !important; } .home-page #search_area .search-form-cell.siraj-master-field{ display:none !important; } .home-page #search_area .search-form-cell.location{ order:2 !important; flex:1 1 calc(100% - 118px) !important; width:calc(100% - 118px) !important; max-width:calc(100% - 118px) !important; min-width:0 !important; margin:0 !important; padding:0 !important; } .home-page #search_area .search-form-cell.submit{ order:3 !important; flex:0 0 110px !important; width:110px !important; max-width:110px !important; min-width:110px !important; margin:0 !important; padding:0 !important; } .home-page #search_area .search-form-cell.submit > div, .home-page #search_area .search-form-cell.submit > div > div{ width:100% !important; margin:0 !important; padding:0 !important; } .home-page #search_area .search-form-cell.submit input[type="submit"]{ width:110px !important; min-width:110px !important; max-width:110px !important; height:44px !important; margin:0 !important; } .home-page #search_area #siraj_location_text{ width:100% !important; height:44px !important; margin:0 !important; } } @media (max-width:767px) { .home-page #search_area .search-form-cell.submit, .lt-listings-page #search_area .search-form-cell.submit{ flex:0 0 110px !important; width:110px !important; min-width:110px !important; max-width:110px !important; margin:0 !important; padding:0 !important; } .home-page #search_area .search-form-cell.submit input[type="submit"], .lt-listings-page #search_area .search-form-cell.submit input[type="submit"]{ width:110px !important; max-width:110px !important; height:44px !important; border-radius:999px !important; font-size:16px !important; font-weight:700 !important; box-sizing:border-box !important; } } @media (max-width:767px), (orientation:landscape) and (max-height:500px){ .lt-listings-page .results-search .point1{ height:auto !important; min-height:auto !important; padding:20px 0 !important; margin:0 !important; } } @media (max-width:767px) { .lt-listings-page .results-search #search_area form.row{ width:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; gap:8px !important; } .lt-listings-page .results-search #search_area .rm-mobile-tabs{ flex:0 0 100% !important; width:100% !important; } .lt-listings-page .results-search #search_area .search-form-cell.location{ flex:1 1 auto !important; width:auto !important; min-width:0 !important; max-width:none !important; margin:0 !important; } .lt-listings-page .results-search #search_area .search-form-cell.submit{ flex:0 0 110px !important; width:110px !important; min-width:110px !important; max-width:110px !important; margin:0 !important; } .lt-listings-page .results-search #search_area .search-form-cell.location > div > span{ display:none !important; } } .home-page #search_area { background: transparent !important; } /* ===================================== SIRAJ HOMEPAGE HERO added 07062026 ===================================== */ .home-page .point1{ /* background-image:url('../img/search-bg.jpg'); */ background-size:cover; background-position:center center; background-repeat:no-repeat; min-height:500px; display:flex; align-items:center; justify-content:center; position:relative; } .home-page .point1:before{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.35); z-index:1; } .home-page #search_area{ position:relative; z-index:2; } .home-page .search-block-content{ background:#21a6681f !important; backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.15); border-radius:999px !important; box-shadow: 0 8px 30px rgba(0,0,0,.15); } @media (max-width:767px) { .home-page .point1{ min-height:320px; background-position:center center; } } @media (max-width:767px) { .home-page #search_area .search-form-cell.location{ flex:1 1 auto !important; width:auto !important; min-width:0 !important; max-width:calc(100% - 120px) !important; } .home-page #search_area .search-form-cell.submit{ flex:0 0 100px !important; width:100px !important; min-width:100px !important; max-width:100px !important; } } /* ===================================== MOBILE HOME β€” REDUCED DESKTOP SEARCH ===================================== */ @media (max-width:767px) { /* keep the desktop-style search wrapper full width */ .home-page #search_area{ width:100% !important; max-width:420px !important; position:relative !important; top:auto !important; left:auto !important; right:auto !important; padding:0 !important; } .home-page .search-block-content{ width:100% !important; max-width:420px !important; border-radius:28px !important; padding:14px !important; box-sizing:border-box !important; } /* reduced mobile layout */ .home-page #search_area form.row{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; gap:8px !important; width:100% !important; max-width:100% !important; margin:0 !important; } /* tabs full row */ .home-page #search_area .rm-mobile-tabs{ display:flex !important; flex:0 0 100% !important; width:100% !important; margin:0 0 8px 0 !important; order:1 !important; } /* hide desktop extras */ .home-page #search_area .search-form-cell.siraj-master-field, .home-page #search_area .search-form-cell.single-field.select, .home-page #search_area .search-form-cell.three-field.price, .home-page #search_area .search-form-cell.numeric-field.number, .home-page #search_area .intent-select{ display:none !important; } /* location + search same row */ .home-page #search_area .search-form-cell.location{ display:block !important; order:2 !important; flex:1 1 0 !important; min-width:0 !important; width:auto !important; max-width:none !important; margin:0 !important; padding:0 !important; } .home-page #search_area .search-form-cell.submit{ display:block !important; order:3 !important; flex:0 0 100px !important; width:100px !important; min-width:100px !important; max-width:100px !important; margin:0 !important; padding:0 !important; } .home-page #siraj_location_text, .home-page #search_area .search-form-cell.submit input[type="submit"]{ height:40px !important; border-radius:999px !important; box-sizing:border-box !important; } .home-page #siraj_location_text{ width:100% !important; padding:0 14px !important; } .home-page #search_area .search-form-cell.submit input[type="submit"]{ width:100% !important; font-size:14px !important; font-weight:700 !important; } .home-page #search_area .search-form-cell.location > div > span{ display:none !important; } } @media (max-width:767px) { .home-page #search_area .search-block-content{ min-width:auto !important; width:100% !important; max-width:100% !important; } } @media (max-width:767px) { .home-page #search_area{ margin-top:320px !important; } } @media (max-width:767px) { .home-page .caption{ width:90% !important; max-width:none !important; margin:0 auto !important; text-align:center !important; } .home-page .caption h1{ width:100% !important; max-width:none !important; display:block !important; font-size:48px !important; line-height:1.15 !important; white-space:normal !important; word-break:normal !important; } } /********* added 08062026 ********/ @media (max-width:767px) { .home-page section.home-search .point1{ display:block !important; position:relative !important; } .home-page section.home-search h1.align-center{ width:100% !important; max-width:100% !important; margin:40px auto 0 !important; padding:0 18px !important; display:block !important; text-align:center !important; white-space:normal !important; overflow:visible !important; font-size:30px !important; line-height:1.15 !important; box-sizing:border-box !important; position:relative !important; z-index:2 !important; } } @media (max-width:767px) { .home-page h1.align-center{ position:relative !important; top:80px !important; width:90% !important; margin:0 auto !important; text-align:center !important; font-size:32px !important; line-height:1.2 !important; } } @media (max-width:767px) { .home-page h1.align-center{ color:#FFF4C4; text-shadow: 0 3px 15px rgba(0,0,0,.35), 0 0 20px rgba(212,175,55,.20); font-weight:300 !important; } } @media (max-width:767px), (orientation:landscape) and (max-height:500px){ /* mobile homepage search */ } @media (orientation:landscape) and (max-height:500px){ .home-page #search_area{ left:50% !important; transform:translateX(-50%) !important; position:relative !important; } } /***** added 15062026 *********/ /*div#logo { width: 190px; } div#logo img { width: 100%; height: 80px; } */ /* Siraj header logo positioning */ .home-page #logo{ margin-top:0 !important; height:auto !important; } .home-page #logo img{ display:block !important; width:290px !important; height:auto !important; max-height:280px !important; } /********* menu on mobile not showing properly *****/ .point1 { position: relative; z-index: 1 !important; } /*********** added 16062026 *********/ @media (max-width: 991px){ header.page-header{ overflow: visible !important; } section.main-menu, section.main-menu .point1, nav.menu, .main-menu-wrap{ overflow: visible !important; } section.main-menu nav.menu ul.menu.show{ z-index: 99999 !important; } } @media (max-width:767px){ #logo{ height:auto !important; margin:0 !important; } #logo img{ width:220px !important; max-width:220px !important; height:auto !important; display:block !important; } } header.page-header #logo img{ width:220px !important; height:auto !important; max-width:220px !important; } header.page-header #logo img{ width:auto !important; height:150px !important; max-height:150px !important; } /* SIRAJ LOGO - GLOBAL SAFE VERSION */ header.page-header #logo { width: 220px !important; height: 120px !important; overflow: visible !important; } header.page-header #logo img { width: 220px !important; height: auto !important; max-height: 120px !important; object-fit: contain !important; display: block !important; } /********** added 17062026 *********/ .listing-agency-avatar { width: 80px; height: 80px; } .listing-agency-avatar img { width: 80px; height: 80px; object-fit: contain; } .account-location{ display:none !important; } #content > h1{ display:none !important; } .content_block.get_more_details { display: none !important; } .listing-details section.content-section{ border-radius: 24px; overflow: hidden; box-shadow: 0 8px 25px rgba(0,0,0,.08); } /********** added 18062026 *************/ .listing-details.details.loc-exists{ background:none !important; border:none !important; box-shadow:none !important; } /******** added 05072026 ******/ /* RESULTS PAGE MOBILE SEARCH CLEANUP ONLY */ @media (max-width: 767px) { .lt-listings-page .rm-mobile-tabs, .lt-listings-page .siraj-master-field, .lt-listings-page .three-field.price, .lt-listings-page .numeric-field.number, .lt-listings-page .intent-select, .lt-listings-page .search-form-cell.property-type, .lt-listings-page .search-form-cell.region { display: none !important; } .lt-listings-page .search-form-row { display: flex !important; flex-wrap: nowrap !important; gap: 8px !important; align-items: center !important; } .lt-listings-page .search-form-cell.location { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; } .lt-listings-page .search-form-cell.submit { flex: 0 0 110px !important; width: 110px !important; } .siraj-results-filter-btn{ display:none !important; } } /********* added 07072026 *****************/ /* Dashboard mobile action/menu buttons */ /* Mobile dashboard bottom/account menu fix */ @media (max-width:767px){ .siraj-dashboard .dashboard-actions{ display:flex !important; flex-wrap:wrap !important; justify-content:center !important; gap:10px !important; width:100% !important; margin:16px 0 24px !important; } .siraj-dashboard .dashboard-actions .dashboard-action-btn{ flex:0 1 auto !important; min-width:130px !important; height:42px !important; margin:0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; white-space:nowrap !important; } .siraj-dashboard .dashboard-actions .dashboard-action-btn.primary{ flex:0 0 100% !important; max-width:260px !important; } } /********** edit view listing from dashboard *******/ /* Edit listing map fix */ body.edit-listing-page .gm-style, body.edit-listing-page .gm-style > div, body.edit-listing-page .gm-style div { overflow: hidden !important; } body.edit-listing-page div[id*="map"], body.edit-listing-page div[class*="map"] { overflow: hidden !important; } /********** end 07072026 *******/ #lf_map { width: 100% !important; height: 400px !important; overflow: hidden !important; position: relative !important; } #lf_map .leaflet-tile-container, #lf_map .leaflet-tile-pane, #lf_map .leaflet-layer { width: 100% !important; height: 100% !important; } /********* added 09072026 *********/ .siraj-why-choose { padding: 70px 20px; background: #f7f8f9; } .siraj-why-inner { max-width: 1180px; margin: 0 auto; text-align: center; } .siraj-why-heading span { display: inline-block; margin-bottom: 12px; color: #b8922d; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .siraj-why-heading h2 { margin: 0 0 14px; font-size: 38px; color: #123b2a; } .siraj-why-heading p { margin: 0 auto 38px; max-width: 650px; font-size: 17px; color: #555; } .siraj-why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .siraj-why-card { background: #fff; border-radius: 26px; padding: 36px 28px; box-shadow: 0 18px 45px rgba(0,0,0,0.08); transition: transform .25s ease, box-shadow .25s ease; } .siraj-why-card:hover { transform: translateY(-6px); box-shadow: 0 24px 60px rgba(0,0,0,0.12); } .siraj-why-icon { font-size: 42px; margin-bottom: 18px; } .siraj-why-card h3 { margin: 0 0 12px; font-size: 22px; color: #123b2a; } .siraj-why-card p { margin: 0; font-size: 15px; line-height: 1.7; color: #666; } @media (max-width: 767px) { .siraj-why-choose { padding: 45px 16px; } .siraj-why-heading h2 { font-size: 30px; } .siraj-why-grid { grid-template-columns: 1fr; } } .siraj-why-icon img{ width:220px; height:auto; display:block; margin:0 auto; } /********* added 10072026 *****************/ .siraj-why-logo { display: block; width: 220px; max-width: 100%; height: auto; margin: 0 auto 24px; } .siraj-why-heading { text-align: center; margin-bottom: 42px; } .siraj-why-heading h2 { margin: 0 0 12px; font-size: 42px; color: #123b2a; } .siraj-why-heading h3 { margin: 0 0 18px; font-size: 18px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #b8922d; } .siraj-why-heading p { max-width: 720px; margin: 0 auto; font-size: 18px; line-height: 1.7; color: #666; } .siraj-why-icon img { display: block; width: 200px; height: auto; margin: 0 auto; } .siraj-property-people { margin-top: 48px; padding-top: 34px; text-align: center; border-top: 1px solid rgba(184, 146, 45, 0.28); } .siraj-property-people h2 { margin: 0 0 14px; font-size: 30px; font-weight: 700; color: #123b2a; } .siraj-property-people h2::after { content: ""; display: block; width: 70px; height: 3px; margin: 14px auto 0; border-radius: 999px; background: #b8922d; } .siraj-property-people p { max-width: 760px; margin: 18px auto 0; font-size: 17px; line-height: 1.75; color: #666; } .siraj-property-people strong { color: #123b2a; font-weight: 700; } @media (max-width: 767px) { .siraj-property-people { margin-top: 36px; padding-top: 28px; } .siraj-property-people h2 { font-size: 26px; } .siraj-property-people p { font-size: 16px; } } .siraj-cta-links{ margin-top:35px; text-align:center; } .siraj-register-btn{ display:inline-block; padding:16px 42px; background:#123b2a; color:#fff !important; font-size:17px; font-weight:700; border-radius:999px; text-decoration:none; transition:.3s; box-shadow:0 12px 30px rgba(18,59,42,.18); } .siraj-register-btn:hover{ background:#b8922d; color:#fff !important; transform:translateY(-3px); } .siraj-register-text{ margin-top:18px; color:#777; font-size:15px; } .siraj-register-text a{ color:#b8922d; font-weight:700; text-decoration:none; } .siraj-register-text a:hover{ text-decoration:underline; } /********** added on 16072026 ***************/ /* ========================================================= SIRAJ LISTING SCHEDULER ========================================================= */ .siraj-scheduler { width: 100%; margin: 28px 0; padding: 28px; background: #f7f8f9; border: 1px solid rgba(18, 59, 42, 0.12); border-radius: 22px; box-sizing: border-box; } .siraj-scheduler-heading { margin: 0 0 22px; } .siraj-scheduler-heading h3 { margin: 0 0 7px; padding: 0; font-size: 24px; font-weight: 700; line-height: 1.25; color: #123b2a; } .siraj-scheduler-heading p { margin: 0; padding: 0; font-size: 16px; line-height: 1.6; color: #666; } /* Option cards */ .siraj-publish-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } button.siraj-publish-option { position: relative; display: flex; align-items: flex-start; gap: 16px; width: 100%; min-height: 110px; margin: 0; padding: 22px 24px; overflow: hidden; cursor: pointer; text-align: left; font-family: inherit; appearance: none; -webkit-appearance: none; background: #fff; border: 1px solid rgba(18, 59, 42, 0.15); border-radius: 16px; box-shadow: none; box-sizing: border-box; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } /* * Neutralise any global theme icons or button decorations. */ button.siraj-publish-option::before, button.siraj-publish-option::after { content: none !important; display: none !important; background: none !important; background-image: none !important; box-shadow: none !important; } button.siraj-publish-option:hover { transform: translateY(-2px); border-color: rgba(184, 146, 45, 0.65); box-shadow: 0 10px 24px rgba(18, 59, 42, 0.08); } button.siraj-publish-option.active { border-color: #123b2a; box-shadow: 0 12px 28px rgba(18, 59, 42, 0.1); } /* Single custom selection circle */ .siraj-option-indicator { position: relative; display: block; flex: 0 0 26px; width: 26px; height: 26px; min-width: 26px; min-height: 26px; margin: 1px 0 0; padding: 0; background: #fff; border: 2px solid #b8c0bc; border-radius: 50%; box-shadow: none; box-sizing: border-box; } .siraj-option-indicator::before { content: none !important; display: none !important; } button.siraj-publish-option.active .siraj-option-indicator { border-color: #123b2a; } button.siraj-publish-option.active .siraj-option-indicator::after { content: ""; position: absolute; top: 5px; left: 5px; display: block; width: 12px; height: 12px; background: #123b2a; border: 0; border-radius: 50%; box-shadow: none; } /* Option copy */ .siraj-option-copy { display: block; flex: 1 1 auto; min-width: 0; margin: 0; padding: 0; background: none; } .siraj-option-copy::before, .siraj-option-copy::after { content: none !important; display: none !important; background: none !important; background-image: none !important; } .siraj-option-copy strong { display: block; margin: 0 0 7px; padding: 0; font-size: 18px; font-weight: 700; line-height: 1.3; color: #123b2a; } .siraj-option-copy small { display: block; margin: 0; padding: 0; font-size: 15px; font-weight: 400; line-height: 1.55; color: #777; } /* Date and time */ .siraj-schedule-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(184, 146, 45, 0.25); } .siraj-schedule-field label { display: block; margin: 0 0 8px; padding: 0; font-size: 16px; font-weight: 700; color: #123b2a; } .siraj-schedule-field input { display: block; width: 100%; min-height: 48px; margin: 0; padding: 10px 14px; appearance: auto; -webkit-appearance: auto; background: #fff; border: 1px solid #d7dcda; border-radius: 12px; box-shadow: none; box-sizing: border-box; font-family: inherit; font-size: 16px; color: #333; } .siraj-schedule-field input:focus { outline: none; border-color: #b8922d; box-shadow: 0 0 0 3px rgba(184, 146, 45, 0.12); } .siraj-schedule-note { grid-column: 1 / -1; margin: 0; padding: 0; font-size: 14px; line-height: 1.5; color: #777; } /* Schedule Listing action */ .siraj-schedule-action { grid-column: 1 / -1; margin: 6px 0 0; } button.siraj-schedule-submit { display: inline-block; min-width: 220px; margin: 0; padding: 15px 30px; cursor: pointer; text-align: center; font-family: inherit; font-size: 17px; font-weight: 700; appearance: none; -webkit-appearance: none; background: #b8922d; border: 0; border-radius: 999px; box-shadow: 0 12px 28px rgba(184, 146, 45, 0.22); color: #fff; box-sizing: border-box; transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease; } button.siraj-schedule-submit::before, button.siraj-schedule-submit::after { content: none !important; display: none !important; background: none !important; background-image: none !important; } button.siraj-schedule-submit:hover { transform: translateY(-2px); background: #123b2a; box-shadow: 0 16px 34px rgba(18, 59, 42, 0.2); } @media (max-width: 767px) { .siraj-scheduler { margin: 22px 0; padding: 22px 18px; } .siraj-scheduler-heading h3 { font-size: 22px; } .siraj-publish-options, .siraj-schedule-fields { grid-template-columns: 1fr; } button.siraj-publish-option { min-height: auto; padding: 20px; } button.siraj-schedule-submit { width: 100%; min-width: 0; } } .siraj-category-change-notice { display: none; margin: 0 0 20px; padding: 16px 20px; background: #fff3f3; border: 2px solid #d32f2f; border-radius: 8px; color: #b71c1c; font-size: 16px; font-weight: 700; text-align: center; } /********** added 280726 *************/ /* ========================================================= SIRAJ PROPERTY β€” EDIT LISTING PAGE Scoped only to body.edit-listing-page ========================================================= */ /* Main page spacing */ body.edit-listing-page section#content { width: 100%; } /* Existing Flynax page title transformed into Siraj hero */ body.edit-listing-page section#content > h1 { position: relative; overflow: hidden; margin: 0 0 24px; padding: 34px 38px; border: 1px solid rgba(197, 154, 67, 0.35); border-radius: 20px; background: radial-gradient( circle at top right, rgba(197, 154, 67, 0.22), transparent 38% ), linear-gradient( 135deg, #111111 0%, #202020 55%, #111111 100% ); color: #d6ad55; font-size: 36px; font-weight: 700; line-height: 1.15; letter-spacing: -0.5px; box-shadow: 0 14px 35px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.05); } /* Gold decorative line */ body.edit-listing-page section#content > h1::after { content: ""; display: block; width: 72px; height: 3px; margin-top: 16px; border-radius: 999px; background: linear-gradient( 90deg, #b98a32, #e3c16e ); } /* System messages */ body.edit-listing-page #system_message:not(:empty) { margin-bottom: 20px; } /* Main edit listing content card */ body.edit-listing-page #controller_area { margin-top: 0; } /* Category/form container */ body.edit-listing-page #category_container { overflow: hidden; padding: 28px; border: 1px solid #e5e0d7; border-radius: 20px; background: #ffffff; box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06); } /* Remove inherited spacing that can create double gaps */ body.edit-listing-page #category_container .dynamic-content div.listing-form .form-fields { margin: 0; } /* Selected category and selected plan blocks */ body.edit-listing-page #category_container .selected-category, body.edit-listing-page #category_container .selected-plan { padding: 15px 18px; border: 1px solid #e7dfd0; border-radius: 12px; background: #fbfaf7; } /* Gap between category and plan blocks */ body.edit-listing-page #category_container .selected-category + .selected-plan { margin-top: 12px; } /* Main listing form */ body.edit-listing-page #category_container .listing-form { margin-top: 24px; border: 0; background: transparent; } /* Form fieldset cards */ body.edit-listing-page #category_container fieldset, body.edit-listing-page #category_container .fieldset { overflow: hidden; margin: 0 0 22px; padding: 0; border: 1px solid #e6e1d8; border-radius: 16px; background: #ffffff; box-shadow: 0 7px 22px rgba(0, 0, 0, 0.045); } /* Fieldset title bars */ body.edit-listing-page #category_container fieldset > legend, body.edit-listing-page #category_container .fieldset > header { width: 100%; margin: 0; padding: 17px 20px; border: 0; border-bottom: 1px solid #ece7df; background: linear-gradient( 180deg, #fbfaf7 0%, #f7f4ed 100% ); color: #222222; font-size: 17px; font-weight: 700; } /* Flynax fieldset header text */ body.edit-listing-page #category_container .fieldset > header { display: flex; align-items: center; gap: 10px; } /* Fieldset arrow */ body.edit-listing-page #category_container .fieldset > header .arrow { flex: 0 0 auto; } /* Fieldset body spacing */ body.edit-listing-page #category_container fieldset > .body, body.edit-listing-page #category_container .fieldset > .body { padding: 22px; } /* Individual form rows */ body.edit-listing-page #category_container .form-fields .field, body.edit-listing-page #category_container .form-fields .single-field { margin-bottom: 18px; } /* Labels */ body.edit-listing-page #category_container .form-fields label { margin-bottom: 7px; color: #333333; font-weight: 600; } /* Inputs */ body.edit-listing-page #category_container input[type="text"], body.edit-listing-page #category_container input[type="number"], body.edit-listing-page #category_container input[type="email"], body.edit-listing-page #category_container input[type="url"], body.edit-listing-page #category_container input[type="tel"], body.edit-listing-page #category_container input[type="date"], body.edit-listing-page #category_container input[type="time"], body.edit-listing-page #category_container select, body.edit-listing-page #category_container textarea { min-height: 46px; border: 1px solid #d9d5ce; border-radius: 10px; background: #ffffff; transition: border-color 0.2s ease, box-shadow 0.2s ease; } /* Textarea */ body.edit-listing-page #category_container textarea { min-height: 145px; } /* Focus styling */ body.edit-listing-page #category_container input:focus, body.edit-listing-page #category_container select:focus, body.edit-listing-page #category_container textarea:focus { outline: none; border-color: #c39a45; box-shadow: 0 0 0 3px rgba(195, 154, 69, 0.14); } /* Submit/navigation area */ body.edit-listing-page #category_container .form-buttons, body.edit-listing-page #category_container .submit-cell { margin-top: 20px; } /* Primary buttons */ body.edit-listing-page #category_container input[type="submit"], body.edit-listing-page #category_container button[type="submit"], body.edit-listing-page #category_container .button:not(.cancel) { border-radius: 10px; } /* Cancel buttons */ body.edit-listing-page #category_container .cancel { border-radius: 10px; } /* Location Finder map block */ body.edit-listing-page #category_container #lf_container { overflow: hidden; border-radius: 14px; background: #ffffff; } /* Upload areas */ body.edit-listing-page #category_container .form-media { margin-top: 22px; margin-bottom: 0; } /* Mobile */ @media screen and (max-width: 767px) { body.edit-listing-page section#content > h1 { margin-bottom: 16px; padding: 25px 22px; border-radius: 15px; font-size: 28px; } body.edit-listing-page #category_container { padding: 15px; border-radius: 15px; } body.edit-listing-page #category_container fieldset, body.edit-listing-page #category_container .fieldset { margin-bottom: 16px; border-radius: 13px; } body.edit-listing-page #category_container fieldset > legend, body.edit-listing-page #category_container .fieldset > header { padding: 14px 15px; font-size: 16px; } body.edit-listing-page #category_container fieldset > .body, body.edit-listing-page #category_container .fieldset > .body { padding: 15px; } } /* ========================================================= SIRAJ β€” HIDE LISTING MAP Add Listing + Edit Listing only ========================================================= */ /* Hide only the visible Leaflet map on Add/Edit Listing */ body.add-listing-page #lf_map, body.edit-listing-page #lf_map { display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } /* ========================================= SIRAJ BRANDED NOTIFICATIONS ========================================= */ .notification.notice { position: fixed !important; top: 18px !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; min-width: 320px; max-width: calc(100% - 30px); background: #111 !important; border: 1px solid #c9a227 !important; border-radius: 10px !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22) !important; color: #fff !important; z-index: 99999 !important; padding: 0 !important; overflow: hidden; } .notification.notice > div { display: flex; align-items: center; min-height: 56px; padding: 12px 52px 12px 18px; position: relative; } .notification.notice .message { color: #fff !important; font-size: 15px; font-weight: 600; line-height: 1.4; padding-left: 28px; } .notification.notice .message::before { content: "S"; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; border: 1px solid #c9a227; border-radius: 50%; color: #c9a227; font-size: 12px; font-weight: 700; } .notification.notice .close { position: absolute !important; top: 50% !important; right: 16px !important; transform: translateY(-50%) !important; width: 28px !important; height: 28px !important; border-radius: 50%; opacity: 0.8; cursor: pointer; } .notification.notice .close:hover { opacity: 1; background-color: rgba(255, 255, 255, 0.08); } @media (max-width: 767px) { .notification.notice { top: 12px !important; min-width: 0; width: calc(100% - 24px) !important; } .notification.notice > div { min-height: 52px; padding: 10px 46px 10px 14px; } .notification.notice .message { font-size: 14px; padding-left: 26px; } .notification.notice .message::before { left: 14px; } .notification.notice .close { right: 12px !important; } } /* SIRAJ - Remove Flynax green notification */ .notification.notice > div { background: #0f0f0f !important; background-image: none !important; border: none !important; } .notification.notice .message { background: transparent !important; color: #ffffff !important; } .notification.notice.success > div, .notification.notice.notice > div, .notification.notice.error > div, .notification.notice.warning > div, .notification.notice.info > div { background: #0f0f0f !important; background-image: none !important; } .notification.notice * { background-image: none !important; } .notification.notice { position: fixed !important; top: 20px !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; width: 420px; max-width: calc(100% - 30px); margin: 0 !important; z-index: 99999 !important; } .notification.notice .message::before { content: ""; position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; background: url('../img/logo.png') center center / contain no-repeat; border: none; border-radius: 0; } /* ===================================== SIRAJ REGISTRATION HEADER ===================================== */ .siraj-register-hero{ display:flex; align-items:center; gap:16px; width:100%; box-sizing:border-box; background:#111111; border:1px solid #c9a227; border-radius:12px; padding:16px 20px; margin:0 0 24px; box-shadow:0 8px 20px rgba(0,0,0,.12); } /* Logo holder */ .siraj-register-icon{ width:56px; height:56px; flex:0 0 56px; display:flex; align-items:center; justify-content:center; background:#111111; border:2px solid #c9a227; border-radius:50%; overflow:hidden; } /* Actual Siraj logo */ .siraj-register-icon img{ display:block; width:36px; height:36px; max-width:none; object-fit:contain; } /* Text area */ .siraj-register-content{ flex:1; min-width:0; } .siraj-register-content h1{ margin:0 0 4px; padding:0; color:#ffffff; font-size:27px; line-height:1.2; font-weight:700; } .siraj-register-content p{ margin:0; padding:0; color:#d8d8d8; font-size:14px; line-height:1.5; } .siraj-register-content strong{ color:#c9a227; font-weight:700; } /* ===================================== MOBILE ===================================== */ @media (max-width:767px){ .siraj-register-hero{ gap:12px; padding:14px 15px; margin-bottom:20px; border-radius:10px; } .siraj-register-icon{ width:48px; height:48px; flex:0 0 48px; } .siraj-register-icon img{ width:36px; height:36px; } .siraj-register-content h1{ font-size:21px; line-height:1.25; } .siraj-register-content p{ font-size:13px; line-height:1.4; } } /* Logo holder */ .siraj-register-icon{ flex:0 0 auto; display:flex; align-items:center; justify-content:center; background:transparent; border:none; border-radius:0; padding:0; overflow:visible; } /* Siraj logo */ .siraj-register-icon img{ display:block; width:72px; height:auto; max-width:none; } @media (max-width:767px){ .siraj-register-icon img{ width:52px; height:auto; } } .siraj-register-hero{ display:flex; align-items:center; gap:16px; width:100%; box-sizing:border-box; background:#ffffff; border:1px solid #c9a227; border-radius:12px; padding:16px 20px; margin:0 0 24px; box-shadow:0 8px 20px rgba(0,0,0,.08); } .siraj-register-content h1{ margin:0 0 4px; padding:0; color:#222; font-size:27px; line-height:1.2; font-weight:700; } .siraj-register-content p{ margin:0; padding:0; color:#666; font-size:14px; line-height:1.5; } .siraj-register-content strong{ color:#c9a227; font-weight:700; } /* added 29/07/2026 **********/ /* ========================================================= SIRAJ SELLER CARD β€” COMPACT RIGHT-HAND CARD Add after the existing seller-card CSS. ========================================================= */ /* Keep the whole seller stack narrower than the sidebar */ .listing-details .siraj-seller-shell { width: 92% !important; max-width: 340px !important; min-width: 0 !important; margin: 0 auto !important; box-sizing: border-box !important; overflow: visible !important; } /* Keep each visible seller panel aligned to the same width */ .listing-details .siraj-seller-card, .listing-details .siraj-seller-contact, .listing-details .siraj-seller-actions, .listing-details .siraj-agency-mini-card { width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; } /* Preserve all rounded corners and card shadows */ .listing-details .siraj-seller-card, .listing-details .siraj-seller-contact, .listing-details .siraj-agency-mini-card { border-radius: 22px !important; overflow: hidden !important; } /* Make the profile header more compact */ .listing-details .siraj-seller-card__top { padding: 24px 22px 18px !important; } .listing-details .siraj-seller-card__body { padding: 20px 22px 24px !important; } /* Reduce the oversized profile/logo area */ .listing-details .siraj-seller-card__photo { width: 112px !important; height: 112px !important; margin-left: auto !important; margin-right: auto !important; } .listing-details .siraj-seller-card__photo img { width: 100% !important; height: 100% !important; object-fit: contain !important; } /* Tighten headings and supporting text */ .listing-details .siraj-seller-card__name { margin-top: 14px !important; margin-bottom: 4px !important; line-height: 1.2 !important; } .listing-details .siraj-seller-card__type, .listing-details .siraj-seller-card__about { margin-top: 4px !important; margin-bottom: 10px !important; } /* Compact statistics */ .listing-details .siraj-seller-card__stats { display: flex !important; justify-content: center !important; gap: 16px !important; margin: 14px 0 !important; } .listing-details .siraj-seller-card__stat { margin: 0 !important; } /* Keep all seller buttons inside the card */ .listing-details .siraj-seller-card__profile, .listing-details .siraj-seller-actions .button, .listing-details .siraj-seller-actions button, .listing-details .siraj-seller-actions a.button { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } /* Prevent old Bootstrap rows from widening the card */ .listing-details .siraj-seller-shell .row { margin-left: 0 !important; margin-right: 0 !important; } .listing-details .siraj-seller-shell [class*="col-"] { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding-left: 0 !important; padding-right: 0 !important; float: none !important; } /* Mobile: use the full available width */ @media (max-width: 991px) { .listing-details .siraj-seller-shell { width: 100% !important; max-width: 520px !important; } } /* Allow sticky seller card to move within the listing details section. */ .listing-details, .listing-details .siraj-listing-details-layout, .listing-details .siraj-listing-details-sidebar { overflow: visible !important; } /* * SIRAJ listing details layout * Gallery remains full width; property information and seller card form * two columns below it. */ .listing-details .siraj-listing-details-layout { display: grid !important; grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr) !important; align-items: stretch !important; gap: 28px !important; width: 100% !important; max-width: 100% !important; margin: 30px 0 0 !important; padding: 0 !important; transform: none !important; box-sizing: border-box !important; overflow: visible !important; } .listing-details .siraj-listing-details-main, .listing-details .siraj-listing-details-sidebar { min-width: 0 !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; float: none !important; box-sizing: border-box !important; } .listing-details .siraj-listing-details-main > .content-section { display: block !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding-left: 38px !important; padding-right: 38px !important; float: none !important; box-sizing: border-box !important; overflow: hidden !important; } .listing-details .siraj-listing-details-sidebar { position: relative !important; align-self: stretch !important; height: auto !important; overflow: visible !important; } .listing-details .siraj-listing-details-sidebar-inner { position: -webkit-sticky !important; position: sticky !important; top: 105px !important; z-index: 10; height: fit-content !important; display: flex !important; justify-content: center !important; align-items: flex-start !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; overflow: visible !important; } /* Neutralise Bootstrap widths inside the sidebar seller template. */ .listing-details .siraj-listing-details-sidebar .row { margin-left: 0 !important; margin-right: 0 !important; } .listing-details .siraj-listing-details-sidebar [class*="col-"] { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; float: none !important; padding-left: 0 !important; padding-right: 0 !important; } /* AI panel */ .listing-details #siraj-ai-box { margin-top: 30px; padding: 20px; background: #0d2238; color: #ffffff; border-radius: 12px; } .listing-details #siraj-ai-box h3 { margin: 0 0 12px; color: #ffffff; } .listing-details #siraj-ai-question { display: block; width: 100%; height: 52px; padding: 10px 14px; margin: 0 0 16px; border: 1px solid rgba(255, 255, 255, .25); border-radius: 7px; background: #ffffff; color: #222222; box-sizing: border-box; } .listing-details #siraj-ai-ask { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 10px 24px; border: 0; border-radius: 8px; background: #c8a44d; color: #0d2238; font-weight: 700; cursor: pointer; } .listing-details #siraj-ai-response { margin-top: 15px; line-height: 1.6; } /* Stack only when the viewport is genuinely too narrow for two columns. */ @media (max-width: 991px) { .listing-details .siraj-listing-details-layout { display: block !important; width: 100% !important; max-width: 100% !important; margin-top: 25px !important; } .listing-details .siraj-listing-details-main, .listing-details .siraj-listing-details-sidebar { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } .listing-details .siraj-listing-details-sidebar { margin-top: 25px !important; } .listing-details .siraj-listing-details-sidebar-inner { position: static !important; } .listing-details .siraj-listing-details-main > .content-section { padding-left: 22px !important; padding-right: 22px !important; } } /* Allow sticky seller card on listing details page */ body.view-details-page .main-wrapper { overflow: visible !important; overflow-x: visible !important; overflow-y: visible !important; } /* ----------------------------- Siraj Property Concierge ------------------------------*/ #siraj-ai-box{ margin:40px 0; padding:30px; background:#fff; border:1px solid #e6e6e6; border-radius:14px; } #siraj-ai-box h3{ margin:0 0 10px; font-size:28px; font-weight:700; color:#1d1d1d; } .siraj-concierge-intro{ margin:0 0 20px; font-size:16px; line-height:1.6; color:#fff; } #siraj-ai-question{ width:100%; padding:14px 18px; border-radius:10px; border:1px solid #d9d9d9; font-size:16px; margin-bottom:16px; } #siraj-ai-question:focus{ outline:none; border-color:#c8a24c; box-shadow:0 0 0 3px rgba(200,162,76,.15); } #siraj-ai-ask{ background:#c8a24c; color:#fff; border:none; border-radius:10px; padding:14px 24px; font-size:16px; font-weight:600; cursor:pointer; transition:.2s; } #siraj-ai-ask:hover{ opacity:.92; } #siraj-ai-response{ margin-top:22px; padding-top:20px; border-top:1px solid #ececec; line-height:1.8; font-size:16px; } /******** added 20072026 ***************/ /* SIRAJ FAVOURITES EMPTY STATE */ .siraj-favourites-empty { max-width: 680px; margin: 35px auto; padding: 42px 30px; text-align: center; background: #ffffff; border: 1px solid #e4e4e4; border-radius: 14px; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06); } .siraj-favourites-empty h2 { margin: 0 0 14px; font-size: 26px; line-height: 1.3; color: #111111; } .siraj-favourites-empty p { max-width: 540px; margin: 0 auto 24px; font-size: 16px; line-height: 1.7; color: #666666; } .siraj-favourites-empty p strong { color: #c69a3a; font-size: 20px; } .siraj-favourites-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; } .siraj-favourites-actions .button { min-width: 150px; margin: 0; } .siraj-favourites-actions .button.secondary { background: #111111; border-color: #111111; color: #ffffff; } .siraj-favourites-actions .button.secondary:hover { background: #333333; border-color: #333333; } @media screen and (max-width: 767px) { .siraj-favourites-empty { margin: 20px 0; padding: 32px 20px; } .siraj-favourites-empty h2 { font-size: 22px; } .siraj-favourites-actions { flex-direction: column; } .siraj-favourites-actions .button { width: 100%; } } .siraj-favourites-actions .button{ min-width:150px; margin:0; border-radius:8px !important; } .siraj-favourites-actions .button.secondary{ border-radius:10px !important; } /* ========================================================= SIRAJ CONTACT PAGE β€” COMPLETE LAYOUT ========================================================= */ /* ========================================================= SIRAJ PROPERTY β€” CONTACT PAGE Clean full-width branded layout ========================================================= */ /* --------------------------------------------------------- PAGE CLEANUP --------------------------------------------------------- */ /* Hide Flynax's duplicate native page heading */ body.contact-us-page #content > h1, body.contact-us-page #content > .h1-nav { display: none !important; } /* Ensure the Contact content uses the full available width */ body.contact-us-page #content { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding-left: 0 !important; padding-right: 0 !important; } /* Remove unnecessary spacing around the controller */ body.contact-us-page #controller_area { width: 100%; margin: 0; padding: 0; } /* --------------------------------------------------------- CONTACT PAGE WRAPPER --------------------------------------------------------- */ .siraj-contact-page { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 24px 60px; box-sizing: border-box; } /* --------------------------------------------------------- HERO --------------------------------------------------------- */ .siraj-contact-hero { position: relative; overflow: hidden; width: 100%; margin: 0 0 38px; padding: 58px 52px; border-radius: 16px; background: radial-gradient( circle at 88% 20%, rgba(196, 156, 72, 0.24), transparent 34% ), linear-gradient( 135deg, #090909 0%, #151515 55%, #202020 100% ); box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14); box-sizing: border-box; } .siraj-contact-hero::before { content: ""; position: absolute; top: 0; left: 0; width: 6px; height: 100%; background: #c6a15b; } .siraj-contact-hero::after { content: ""; position: absolute; right: -80px; bottom: -120px; width: 320px; height: 320px; border: 1px solid rgba(198, 161, 91, 0.2); border-radius: 50%; } .siraj-contact-hero-inner { position: relative; z-index: 2; max-width: 760px; } .siraj-contact-eyebrow { display: inline-block; margin-bottom: 12px; color: #c6a15b; font-size: 12px; font-weight: 700; line-height: 1.3; letter-spacing: 2.3px; text-transform: uppercase; } .siraj-contact-hero h1 { margin: 0 0 14px; color: #ffffff; font-size: clamp(34px, 4vw, 54px); font-weight: 700; line-height: 1.08; letter-spacing: -1px; } .siraj-contact-hero p { max-width: 690px; margin: 0; color: rgba(255, 255, 255, 0.76); font-size: 17px; line-height: 1.7; } /* --------------------------------------------------------- MAIN TWO-COLUMN LAYOUT --------------------------------------------------------- */ .siraj-contact-layout { display: grid; grid-template-columns: minmax(300px, 350px) minmax(0, 1fr); gap: 32px; align-items: stretch; width: 100%; max-width: 1280px; margin: 0 auto; box-sizing: border-box; } /* --------------------------------------------------------- LEFT INFORMATION PANEL --------------------------------------------------------- */ .siraj-contact-intro { position: relative; overflow: hidden; width: 100%; min-width: 0; padding: 38px 30px; border-radius: 16px; background: radial-gradient( circle at 100% 0, rgba(198, 161, 91, 0.18), transparent 34% ), #111111; color: #ffffff; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14); box-sizing: border-box; } .siraj-contact-intro::after { content: ""; position: absolute; right: -90px; bottom: -100px; width: 240px; height: 240px; border: 1px solid rgba(198, 161, 91, 0.16); border-radius: 50%; pointer-events: none; } .siraj-contact-logo-wrap { position: relative; z-index: 2; display: flex; align-items: center; margin-bottom: 24px; } .siraj-contact-logo { display: block; width: auto; max-width: 138px; height: auto; max-height: 58px; object-fit: contain; } .siraj-contact-intro h2 { position: relative; z-index: 2; margin: 0 0 14px; color: #ffffff; font-size: 27px; font-weight: 700; line-height: 1.25; } .siraj-contact-intro > p { position: relative; z-index: 2; margin: 0; color: rgba(255, 255, 255, 0.69); font-size: 15px; line-height: 1.7; } /* --------------------------------------------------------- BENEFITS --------------------------------------------------------- */ .siraj-contact-benefits { position: relative; z-index: 2; display: grid; gap: 18px; margin-top: 30px; } .siraj-contact-benefit { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 12px; align-items: start; } .siraj-contact-benefit-icon { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin-top: 1px; border: 1px solid rgba(198, 161, 91, 0.58); border-radius: 50%; color: #c6a15b; font-size: 12px; font-weight: 700; line-height: 1; } .siraj-contact-benefit strong { display: block; margin-bottom: 4px; color: #ffffff; font-size: 14px; font-weight: 700; line-height: 1.4; } .siraj-contact-benefit span { display: block; color: rgba(255, 255, 255, 0.62); font-size: 13px; line-height: 1.55; } /* --------------------------------------------------------- PRIVACY NOTE --------------------------------------------------------- */ .siraj-contact-note { position: relative; z-index: 2; margin-top: 30px; padding: 15px 16px; border: 1px solid rgba(198, 161, 91, 0.23); border-radius: 10px; background: rgba(198, 161, 91, 0.08); color: rgba(255, 255, 255, 0.7); font-size: 12px; line-height: 1.55; } /* --------------------------------------------------------- FORM CARD --------------------------------------------------------- */ .siraj-contact-form-card { width: 100%; min-width: 0; padding: 42px 46px; border: 1px solid #e7e7e7; border-radius: 16px; background: #ffffff; box-shadow: 0 18px 46px rgba(0, 0, 0, 0.08); box-sizing: border-box; } .siraj-contact-form-heading { margin-bottom: 30px; } .siraj-contact-form-heading h2 { margin: 0 0 8px; color: #151515; font-size: 29px; font-weight: 700; line-height: 1.25; } .siraj-contact-form-heading p { margin: 0; color: #737373; font-size: 15px; line-height: 1.65; } /* --------------------------------------------------------- FORM STRUCTURE --------------------------------------------------------- */ .siraj-contact-form { display: block; width: 100%; min-width: 0; margin: 0; } .siraj-contact-form .submit-cell { display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 0 22px !important; padding: 0 !important; box-sizing: border-box !important; } .siraj-contact-form .submit-cell > .name, .siraj-contact-form .submit-cell > .field { display: block !important; float: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .siraj-contact-form .submit-cell > .name { margin-bottom: 8px !important; color: #202020; font-size: 14px; font-weight: 700; line-height: 1.4; } .siraj-contact-form .red { color: #b78a33; } /* --------------------------------------------------------- INPUTS --------------------------------------------------------- */ .siraj-contact-form input[type="text"], .siraj-contact-form input[type="email"], .siraj-contact-form input[type="tel"], .siraj-contact-form input[type="password"], .siraj-contact-form select, .siraj-contact-form textarea { display: block; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 14px 16px !important; border: 1px solid #d9d9d9 !important; border-radius: 9px !important; outline: none !important; background: #fafafa !important; color: #202020 !important; font-family: inherit; font-size: 15px !important; line-height: 1.45; box-shadow: none !important; transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease; box-sizing: border-box !important; } .siraj-contact-form input[type="text"], .siraj-contact-form input[type="email"], .siraj-contact-form input[type="tel"], .siraj-contact-form input[type="password"], .siraj-contact-form select { min-height: 50px; } .siraj-contact-form textarea { min-height: 180px; resize: vertical; } .siraj-contact-form input::placeholder, .siraj-contact-form textarea::placeholder { color: #a0a0a0; opacity: 1; } .siraj-contact-form input:focus, .siraj-contact-form select:focus, .siraj-contact-form textarea:focus { border-color: #c6a15b !important; background: #ffffff !important; box-shadow: 0 0 0 3px rgba(198, 161, 91, 0.14) !important; } /* --------------------------------------------------------- CAPTCHA --------------------------------------------------------- */ .siraj-contact-captcha { padding-top: 2px !important; } .siraj-contact-captcha .field { overflow: hidden; padding: 16px !important; border: 1px solid #e4e4e4; border-radius: 10px; background: #fafafa; } .siraj-contact-captcha img { max-width: 100%; height: auto; } /* --------------------------------------------------------- SUBMIT BUTTON --------------------------------------------------------- */ .siraj-contact-submit { margin-top: 6px !important; margin-bottom: 0 !important; } .siraj-contact-submit > .name { display: none !important; } .siraj-contact-submit > .field { width: 100% !important; } .siraj-contact-submit input[type="submit"] { display: inline-flex !important; align-items: center; justify-content: center; min-width: 190px; min-height: 52px; padding: 14px 28px !important; border: 1px solid #111111 !important; border-radius: 9px !important; background: #111111 !important; color: #ffffff !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2; letter-spacing: 0.2px; cursor: pointer; box-shadow: none !important; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease; } .siraj-contact-submit input[type="submit"]:hover { border-color: #c6a15b !important; background: #c6a15b !important; color: #111111 !important; transform: translateY(-1px); } /* --------------------------------------------------------- SUCCESS MESSAGE --------------------------------------------------------- */ .siraj-contact-success { max-width: 760px; margin: 40px auto 0; padding: 58px 36px; border: 1px solid #e8e8e8; border-radius: 16px; background: #ffffff; text-align: center; box-shadow: 0 18px 46px rgba(0, 0, 0, 0.08); box-sizing: border-box; } .siraj-contact-success-icon { display: inline-flex; align-items: center; justify-content: center; width: 68px; height: 68px; margin-bottom: 22px; border: 2px solid #c6a15b; border-radius: 50%; color: #c6a15b; font-size: 28px; font-weight: 700; } .siraj-contact-success h2 { margin: 0 0 12px; color: #171717; font-size: 30px; font-weight: 700; } .siraj-contact-success p { max-width: 560px; margin: 0 auto 26px; color: #737373; font-size: 15px; line-height: 1.7; } .siraj-contact-home-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 24px; border: 1px solid #111111; border-radius: 9px; background: #111111; color: #ffffff !important; font-size: 14px; font-weight: 700; text-decoration: none !important; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; } .siraj-contact-home-button:hover { border-color: #c6a15b; background: #c6a15b; color: #111111 !important; } /* --------------------------------------------------------- LARGE TABLET --------------------------------------------------------- */ @media screen and (max-width: 1100px) { .siraj-contact-page { padding-right: 18px; padding-left: 18px; } .siraj-contact-layout { grid-template-columns: minmax(280px, 320px) minmax(0, 1fr); gap: 24px; } .siraj-contact-intro { padding: 34px 26px; } .siraj-contact-form-card { padding: 36px 32px; } } /* --------------------------------------------------------- TABLET / MOBILE --------------------------------------------------------- */ @media screen and (max-width: 850px) { .siraj-contact-page { padding: 0 15px 44px; } .siraj-contact-hero { margin-bottom: 24px; padding: 42px 28px; border-radius: 13px; } .siraj-contact-layout { grid-template-columns: minmax(0, 1fr); gap: 22px; } .siraj-contact-intro, .siraj-contact-form-card { border-radius: 13px; } .siraj-contact-intro { padding: 32px 26px; } .siraj-contact-form-card { padding: 32px 26px; } .siraj-contact-submit input[type="submit"] { width: 100% !important; } } /* --------------------------------------------------------- SMALL MOBILE --------------------------------------------------------- */ @media screen and (max-width: 480px) { .siraj-contact-page { padding-right: 10px; padding-left: 10px; } .siraj-contact-hero { padding: 34px 21px; border-radius: 10px; } .siraj-contact-hero h1 { font-size: 34px; } .siraj-contact-hero p { font-size: 15px; } .siraj-contact-intro, .siraj-contact-form-card, .siraj-contact-success { border-radius: 10px; } .siraj-contact-intro, .siraj-contact-form-card { padding: 27px 20px; } .siraj-contact-form-heading h2, .siraj-contact-intro h2 { font-size: 25px; } .siraj-contact-success { padding: 40px 22px; } .siraj-contact-form input[type="text"], .siraj-contact-form input[type="email"], .siraj-contact-form input[type="tel"], .siraj-contact-form input[type="password"], .siraj-contact-form select, .siraj-contact-form textarea { font-size: 16px !important; } } /* ========================================================= SIRAJ PROPERTY β€” ABOUT US PAGE ========================================================= */ .siraj-about-page { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 24px 60px; box-sizing: border-box; } .siraj-about-page .siraj-why-choose { width: 100%; max-width: none; margin: 0 0 34px; box-sizing: border-box; } .siraj-about-page .siraj-why-inner { width: 100%; max-width: 1280px; margin: 0 auto; padding: 58px 38px; box-sizing: border-box; } .siraj-about-page .siraj-why-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; width: 100%; margin-top: 40px; } .siraj-about-page .siraj-why-card { width: 100%; min-width: 0; box-sizing: border-box; } .siraj-about-page .siraj-registration-cta { width: 100%; max-width: 1280px; margin: 0 auto; box-sizing: border-box; } @media screen and (max-width: 950px) { .siraj-about-page { padding-right: 18px; padding-left: 18px; } .siraj-about-page .siraj-why-inner { padding: 46px 26px; } .siraj-about-page .siraj-why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } .siraj-about-page .siraj-why-card:last-child { grid-column: 1 / -1; max-width: 560px; margin: 0 auto; } } @media screen and (max-width: 650px) { .siraj-about-page { padding: 0 10px 40px; } .siraj-about-page .siraj-why-inner { padding: 36px 18px; } .siraj-about-page .siraj-why-grid { grid-template-columns: 1fr; gap: 18px; margin-top: 28px; } .siraj-about-page .siraj-why-card:last-child { grid-column: auto; max-width: none; } } /* ========================================================= SIRAJ PROPERTY β€” LEGAL PAGES ========================================================= */ .siraj-legal-page { width: 100%; max-width: 1240px; margin: 0 auto; padding: 18px 20px 60px; box-sizing: border-box; color: #202020; } .siraj-legal-page, .siraj-legal-page * { box-sizing: border-box; } /* Hero */ .siraj-legal-hero { display: flex; align-items: center; gap: 28px; width: 100%; margin-bottom: 22px; padding: 40px 46px; border-radius: 18px; background: #111111; box-shadow: 0 16px 38px rgba(0, 0, 0, 0.13); } .siraj-legal-logo { display: block; width: auto; max-width: 220px; max-height: 55px; flex: 0 0 auto; object-fit: contain; } .siraj-legal-hero-copy span, .siraj-legal-contact span { display: block; margin-bottom: 7px; color: #c7a44b; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; } .siraj-legal-hero-copy h1 { margin: 0 0 10px; color: #ffffff; font-size: 40px; line-height: 1.12; font-weight: 700; } .siraj-legal-hero-copy p { margin: 0; color: rgba(255, 255, 255, 0.78); font-size: 17px; line-height: 1.65; } /* Updated date */ .siraj-legal-meta { width: 100%; margin-bottom: 22px; padding: 14px 20px; border: 1px solid #e5d6ae; border-radius: 10px; background: #faf7ef; color: #555555; font-size: 14px; } .siraj-legal-meta strong { color: #1d1d1d; } /* Main content card */ .siraj-legal-content { width: 100%; padding: 42px 48px; border: 1px solid #e5e5e5; border-radius: 18px; background: #ffffff; box-shadow: 0 14px 35px rgba(0, 0, 0, 0.07); } .siraj-legal-content p { margin: 0 0 17px; color: #4b4b4b; font-size: 16px; line-height: 1.8; } .siraj-legal-content .siraj-legal-intro { color: #252525; font-size: 18px; line-height: 1.75; } .siraj-legal-content strong { color: #171717; } /* Sections */ .siraj-legal-section { margin-top: 34px; padding-top: 30px; border-top: 1px solid #ece7db; } .siraj-legal-section:first-of-type { margin-top: 30px; } .siraj-legal-section h2 { display: flex; align-items: center; gap: 13px; margin: 0 0 18px; color: #171717; font-size: 23px; line-height: 1.35; font-weight: 700; } .siraj-legal-section h2 span { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 50%; background: #c7a44b; color: #111111; font-size: 14px; font-weight: 800; } .siraj-legal-section ul { margin: 3px 0 20px; padding: 0; list-style: none; } .siraj-legal-section li { position: relative; margin-bottom: 11px; padding-left: 28px; color: #4b4b4b; font-size: 16px; line-height: 1.7; } .siraj-legal-section li::before { content: ""; position: absolute; top: 10px; left: 3px; width: 8px; height: 8px; border-radius: 50%; background: #c7a44b; box-shadow: 0 0 0 4px #f4ecd9; } /* Contact panel */ .siraj-legal-contact { display: flex; align-items: center; justify-content: space-between; gap: 30px; width: 100%; margin-top: 26px; padding: 32px 40px; border-radius: 16px; background: #111111; } .siraj-legal-contact h2 { margin: 0 0 8px; color: #ffffff; font-size: 25px; line-height: 1.3; } .siraj-legal-contact p { margin: 0; color: rgba(255, 255, 255, 0.76); font-size: 15px; line-height: 1.65; } .siraj-legal-contact-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 150px; min-height: 50px; padding: 12px 25px; border: 2px solid #c7a44b; border-radius: 8px; background: #c7a44b; color: #111111 !important; font-size: 15px; font-weight: 700; text-decoration: none !important; transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease; } .siraj-legal-contact-btn:hover { background: transparent; color: #ffffff !important; transform: translateY(-2px); } /* Tablet */ @media screen and (max-width: 900px) { .siraj-legal-page { padding-right: 16px; padding-left: 16px; } .siraj-legal-hero { padding: 34px; } .siraj-legal-content { padding: 36px 32px; } } /* Mobile */ @media screen and (max-width: 650px) { .siraj-legal-page { padding: 8px 10px 40px; } .siraj-legal-hero { flex-direction: column; align-items: flex-start; gap: 18px; padding: 28px 22px; border-radius: 13px; } .siraj-legal-logo { width: 70px; height: 70px; flex-basis: 70px; } .siraj-legal-hero-copy h1 { font-size: 31px; } .siraj-legal-hero-copy p { font-size: 15px; } .siraj-legal-content { padding: 28px 20px; border-radius: 13px; } .siraj-legal-content p, .siraj-legal-section li { font-size: 15px; } .siraj-legal-content .siraj-legal-intro { font-size: 16px; } .siraj-legal-section { margin-top: 28px; padding-top: 25px; } .siraj-legal-section h2 { align-items: flex-start; font-size: 20px; } .siraj-legal-section h2 span { width: 31px; height: 31px; flex-basis: 31px; } .siraj-legal-contact { flex-direction: column; align-items: flex-start; padding: 28px 22px; } .siraj-legal-contact-btn { width: 100%; } } /********** added 31012026 ****************/ /* ========================================================= SIRAJ PREMIUM LISTING CARD β€” PHASE 1 Typography, spacing and visual hierarchy ========================================================= */ article.listing-card.featured-style { padding: 22px; } /* Main information column */ article.listing-card.featured-style > .card-info { padding: 0 0 0 28px; } /* Price */ article.listing-card.featured-style .card-info > .price { margin: 0 0 12px; line-height: 1.1; } article.listing-card.featured-style .card-info > .price span { font-size: 36px; font-weight: 700; line-height: 1.1; letter-spacing: -0.5px; } /* Listed date */ article.listing-card.featured-style .listing-added { margin-bottom: 12px; font-size: 15px; line-height: 1.4; } /* Listing title */ article.listing-card.featured-style .title { margin: 0 0 12px; line-height: 1.3; } article.listing-card.featured-style .title a { font-size: 21px; font-weight: 600; line-height: 1.3; text-decoration: none; } /* Property type / transaction type */ article.listing-card.featured-style .listing-meta-type { margin: 0 0 14px; font-size: 16px; line-height: 1.4; } /* Bed, bath and area row */ article.listing-card.featured-style .services { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin: 0 0 14px; padding: 0; line-height: 1.4; } article.listing-card.featured-style .services > span { display: inline-flex; align-items: center; min-height: 28px; margin: 0; font-size: 17px; white-space: nowrap; } /* Extra fields / location */ article.listing-card.featured-style .fields { margin: 0 0 16px; font-size: 16px; line-height: 1.5; } /* Agent strip */ article.listing-card.featured-style .listing-agent-strip { margin-top: 14px; padding-top: 14px; } /* Bottom contact row */ article.listing-card.featured-style .contact-row { margin-top: 16px; padding-top: 16px; } /* Keep the image balanced with the refined spacing */ article.listing-card.featured-style > .picture { border-radius: 14px; overflow: hidden; } article.listing-card.featured-style > .picture img { display: block; width: 100%; height: 100%; object-fit: cover; } /* Tablet */ @media only screen and (max-width: 991px) { article.listing-card.featured-style { padding: 18px; } article.listing-card.featured-style > .card-info { padding-left: 20px; } article.listing-card.featured-style .card-info > .price span { font-size: 31px; } article.listing-card.featured-style .title a { font-size: 19px; } article.listing-card.featured-style .services { gap: 18px; } } /* Mobile */ @media only screen and (max-width: 767px) { article.listing-card.featured-style { padding: 14px; } article.listing-card.featured-style > .card-info { padding: 18px 0 0; } article.listing-card.featured-style .card-info > .price span { font-size: 28px; } article.listing-card.featured-style .title a { font-size: 18px; } article.listing-card.featured-style .services { gap: 14px 20px; } article.listing-card.featured-style .services > span { font-size: 16px; } }