/* ============================================================ ALANYA HOME — MODERN PROPERTY LISTING ============================================================ */ body.ah-theme { background: #fff; } /* ============================================================ HEAD ============================================================ */ body.ah-theme .ah-listing-head { padding: 42px 0 32px; background: #fff; border-bottom: 1px solid #ece8e1; } body.ah-theme .ah-listing-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; color: #77716a; font-size: 12px; line-height: 1.4; } body.ah-theme .ah-listing-breadcrumb a { color: #77716a; text-decoration: none; } body.ah-theme .ah-listing-breadcrumb span:first-of-type { color: #b48b46; } body.ah-theme .ah-listing-title-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; } body.ah-theme .ah-listing-kicker { margin-bottom: 8px; color: #a47d3d; font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; } body.ah-theme .ah-listing-title { max-width: 980px; margin: 0; color: #111; font-size: clamp(34px, 3.2vw, 52px); line-height: 1.04; font-weight: 650; letter-spacing: -.035em; } /* ============================================================ MAIN LAYOUT ============================================================ */ body.ah-theme .ah-listing-main { padding: 38px 0 70px; background: #f8f7f4; } body.ah-theme .ah-listing-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(270px, 310px); gap: 34px; align-items: start; } body.ah-theme .ah-listing-results-column { min-width: 0; } body.ah-theme .ah-listing-sidebar { min-width: 0; } body.ah-theme .ah-listing-filter-sticky { position: sticky; top: 92px; } /* ============================================================ RESULTS SHELL ============================================================ */ body.ah-theme .ah-results-page { width: 100%; } body.ah-theme .ah-results-top { margin-bottom: 24px; } body.ah-theme .ah-results-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; } body.ah-theme .ah-results-heading-main { min-width: 0; } body.ah-theme .ah-results-eyebrow { display: none; } body.ah-theme .ah-results-title { margin: 0 0 6px; color: #111; font-size: 25px; line-height: 1.15; font-weight: 650; } body.ah-theme .ah-results-count { color: #77716a; font-size: 13px; } body.ah-theme .ah-results-controls { display: flex; align-items: flex-end; gap: 10px; } body.ah-theme .ah-results-sort-label { display: block; margin-bottom: 7px; color: #77716a; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; } body.ah-theme .ah-results-sort .form-control, body.ah-theme .ah-results-sort .bootstrap-select > .dropdown-toggle { min-width: 220px; min-height: 44px; border: 1px solid #ddd7cd !important; border-radius: 10px !important; background: #fff !important; box-shadow: none !important; } body.ah-theme .ah-results-view { display: flex; gap: 6px; } body.ah-theme .ah-results-view .view-type { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border: 1px solid #ddd7cd; border-radius: 10px; background: #fff; color: #77716a; text-decoration: none; } body.ah-theme .ah-results-view .view-type.active { border-color: #111; background: #111; color: #fff; } /* ============================================================ GRID ============================================================ */ body.ah-theme .ah-results-grid { margin-left: -10px; margin-right: -10px; } body.ah-theme .ah-result-column { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } /* ============================================================ FILTER ============================================================ */ body.ah-theme .widget-rightcustomfilter { overflow: hidden; padding: 0; border: 1px solid #e4dfd6; border-radius: 16px; background: #fff; box-shadow: 0 16px 40px rgba(17,17,17,.05); } body.ah-theme .widget-rightcustomfilter > .widget-header:first-child { margin: 0; padding: 22px 22px 18px; border-bottom: 1px solid #ece8e1; color: #111; font-size: 18px; line-height: 1.2; font-weight: 650; text-transform: none; } body.ah-theme .widget-rightcustomfilter .form-additional { padding: 20px 22px 22px; } body.ah-theme .widget-rightcustomfilter .form-group { margin-bottom: 11px; } body.ah-theme .widget-rightcustomfilter input.form-control, body.ah-theme .widget-rightcustomfilter select.form-control { width: 100%; min-height: 43px; padding: 9px 12px; border: 1px solid #ded8cf; border-radius: 9px; background: #fff; color: #222; font-size: 13px; box-shadow: none; } body.ah-theme .widget-rightcustomfilter input.form-control:focus, body.ah-theme .widget-rightcustomfilter select.form-control:focus { border-color: #b38a47; outline: none; box-shadow: 0 0 0 3px rgba(179,138,71,.10); } body.ah-theme .widget-rightcustomfilter .widget-header:not(:first-child) { margin: 24px 0 12px !important; padding: 0; color: #111; font-size: 14px; line-height: 1.3; font-weight: 650; text-transform: none; } body.ah-theme .widget-rightcustomfilter .secondary-checkbox { padding: 0 !important; margin-bottom: 7px; } body.ah-theme .widget-rightcustomfilter label.checkbox { display: flex; align-items: center; margin: 0; color: #57524c; font-size: 12px; line-height: 1.35; } /* ============================================================ PAGINATION ============================================================ */ body.ah-theme .ah-results-pagination { margin-top: 26px; } body.ah-theme .pagination.properties { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; } body.ah-theme .pagination.properties a, body.ah-theme .pagination.properties strong, body.ah-theme .pagination.properties span { display: inline-flex; min-width: 40px; height: 40px; align-items: center; justify-content: center; padding: 0 12px; border: 1px solid #ddd7cd; border-radius: 9px; background: #fff; color: #333; text-decoration: none; } body.ah-theme .pagination.properties strong, body.ah-theme .pagination.properties .active { border-color: #111; background: #111; color: #fff; } /* ============================================================ TABLET ============================================================ */ @media (max-width: 991px) { body.ah-theme .ah-listing-layout { grid-template-columns: 1fr; } body.ah-theme .ah-listing-sidebar { order: -1; } body.ah-theme .ah-listing-filter-sticky { position: static; } } /* ============================================================ MOBILE ============================================================ */ @media (max-width: 767px) { body.ah-theme .ah-listing-head { padding: 28px 0 24px; } body.ah-theme .ah-listing-title { font-size: 34px; } body.ah-theme .ah-listing-main { padding-top: 24px; } body.ah-theme .ah-results-heading { display: block; } body.ah-theme .ah-results-controls { margin-top: 18px; align-items: stretch; } body.ah-theme .ah-results-sort { flex: 1; } body.ah-theme .ah-results-sort .form-control, body.ah-theme .ah-results-sort .bootstrap-select { width: 100% !important; } body.ah-theme .ah-results-sort .form-control, body.ah-theme .ah-results-sort .bootstrap-select > .dropdown-toggle { min-width: 0; } body.ah-theme .ah-results-view { display: none; } body.ah-theme .ah-result-column { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } } /* ============================================================ PROPERTY CARDS — MODERN PREMIUM ============================================================ */ body.ah-theme .ah-results-grid { align-items: stretch; } body.ah-theme .ah-result-column { display: flex; } /* CARD */ body.ah-theme .ah-result-column .ah-card { display: flex; flex-direction: column; width: 100%; overflow: hidden; border: 1px solid #e4dfd6 !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 5px 18px rgba(17,17,17,.045) !important; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important; } body.ah-theme .ah-result-column .ah-card:hover { transform: translateY(-3px); border-color: #d5cec3 !important; box-shadow: 0 14px 35px rgba(17,17,17,.09) !important; } /* IMAGE */ body.ah-theme .ah-result-column .property-card-header { position: relative; overflow: hidden; aspect-ratio: 16 / 10; background: #eee; } body.ah-theme .ah-result-column .property-card-header > a { display: block; width: 100%; height: 100%; } body.ah-theme .ah-result-column .ah-card-img { display: block; width: 100% !important; height: 100% !important; object-fit: cover; transition: transform .45s ease; } body.ah-theme .ah-result-column .ah-card:hover .ah-card-img { transform: scale(1.025); } /* FEATURED STAR */ body.ah-theme .ah-result-column .budget { position: absolute !important; top: 12px !important; right: 12px !important; width: 32px !important; height: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: rgba(17,17,17,.82) !important; color: #fff !important; backdrop-filter: blur(8px); z-index: 4; } /* SOLD */ body.ah-theme .ah-result-column .sold5, body.ah-theme .ah-result-column .out5 { position: absolute !important; top: 12px !important; left: 12px !important; padding: 7px 10px !important; border-radius: 7px !important; background: #111 !important; color: #fff !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .08em !important; text-transform: uppercase !important; z-index: 5; } /* PURPOSE TAG */ body.ah-theme .ah-result-column .property-card-tags { position: absolute; top: 14px; left: 14px; margin: 0 !important; z-index: 3; } body.ah-theme .ah-result-column .property-card-tags .label { display: inline-flex !important; align-items: center !important; min-height: 27px !important; padding: 0 9px !important; border: 0 !important; border-radius: 6px !important; background: #c6a15b !important; color: #111 !important; font-size: 9px !important; line-height: 1 !important; font-weight: 750 !important; letter-spacing: .07em !important; text-transform: uppercase !important; } /* CONTENT */ body.ah-theme .ah-result-column .property-card-box { display: flex; flex: 1; flex-direction: column; padding: 18px 18px 17px !important; background: #fff !important; } /* TITLE */ body.ah-theme .ah-result-column .property-card-title { min-height: 46px; margin: 0 0 12px !important; font-size: 17px !important; line-height: 1.34 !important; font-weight: 650 !important; letter-spacing: -.018em !important; } body.ah-theme .ah-result-column .property-card-title a { display: -webkit-box; overflow: hidden; color: #151515 !important; text-decoration: none !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } body.ah-theme .ah-result-column .property-card-title a:hover { color: #9c7638 !important; } /* Remove excerpt — listing cards should scan quickly */ body.ah-theme .ah-result-column .property-card-descr { display: none !important; } /* FOOTER */ body.ah-theme .ah-result-column .property-preview-footer { display: block !important; margin-top: auto !important; } body.ah-theme .ah-result-column .property-preview-f-left { display: flex; flex-direction: column; width: 100%; color: #77716a !important; } /* PRICE */ body.ah-theme .ah-result-column .value-price { display: block !important; order: -2; margin: 0 0 14px !important; color: #111 !important; font-size: 20px !important; line-height: 1.05 !important; font-weight: 700 !important; letter-spacing: -.025em !important; } body.ah-theme .ah-result-column .value-price.text-danger { margin-bottom: 5px !important; color: #999 !important; font-size: 12px !important; font-weight: 500 !important; } /* OTHER PROPERTY VALUES */ body.ah-theme .ah-result-column .property-card-value:not(.value-price) { display: inline-flex !important; align-items: center; margin: 0 10px 5px 0 !important; color: #77716a !important; font-size: 11px !important; line-height: 1.4 !important; } body.ah-theme .ah-result-column .property-card-value i { margin-right: 5px; color: #b48b46 !important; } /* LOCATION */ body.ah-theme .ah-result-column .ah-link { color: #6f6962 !important; font-size: 11px !important; font-weight: 500 !important; text-decoration: none !important; } /* Youtube button */ body.ah-theme .ah-result-column .utube-btn { position: absolute !important; right: 12px !important; bottom: 12px !important; z-index: 5; } body.ah-theme .ah-result-column .utube-icon { display: flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 50%; background: rgba(17,17,17,.86); color: #fff; } /* ============================================================ FILTER — SMALL REFINEMENTS ============================================================ */ body.ah-theme .widget-rightcustomfilter { max-height: calc(100vh - 115px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; } body.ah-theme .widget-rightcustomfilter::-webkit-scrollbar { width: 5px; } body.ah-theme .widget-rightcustomfilter::-webkit-scrollbar-thumb { border-radius: 10px; background: #cfc8bd; } /* Keep filter title visible while scrolling */ body.ah-theme .widget-rightcustomfilter > .widget-header:first-child { position: sticky; top: 0; z-index: 10; background: #fff; } /* ============================================================ MOBILE CARDS ============================================================ */ @media (max-width: 767px) { body.ah-theme .ah-result-column .property-card-header { aspect-ratio: 16 / 10; } body.ah-theme .ah-result-column .property-card-box { padding: 17px 16px 18px !important; } body.ah-theme .ah-result-column .property-card-title { min-height: 0; font-size: 18px !important; } body.ah-theme .ah-result-column .value-price { font-size: 21px !important; } } /* ============================================================ FILTER ACCORDIONS ============================================================ */ /* Remove internal admin-style scrollbar */ body.ah-theme .widget-rightcustomfilter { max-height: none !important; overflow: visible !important; } /* Group */ body.ah-theme .ah-filter-accordion { margin-top: 8px; border-top: 1px solid #ece8e1; } /* Toggle */ body.ah-theme .ah-filter-accordion-toggle { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 15px; margin: 0; padding: 16px 0; border: 0; background: transparent; color: #161616; font: inherit; font-size: 14px; line-height: 1.3; font-weight: 650; text-align: left; cursor: pointer; } body.ah-theme .ah-filter-accordion-toggle:hover { color: #9c7638; } body.ah-theme .ah-filter-accordion-icon { display: inline-flex; width: 24px; height: 24px; flex: 0 0 24px; align-items: center; justify-content: center; border: 1px solid #ddd7cd; border-radius: 50%; color: #8e6c36; font-size: 17px; line-height: 1; font-weight: 400; } /* Content closed */ body.ah-theme .ah-filter-accordion-content { display: none; padding: 0 0 15px; } /* Content open */ body.ah-theme .ah-filter-accordion.is-open .ah-filter-accordion-content { display: block; } /* Checkboxes */ body.ah-theme .ah-filter-accordion .secondary-checkbox { padding: 0 !important; margin: 0 0 8px !important; } body.ah-theme .ah-filter-accordion label.checkbox { display: flex; align-items: center; min-height: 24px; margin: 0 !important; color: #5c5751; font-size: 12px; line-height: 1.35; } body.ah-theme .ah-filter-accordion input[type="checkbox"] { margin-right: 8px; } /* Submit */ body.ah-theme .widget-rightcustomfilter .btn-wide { width: 100% !important; min-height: 44px; border-radius: 9px !important; } body.ah-theme .widget-rightcustomfilter .btn-primary { border-color: #111 !important; background: #111 !important; color: #fff !important; font-weight: 650 !important; } body.ah-theme .widget-rightcustomfilter .btn-primary:hover { border-color: #c6a15b !important; background: #c6a15b !important; color: #111 !important; } body.ah-theme .widget-rightcustomfilter .btn-default { border: 0 !important; background: transparent !important; color: #7a746d !important; font-size: 12px !important; } /* ============================================================ LISTING DESKTOP POLISH — 2026-08-08 ============================================================ */ /* ------------------------------------------------------------ 1. FILTER Entire sidebar may remain sticky, but title itself must NOT stick independently while scrolling. ------------------------------------------------------------ */ body.ah-theme .widget-rightcustomfilter > .widget-header:first-child { position: static !important; top: auto !important; z-index: auto !important; } /* ------------------------------------------------------------ 2. FEATURED STAR No black circle. White star directly over the image. ------------------------------------------------------------ */ body.ah-theme .ah-result-column .budget { top: 13px !important; right: 13px !important; width: 28px !important; height: 28px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; } body.ah-theme .ah-result-column .budget i, body.ah-theme .ah-result-column .budget .fa { color: #ffffff !important; font-size: 18px !important; line-height: 28px !important; text-shadow: 0 1px 3px rgba(0,0,0,.55), 0 0 8px rgba(0,0,0,.25) !important; } /* ------------------------------------------------------------ CARD LOCATION — centered ------------------------------------------------------------ */ body.ah-theme .ah-result-column .property-preview-f-left { align-items: center !important; text-align: center !important; } body.ah-theme .ah-result-column .property-card-value:not(.value-price) { width: 100% !important; justify-content: center !important; margin: 0 auto 5px !important; text-align: center !important; } body.ah-theme .ah-result-column .ah-link { text-align: center !important; } /* ------------------------------------------------------------ 4. PAGINATION — clean premium buttons ------------------------------------------------------------ */ body.ah-theme .ah-results-pagination { margin-top: 38px !important; margin-bottom: 6px !important; } body.ah-theme .ah-results-pagination nav { display: flex !important; justify-content: center !important; } body.ah-theme .pagination.properties { display: flex !important; width: auto !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 7px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } /* Pagination library may output a, span, strong or li */ body.ah-theme .pagination.properties > a, body.ah-theme .pagination.properties > span, body.ah-theme .pagination.properties > strong, body.ah-theme .pagination.properties > li, body.ah-theme .pagination.properties li > a, body.ah-theme .pagination.properties li > span { display: inline-flex !important; min-width: 42px !important; height: 42px !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 12px !important; border: 1px solid #ddd7cd !important; border-radius: 10px !important; background: #ffffff !important; color: #3f3b36 !important; font-size: 13px !important; line-height: 1 !important; font-weight: 600 !important; text-decoration: none !important; box-shadow: none !important; transition: border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease !important; } /* Active/current */ body.ah-theme .pagination.properties > strong, body.ah-theme .pagination.properties > span.active, body.ah-theme .pagination.properties > li.active, body.ah-theme .pagination.properties > li.active > a, body.ah-theme .pagination.properties > li.active > span { border-color: #111111 !important; background: #111111 !important; color: #ffffff !important; } /* Hover */ body.ah-theme .pagination.properties > a:hover, body.ah-theme .pagination.properties > li > a:hover { border-color: #c6a15b !important; background: #c6a15b !important; color: #111111 !important; transform: translateY(-1px) !important; } /* Kill Bootstrap pagination joined-button behaviour */ body.ah-theme .pagination.properties .page-item:first-child .page-link, body.ah-theme .pagination.properties .page-item:last-child .page-link { border-radius: 10px !important; } /* ============================================================ MODERN LIST VIEW ============================================================ */ body.ah-theme .ah-results-list { display: flex; flex-direction: column; gap: 20px; } /* card */ body.ah-theme .ah-list-card { display: grid; grid-template-columns: 300px minmax(0, 1fr); min-height: 205px; overflow: hidden; border: 1px solid #e4dfd6; border-radius: 16px; background: #fff; box-shadow: 0 8px 26px rgba(17,17,17,.045); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } body.ah-theme .ah-list-card:hover { transform: translateY(-2px); border-color: #d7d0c5; box-shadow: 0 14px 34px rgba(17,17,17,.08); } /* image */ body.ah-theme .ah-list-card-image { position: relative; display: block; min-height: 205px; overflow: hidden; background: #eee; } body.ah-theme .ah-list-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; } body.ah-theme .ah-list-card:hover .ah-list-card-image img { transform: scale(1.025); } /* featured */ body.ah-theme .ah-list-card-featured { position: absolute; top: 14px; right: 14px; display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; color: #fff; font-size: 18px; text-shadow: 0 1px 3px rgba(0,0,0,.6), 0 0 8px rgba(0,0,0,.3); } /* body */ body.ah-theme .ah-list-card-body { display: flex; min-width: 0; flex-direction: column; justify-content: space-between; padding: 24px 26px; } /* top */ body.ah-theme .ah-list-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; } body.ah-theme .ah-list-card-copy { min-width: 0; } body.ah-theme .ah-list-card-title { margin: 0 0 10px; font-size: 21px; line-height: 1.25; font-weight: 650; letter-spacing: -.02em; } body.ah-theme .ah-list-card-title a { color: #111; text-decoration: none; } body.ah-theme .ah-list-card-title a:hover { color: #9c7638; } body.ah-theme .ah-list-card-description { display: -webkit-box; max-width: 680px; overflow: hidden; margin: 0; color: #67615b; font-size: 13px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } /* tag */ body.ah-theme .ah-list-card-tag { flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; background: #111; color: #fff; font-size: 10px; line-height: 1; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; } /* bottom */ body.ah-theme .ah-list-card-bottom { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-top: 24px; } body.ah-theme .ah-list-card-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; } /* location */ body.ah-theme .ah-list-card-location { display: inline-flex; align-items: center; gap: 6px; color: #746e67; font-size: 12px; } body.ah-theme .ah-list-card-location i { color: #b48b46; } /* price */ body.ah-theme .ah-list-card-price { color: #111; font-size: 21px; line-height: 1; font-weight: 700; letter-spacing: -.025em; } /* link */ body.ah-theme .ah-list-card-link { display: inline-flex; min-height: 40px; align-items: center; gap: 8px; padding: 0 14px; border: 1px solid #d9d2c8; border-radius: 9px; color: #222; font-size: 11px; font-weight: 650; text-decoration: none; white-space: nowrap; } body.ah-theme .ah-list-card-link:hover { border-color: #111; background: #111; color: #fff; } /* tablet */ @media (max-width: 1100px) { body.ah-theme .ah-list-card { grid-template-columns: 250px minmax(0, 1fr); } } /* mobile later refined further */ @media (max-width: 767px) { body.ah-theme .ah-list-card { grid-template-columns: 1fr; } body.ah-theme .ah-list-card-image { min-height: 230px; } body.ah-theme .ah-list-card-body { padding: 18px; } body.ah-theme .ah-list-card-top, body.ah-theme .ah-list-card-bottom { display: block; } body.ah-theme .ah-list-card-tag { display: inline-flex; margin-top: 12px; } body.ah-theme .ah-list-card-bottom { margin-top: 18px; } body.ah-theme .ah-list-card-link { margin-top: 15px; } } /* ============================================================ PAGINATION — DEFINITIVE FIX ============================================================ */ body.ah-theme .ah-results-pagination { margin-top: 42px !important; } body.ah-theme .ah-results-pagination nav { display: flex !important; justify-content: center !important; } /* outer wrapper */ body.ah-theme .ah-results-pagination .pagination.properties { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } /* actual CI pagination UL */ body.ah-theme .ah-results-pagination .pagination.properties > ul.pagination { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 7px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; list-style: none !important; background: transparent !important; } /* LI must NEVER look like a button */ body.ah-theme .ah-results-pagination .pagination.properties > ul.pagination > li { display: block !important; width: auto !important; height: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } /* only A / SPAN is the button */ body.ah-theme .ah-results-pagination .pagination.properties > ul.pagination > li > a, body.ah-theme .ah-results-pagination .pagination.properties > ul.pagination > li > span { display: inline-flex !important; width: 42px !important; min-width: 42px !important; height: 42px !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; border: 1px solid #ddd7cd !important; border-radius: 10px !important; background: #fff !important; color: #4c4741 !important; font-size: 13px !important; line-height: 1 !important; font-weight: 600 !important; text-decoration: none !important; box-shadow: none !important; transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important; } /* active */ body.ah-theme .ah-results-pagination .pagination.properties > ul.pagination > li.active > span, body.ah-theme .ah-results-pagination .pagination.properties > ul.pagination > li.active > a { border-color: #111 !important; background: #111 !important; color: #fff !important; } /* hover */ body.ah-theme .ah-results-pagination .pagination.properties > ul.pagination > li:not(.active) > a:hover { border-color: #c6a15b !important; background: #c6a15b !important; color: #111 !important; transform: translateY(-1px); } /* ============================================================ FEATURED STAR — CORNER RIBBON ============================================================ */ /* Kart görsel alanı referans olsun */ body.ah-theme .property-card-header.image-box { position: relative !important; overflow: hidden !important; } /* Eski yuvarlak yıldızı komple köşe ribbon'a çevir */ body.ah-theme .ah-card .budget, body.ah-theme .property-card.property-card-list .budget { position: absolute !important; top: 0 !important; right: 0 !important; width: 52px !important; height: 52px !important; display: flex !important; align-items: flex-start !important; justify-content: flex-end !important; padding: 8px 8px 0 0 !important; margin: 0 !important; background: #111 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; clip-path: polygon(100% 0, 0 0, 100% 100%) !important; z-index: 6 !important; } /* yıldız */ body.ah-theme .ah-card .budget i, body.ah-theme .property-card.property-card-list .budget i { color: #fff !important; font-size: 13px !important; line-height: 1 !important; display: block !important; } /* hover'da saçma kayma olmasın */ body.ah-theme .ah-card:hover .budget, body.ah-theme .property-card.property-card-list:hover .budget { transform: none !important; } /* küçük ekranlarda biraz daha kompakt */ @media (max-width: 767px) { body.ah-theme .ah-card .budget, body.ah-theme .property-card.property-card-list .budget { width: 44px !important; height: 44px !important; padding: 7px 7px 0 0 !important; } body.ah-theme .ah-card .budget i, body.ah-theme .property-card.property-card-list .budget i { font-size: 11px !important; } } /* ============================================================ LISTING GRID — SAME CARD LANGUAGE AS SIMILAR PROPERTIES ============================================================ */ body.ah-theme .ah-result-column { display: flex !important; margin-bottom: 22px !important; } /* exact similar-card visual, equal height in listing grid */ body.ah-theme .ah-result-column .ah-listing-card { display: flex; width: 100%; flex-direction: column; } /* body fills remaining height */ body.ah-theme .ah-result-column .ah-listing-card .ah-similar-body { display: flex; flex: 1; flex-direction: column; } /* description remains balanced */ body.ah-theme .ah-result-column .ah-listing-card .ah-similar-description { min-height: 40px; } /* footer stays aligned at bottom */ body.ah-theme .ah-result-column .ah-listing-card .ah-similar-footer { margin-top: auto; } /* listing grid spacing */ body.ah-theme .ah-results-grid { margin-left: -9px !important; margin-right: -9px !important; } body.ah-theme .ah-result-column { padding-left: 9px !important; padding-right: 9px !important; } /* Do not let old card-star/ribbon rules affect new cards */ body.ah-theme .ah-listing-card .budget, body.ah-theme .ah-listing-card .property-card-tags, body.ah-theme .ah-listing-card .utube-btn { display: none !important; } /* ============================================================ FEATURED — CLEAN WHITE STAR ============================================================ */ body.ah-theme .ah-listing-featured { position: absolute; top: 15px; right: 15px; display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; z-index: 8; color: #fff; pointer-events: none; } body.ah-theme .ah-listing-featured i { color: #fff !important; font-size: 18px !important; line-height: 1 !important; text-shadow: 0 2px 5px rgba(0,0,0,.75), 0 0 12px rgba(0,0,0,.28); } /* ============================================================ LIST VIEW V2 — HORIZONTAL SIMILAR-PROPERTY CARD ============================================================ */ body.ah-theme .ah-listing-list { display: flex; flex-direction: column; gap: 18px; } /* card */ body.ah-theme .ah-listing-list-card { display: grid; grid-template-columns: minmax(270px, 32%) minmax(0, 1fr); overflow: hidden; min-height: 225px; border: 1px solid #e8e3da; border-radius: 14px; background: #fff; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; } body.ah-theme .ah-listing-list-card:hover { transform: translateY(-2px); border-color: #ceb47f; box-shadow: 0 18px 44px rgba(17,17,17,.055); } /* image */ body.ah-theme .ah-listing-list-image { position: relative; display: block; min-height: 225px; overflow: hidden; background: #f5f3ee; } body.ah-theme .ah-listing-list-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .45s cubic-bezier(.2,.7,.2,1); } body.ah-theme .ah-listing-list-card:hover .ah-listing-list-image img { transform: scale(1.025); } /* body */ body.ah-theme .ah-listing-list-body { display: flex; min-width: 0; flex-direction: column; justify-content: space-between; padding: 25px 28px 23px; } /* title */ body.ah-theme .ah-listing-list-title { margin: 0 0 10px !important; font-size: 21px !important; line-height: 1.28 !important; font-weight: 650 !important; letter-spacing: -.02em; } body.ah-theme .ah-listing-list-title a { color: #111 !important; text-decoration: none !important; } body.ah-theme .ah-listing-list-title a:hover { color: #7f6535 !important; } /* description */ body.ah-theme .ah-listing-list-description { display: -webkit-box; max-width: 720px; overflow: hidden; margin: 0 !important; color: #746f67 !important; font-size: 12px !important; line-height: 1.65 !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* footer */ body.ah-theme .ah-listing-list-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 26px; padding-top: 18px; border-top: 1px solid #eeeae3; } /* price */ body.ah-theme .ah-listing-list-price { color: #111; font-size: 20px; line-height: 1; font-weight: 700; letter-spacing: -.025em; } /* Keep CTA identical to grid card */ body.ah-theme .ah-listing-list-footer .ah-similar-link { flex: 0 0 auto; } /* tablet */ @media (max-width: 1100px) { body.ah-theme .ah-listing-list-card { grid-template-columns: minmax(230px, 35%) minmax(0, 1fr); } } /* mobile */ @media (max-width: 767px) { body.ah-theme .ah-listing-list-card { grid-template-columns: 1fr; } body.ah-theme .ah-listing-list-image { aspect-ratio: 16 / 10; min-height: 0; } body.ah-theme .ah-listing-list-body { padding: 20px; } body.ah-theme .ah-listing-list-footer { margin-top: 22px; } } /* ============================================================ FEATURED CORNER RIBBON — BLACK CORNER / GOLD STAR ============================================================ */ body.ah-theme .ah-listing-featured { position: absolute; top: 0; right: 0; width: 58px; height: 58px; display: block; z-index: 9; pointer-events: none; /* siyah köşe */ background: linear-gradient( 135deg, transparent 0 49.5%, #111 50% 100% ); } body.ah-theme .ah-listing-featured i { position: absolute; top: 8px; right: 8px; color: #c9a35a !important; font-size: 16px !important; line-height: 1 !important; text-shadow: none !important; } /* biraz daha küçük kartlarda oran bozulmasın */ body.ah-theme .ah-listing-list-image .ah-listing-featured { width: 56px; height: 56px; } body.ah-theme .ah-listing-list-image .ah-listing-featured i { top: 8px; right: 8px; } /* hover'da saçma efekt olmasın */ body.ah-theme .ah-listing-featured:hover, body.ah-theme .ah-listing-featured:focus { transform: none !important; opacity: 1 !important; } /* ============================================================ FEATURED CORNER — FINAL compact black corner + gold star ============================================================ */ body.ah-theme .ah-listing-featured, body.ah-theme .ah-listing-list-image .ah-listing-featured { position: absolute !important; top: 0 !important; right: 0 !important; width: 48px !important; height: 48px !important; display: block !important; background: #111 !important; /* * True upper-right corner triangle: * * ─────┐ * / │ * / │ * │ */ clip-path: polygon( 0 0, 100% 0, 100% 100% ) !important; border-top-right-radius: 13px !important; z-index: 10 !important; pointer-events: none !important; } /* Gold star positioned comfortably inside the black corner */ body.ah-theme .ah-listing-featured i, body.ah-theme .ah-listing-list-image .ah-listing-featured i { position: absolute !important; top: 8px !important; right: 8px !important; display: block !important; color: #d1a84b !important; font-size: 14px !important; line-height: 1 !important; text-shadow: none !important; } /* no hover movement */ body.ah-theme .ah-listing-featured:hover, body.ah-theme .ah-listing-featured:focus { transform: none !important; opacity: 1 !important; } /* ============================================================ FEATURED CORNER — LIST VIEW SHARP FIX Grid kartta radius kalsın, listede sivri olsun ============================================================ */ body.ah-theme .ah-listing-list-image .ah-listing-featured { border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; clip-path: polygon( 0 0, 100% 0, 100% 100% ) !important; } /* gerekirse görsel kabı da sağ köşede yuvarlaklık üretmesin */ body.ah-theme .ah-listing-list-image { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; overflow: hidden !important; } /* ============================================================ SORT SELECT — NATIVE / AJAX SAFE ============================================================ */ body.ah-theme .ah-results-sort .ah-sort-select { display: block !important; width: 100% !important; min-width: 280px; height: 44px !important; padding: 0 40px 0 14px !important; border: 1px solid #ddd7cd !important; border-radius: 10px !important; background-color: #fff !important; color: #111 !important; font-size: 13px !important; line-height: 44px !important; font-weight: 500 !important; opacity: 1 !important; visibility: visible !important; box-shadow: none !important; cursor: pointer; } body.ah-theme .ah-results-sort .ah-sort-select:hover, body.ah-theme .ah-results-sort .ah-sort-select:focus, body.ah-theme .ah-results-sort .ah-sort-select:active { border-color: #c6a15b !important; background-color: #fff !important; color: #111 !important; outline: none !important; box-shadow: 0 0 0 3px rgba(198,161,91,.08) !important; } body.ah-theme .ah-results-sort .ah-sort-select option { background: #fff !important; color: #111 !important; } /* Any stale Bootstrap-select wrapper should never occupy space */ body.ah-theme .ah-results-sort .bootstrap-select { display: none !important; } /* ============================================================ ALANYA HOME LISTING — FINAL RESPONSIVE LAYER 2026-08-08 ============================================================ */ /* Desktop-only defaults */ body.ah-theme .ah-mobile-filter-open, body.ah-theme .ah-mobile-filter-drawer-head, body.ah-theme .ah-mobile-filter-backdrop { display: none; } /* ============================================================ TABLET + MOBILE DRAWER ============================================================ */ @media (max-width: 991px) { body.ah-theme.ah-filter-drawer-open { overflow: hidden !important; } /* ---------------------------------------- PAGE ---------------------------------------- */ body.ah-theme .ah-listing-head { padding: 28px 0 26px !important; } body.ah-theme .ah-listing-breadcrumb { display: none !important; } body.ah-theme .ah-listing-kicker { margin-bottom: 9px !important; font-size: 10px !important; } body.ah-theme .ah-listing-title { max-width: 760px !important; font-size: clamp( 31px, 7vw, 44px ) !important; line-height: 1.04 !important; letter-spacing: -.035em !important; } body.ah-theme .ah-listing-main { padding: 28px 0 54px !important; } /* Sidebar no longer participates in grid */ body.ah-theme .ah-listing-layout { display: block !important; } body.ah-theme .ah-listing-results-column { width: 100% !important; } /* ---------------------------------------- RESULTS HEADER ---------------------------------------- */ body.ah-theme .ah-results-top { margin-bottom: 22px !important; } body.ah-theme .ah-results-heading { display: block !important; } body.ah-theme .ah-results-title { margin-bottom: 7px !important; font-size: 25px !important; } body.ah-theme .ah-results-count { font-size: 12px !important; } /* controls below title */ body.ah-theme .ah-results-controls { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; gap: 10px !important; width: 100% !important; margin-top: 20px !important; align-items: end !important; } body.ah-theme .ah-results-sort { min-width: 0 !important; } body.ah-theme .ah-results-sort-label { margin-bottom: 7px !important; font-size: 9px !important; } body.ah-theme .ah-results-sort .ah-sort-select { width: 100% !important; min-width: 0 !important; height: 46px !important; padding: 0 37px 0 13px !important; font-size: 12px !important; } /* Hide desktop grid/list switch */ body.ah-theme .ah-results-view { display: none !important; } /* Filter button */ body.ah-theme .ah-mobile-filter-open { display: inline-flex !important; height: 46px; align-items: center; justify-content: center; gap: 7px; padding: 0 14px; border: 1px solid #111; border-radius: 10px; background: #111; color: #fff; font-size: 11px; font-weight: 650; white-space: nowrap; cursor: pointer; } body.ah-theme .ah-mobile-filter-open i { color: #d1a84b; } /* ---------------------------------------- FILTER DRAWER ---------------------------------------- */ body.ah-theme #ah-listing-filter-drawer { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 10050 !important; display: block !important; width: min( 390px, calc(100vw - 34px) ) !important; max-width: 100% !important; padding: 0 !important; overflow-y: auto !important; overscroll-behavior: contain; background: #fff !important; box-shadow: -18px 0 50px rgba(0,0,0,.15); transform: translateX(105%); transition: transform .28s cubic-bezier(.2,.7,.2,1); visibility: hidden; } body.ah-theme #ah-listing-filter-drawer.is-open { transform: translateX(0); visibility: visible; } /* drawer heading */ body.ah-theme .ah-mobile-filter-drawer-head { position: sticky; top: 0; z-index: 30; display: flex !important; min-height: 68px; align-items: center; justify-content: space-between; gap: 20px; padding: 0 18px; border-bottom: 1px solid #ece8e1; background: #fff; } body.ah-theme .ah-mobile-filter-drawer-head strong { color: #111; font-size: 17px; font-weight: 700; } body.ah-theme .ah-mobile-filter-close { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; padding: 0; border: 1px solid #ddd7cd; border-radius: 50%; background: #fff; color: #111; font-size: 28px; line-height: 1; cursor: pointer; } /* drawer widget */ body.ah-theme #ah-listing-filter-drawer .ah-listing-filter-sticky { position: static !important; top: auto !important; } body.ah-theme #ah-listing-filter-drawer .widget-rightcustomfilter { max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* widget already has drawer title above */ body.ah-theme #ah-listing-filter-drawer .widget-rightcustomfilter > .widget-header:first-child { display: none !important; } body.ah-theme #ah-listing-filter-drawer .widget-rightcustomfilter .form-additional { padding: 20px 18px 28px !important; } /* backdrop */ body.ah-theme .ah-mobile-filter-backdrop { position: fixed; inset: 0; z-index: 10040; display: block; width: 100%; height: 100%; padding: 0; border: 0; background: rgba(17,17,17,.43); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .22s ease, visibility .22s ease; } body.ah-theme .ah-mobile-filter-backdrop.is-open { opacity: 1; visibility: visible; pointer-events: auto; } /* ---------------------------------------- GRID ---------------------------------------- */ body.ah-theme .ah-results-grid { display: block !important; margin: 0 !important; } body.ah-theme .ah-result-column { display: block !important; width: 100% !important; max-width: none !important; flex: none !important; margin: 0 0 22px !important; padding: 0 !important; } body.ah-theme .ah-result-column .ah-listing-card { width: 100% !important; margin: 0 !important; } /* image */ body.ah-theme .ah-listing-card .ah-similar-image { aspect-ratio: 16 / 10; min-height: 0 !important; } body.ah-theme .ah-listing-card .ah-similar-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; } /* body */ body.ah-theme .ah-listing-card .ah-similar-body { padding: 20px 19px 19px !important; } body.ah-theme .ah-listing-card .ah-similar-location { margin-bottom: 10px !important; font-size: 10px !important; letter-spacing: .09em !important; } body.ah-theme .ah-listing-card .ah-similar-card-title { margin-bottom: 11px !important; font-size: 20px !important; line-height: 1.28 !important; } body.ah-theme .ah-listing-card .ah-similar-description { min-height: 0 !important; margin-bottom: 0 !important; font-size: 12px !important; line-height: 1.55 !important; } body.ah-theme .ah-listing-card .ah-similar-footer { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin-top: 18px !important; padding-top: 17px !important; } body.ah-theme .ah-listing-card .ah-similar-price { font-size: 19px !important; } body.ah-theme .ah-listing-card .ah-similar-link { flex: 0 0 auto; font-size: 11px !important; white-space: nowrap; } /* badge */ body.ah-theme .ah-listing-card .ah-similar-badge { left: 14px !important; bottom: 14px !important; padding: 7px 10px !important; font-size: 9px !important; } /* featured corner */ body.ah-theme .ah-listing-card .ah-listing-featured { width: 46px !important; height: 46px !important; border-top-right-radius: 12px !important; } body.ah-theme .ah-listing-card .ah-listing-featured i { top: 8px !important; right: 8px !important; font-size: 13px !important; } /* ---------------------------------------- LIST VIEW On mobile make it visually identical to grid. ---------------------------------------- */ body.ah-theme .ah-listing-list { gap: 22px !important; } body.ah-theme .ah-listing-list-card { display: grid !important; grid-template-columns: 1fr !important; min-height: 0 !important; } body.ah-theme .ah-listing-list-image { aspect-ratio: 16 / 10 !important; min-height: 0 !important; border-top-right-radius: 13px !important; } body.ah-theme .ah-listing-list-body { padding: 20px 19px 19px !important; } body.ah-theme .ah-listing-list-title { font-size: 20px !important; } body.ah-theme .ah-listing-list-footer { gap: 14px !important; margin-top: 18px !important; padding-top: 17px !important; } /* ---------------------------------------- PAGINATION ---------------------------------------- */ body.ah-theme .ah-results-pagination { margin-top: 30px !important; } body.ah-theme .ah-results-pagination .pagination.properties > ul.pagination { gap: 5px !important; flex-wrap: nowrap !important; } body.ah-theme .ah-results-pagination .pagination.properties > ul.pagination > li > a, body.ah-theme .ah-results-pagination .pagination.properties > ul.pagination > li > span { width: 38px !important; min-width: 38px !important; height: 38px !important; border-radius: 9px !important; font-size: 12px !important; } } /* ============================================================ PHONE ============================================================ */ @media (max-width: 575px) { body.ah-theme .ah-listing-head { padding: 24px 0 22px !important; } body.ah-theme .ah-listing-title { font-size: clamp( 30px, 9vw, 38px ) !important; } body.ah-theme .ah-listing-main { padding-top: 24px !important; } body.ah-theme .ah-results-controls { grid-template-columns: 1fr !important; } body.ah-theme .ah-mobile-filter-open { width: 100% !important; } body.ah-theme #ah-listing-filter-drawer { width: min( 370px, calc(100vw - 22px) ) !important; } body.ah-theme .ah-listing-card .ah-similar-card-title, body.ah-theme .ah-listing-list-title { font-size: 19px !important; } } /* ============================================================ VERY SMALL PHONE ============================================================ */ @media (max-width: 374px) { body.ah-theme .ah-listing-card .ah-similar-footer, body.ah-theme .ah-listing-list-footer { align-items: flex-start !important; flex-direction: column !important; } body.ah-theme .ah-results-pagination .pagination.properties > ul.pagination { gap: 4px !important; } body.ah-theme .ah-results-pagination .pagination.properties > ul.pagination > li > a, body.ah-theme .ah-results-pagination .pagination.properties > ul.pagination > li > span { width: 35px !important; min-width: 35px !important; height: 35px !important; } } /* ============================================================ LISTING MOBILE — FLOATING SERVICES FINAL ============================================================ */ @media (max-width: 767px) { /* * WhatsApp * Legacy widget makes this ~80px on mobile. * Listing pages use a compact 54px control. */ body.ah-theme .alh-whatsapp-wrap { left: 12px !important; bottom: 14px !important; z-index: 9000 !important; width: 54px !important; height: 54px !important; line-height: 0 !important; } body.ah-theme .alh-whatsapp-btn { width: 54px !important; height: 54px !important; min-width: 54px !important; min-height: 54px !important; padding: 0 !important; border-radius: 50% !important; } body.ah-theme .alh-wa-ic { width: 54px !important; height: 54px !important; flex: 0 0 54px !important; } /* * Telegram */ body.ah-theme .alh-telegram-wrap { left: 74px !important; bottom: 14px !important; z-index: 9000 !important; width: 54px !important; height: 54px !important; line-height: 0 !important; } body.ah-theme .alh-telegram-btn { width: 54px !important; height: 54px !important; min-width: 54px !important; min-height: 54px !important; padding: 0 !important; border-radius: 50% !important; } body.ah-theme .alh-tg-ic { width: 54px !important; height: 54px !important; flex: 0 0 54px !important; } /* * Lina * Keep the widget functional, but position its launcher * beside WhatsApp + Telegram. */ body.ah-theme #ah-ai { z-index: 8999 !important; } body.ah-theme #ah-ai .ah-ai-launch { position: fixed !important; left: 136px !important; bottom: 14px !important; width: 54px !important; height: 54px !important; min-width: 54px !important; min-height: 54px !important; z-index: 8999 !important; } /* * Scroll to top remains on opposite side. */ body.ah-theme #ah-scrolltop.ah-scrolltop { right: 14px !important; bottom: 18px !important; width: 44px !important; height: 44px !important; z-index: 8998 !important; } /* * Important: * while filter drawer is open, no floating service is * allowed above or behind the drawer. */ body.ah-theme.ah-filter-drawer-open .alh-whatsapp-wrap, body.ah-theme.ah-filter-drawer-open .alh-telegram-wrap, body.ah-theme.ah-filter-drawer-open #ah-ai, body.ah-theme.ah-filter-drawer-open #ah-scrolltop { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } } /* slightly tighter on narrow phones */ @media (max-width: 374px) { body.ah-theme .alh-whatsapp-wrap { left: 10px !important; } body.ah-theme .alh-telegram-wrap { left: 70px !important; } body.ah-theme #ah-ai .ah-ai-launch { left: 130px !important; } } /* ============================================================ MODERN PAGE BACKGROUND SYSTEM — UNIFIED Hero: #f7f6f3 Content: #ffffff ============================================================ */ body.ah-theme .ah-listing-head { background: #f7f6f3 !important; border-bottom: 1px solid #ebe7df !important; } body.ah-theme .ah-listing-main { background: #ffffff !important; }