/* Offers filters: grouped (search / location / property / price+area / status+follow-up).
   Layout only: the controls stay direct children of .available-filter-grid with the same ids. */
.available-filter-grid.ap-fg{grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;align-items:center}
.ap-fg .ap-fg-title{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12.5px;font-weight:800;color:#0b666a}
.ap-fg .ap-fg-title::before{content:"";width:4px;height:14px;border-radius:2px;background:#0b666a}
.ap-fg .ap-fg-title::after{content:"";flex:1;height:1px;background:rgba(11,102,106,.16)}
.ap-fg .ap-fg-title[hidden]{display:none}
.ap-fg .ap-fg-badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#0b666a;color:#fff;font-size:11px;line-height:20px;text-align:center}
.ap-fg .ap-fg-badge:empty{display:none}
.ap-fg #apSearch{grid-column:1/-1;height:46px;border-radius:12px;font-size:14.5px;padding-inline-start:42px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230b666a' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat right 14px center;border-color:rgba(11,102,106,.35)}
.ap-fg #apSearch:focus{box-shadow:0 0 0 3px rgba(11,102,106,.14);border-color:#0b666a;outline:0}
.ap-fg #apCity,.ap-fg #apDistrict{grid-column:span 3}
.ap-fg #apPlanNo,.ap-fg #apPlotNo,.ap-fg #apStreetName{grid-column:span 2}
.ap-fg #apType,.ap-fg #apLandCategoryFilter,.ap-fg #apDirection,.ap-fg #apRentalTenant{grid-column:span 2}
.ap-fg .available-filter-pair{grid-column:span 6}
.ap-fg #apLandStreetType,.ap-fg #apLandShapeFilter,.ap-fg #apNearbyLandFilter{grid-column:span 4}
.ap-fg #apMinPrice,.ap-fg #apMaxPrice{grid-column:span 3}
.ap-fg #apMinArea,.ap-fg #apMaxArea,.ap-fg #apPriceSort{grid-column:span 2}
.ap-fg #apStatus,.ap-fg #apUrgent,.ap-fg #apLicense{grid-column:span 3}
.ap-fg #apReviewAge,.ap-fg #apAddedPreset{grid-column:span 3}
.ap-fg #apAddedFrom,.ap-fg #apAddedTo{grid-column:span 6}
.ap-fg>:not(.ap-fg-title):not(.ap-fg-item){grid-column:1/-1}
.ap-fg .ap-fg-active,.ap-fg .ap-fg-active input,.ap-fg .ap-fg-active select{border-color:#0b666a!important}
.ap-fg input.ap-fg-active,.ap-fg select.ap-fg-active{background-color:#e9f5f4!important;box-shadow:0 0 0 2px rgba(11,102,106,.12);font-weight:700}
@media(max-width:1180px){
  .ap-fg #apCity,.ap-fg #apDistrict,.ap-fg #apPlanNo,.ap-fg #apPlotNo,.ap-fg #apStreetName,.ap-fg #apType,.ap-fg #apLandCategoryFilter,.ap-fg #apRentalTenant,.ap-fg #apDirection,.ap-fg #apLandStreetType,.ap-fg #apLandShapeFilter,.ap-fg #apNearbyLandFilter,.ap-fg #apMinPrice,.ap-fg #apMaxPrice,.ap-fg #apMinArea,.ap-fg #apMaxArea,.ap-fg #apPriceSort,.ap-fg #apStatus,.ap-fg #apUrgent,.ap-fg #apReviewAge,.ap-fg #apAddedPreset,.ap-fg #apAddedFrom,.ap-fg #apAddedTo{grid-column:span 4}
  .ap-fg .available-filter-pair{grid-column:1/-1}
}
@media(max-width:720px){
  .ap-fg #apCity,.ap-fg #apDistrict,.ap-fg #apPlanNo,.ap-fg #apPlotNo,.ap-fg #apStreetName,.ap-fg #apType,.ap-fg #apLandCategoryFilter,.ap-fg #apRentalTenant,.ap-fg #apDirection,.ap-fg #apLandStreetType,.ap-fg #apLandShapeFilter,.ap-fg #apNearbyLandFilter,.ap-fg #apMinPrice,.ap-fg #apMaxPrice,.ap-fg #apMinArea,.ap-fg #apMaxArea,.ap-fg #apPriceSort,.ap-fg #apStatus,.ap-fg #apUrgent,.ap-fg #apReviewAge,.ap-fg #apAddedPreset,.ap-fg #apAddedFrom,.ap-fg #apAddedTo{grid-column:span 6}
  .ap-fg #apSearch{height:44px}
}
[data-ap-filter-purpose="rent"] .ap-fg #apType,[data-ap-filter-purpose="rent"] .ap-fg #apRentalTenant{grid-column:span 4}
/* الإيجار: النوع + تصنيف الشقة + إجمالي الغرف + الدور + فئة المستأجر على سطر واحد (8 نوفمبر 2026) */
.ap-fg #apRentalUnitCategory,.ap-fg #apRentalTotalRooms,.ap-fg #apRentalFloor{grid-column:span 2}
.ap-fg #apRentalUnitCategory[hidden],.ap-fg #apRentalTotalRooms[hidden],.ap-fg #apRentalFloor[hidden]{display:none}
[data-ap-filter-purpose="rent"] .ap-fg #apType,[data-ap-filter-purpose="rent"] .ap-fg #apRentalTenant{grid-column:span 3}
@media(max-width:1180px){
  .ap-fg #apRentalUnitCategory,.ap-fg #apRentalTotalRooms,.ap-fg #apRentalFloor,
  [data-ap-filter-purpose="rent"] .ap-fg #apType,[data-ap-filter-purpose="rent"] .ap-fg #apRentalTenant{grid-column:span 4}
}
@media(max-width:720px){
  .ap-fg #apRentalUnitCategory,.ap-fg #apRentalTotalRooms,.ap-fg #apRentalFloor,
  [data-ap-filter-purpose="rent"] .ap-fg #apType,[data-ap-filter-purpose="rent"] .ap-fg #apRentalTenant{grid-column:span 6}
}
/* فترة السعر + التأثيث + المصعد: سطر تحت «العقار والأرض» مباشرة */
.ap-fg #apRentalPricePeriod,.ap-fg #apRentalFurnishing,.ap-fg #apRentalElevator{grid-column:span 4}
.ap-fg #apRentalPricePeriod[hidden],.ap-fg #apRentalFurnishing[hidden],.ap-fg #apRentalElevator[hidden]{display:none}
@media(max-width:720px){.ap-fg #apRentalPricePeriod,.ap-fg #apRentalFurnishing,.ap-fg #apRentalElevator{grid-column:span 6}}