/* listings-pro-clean.css */

:root{
  --lp-bg:#f6f7f9;
  --lp-card:#ffffff;
  --lp-border:#e5e7eb;
  --lp-text:#111827;
  --lp-muted:#6b7280;
  --lp-soft:#f3f4f6;
  --lp-dark:#050b0b;
}

body{
  background:var(--lp-bg) !important;
}

/* Genel pro sayfa */
.pro-listings-page,
.listings-pro-page,
.listings-page,
main{
  box-sizing:border-box;
}

/* Hero / arama alanı */
.pro-hero,
.search-hero,
.listings-hero{
  max-width:1320px !important;
  margin:24px auto 18px !important;
  padding:28px !important;
  border-radius:28px !important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%) !important;
  border:1px solid var(--lp-border) !important;
  box-shadow:0 18px 45px rgba(15,23,42,.06) !important;
}

.pro-hero h1,
.search-hero h1,
.listings-hero h1{
  color:var(--lp-text) !important;
  font-size:34px !important;
  line-height:1.1 !important;
  letter-spacing:-.04em !important;
  margin:0 0 10px !important;
}

.pro-search,
.smart-search,
.search-shell,
.search-box{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  margin-top:18px !important;
}

#smartQ,
#q,
.search-input,
.pro-search input[type="search"],
.smart-search input[type="search"]{
  flex:1 1 auto !important;
  min-width:0 !important;
  height:56px !important;
  border-radius:18px !important;
  border:1px solid var(--lp-border) !important;
  background:#fff !important;
  color:var(--lp-text) !important;
  padding:0 18px !important;
  font-size:16px !important;
  font-weight:700 !important;
  outline:0 !important;
}

.pro-search button,
.smart-search button,
.search-shell button,
.search-btn{
  height:56px !important;
  min-width:118px !important;
  border-radius:18px !important;
  border:0 !important;
  background:var(--lp-dark) !important;
  color:#fff !important;
  font-weight:900 !important;
  cursor:pointer !important;
}

/* Ana içerik: filtre + ilan grid */
.pro-layout,
.listings-layout,
.results-layout{
  max-width:1320px !important;
  margin:0 auto 60px !important;
  padding:0 18px !important;
  display:grid !important;
  grid-template-columns:300px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:start !important;
}

/* Filtre panel */
.filter-panel,
.filters-panel,
.pro-filters,
.sidebar-filters{
  position:sticky !important;
  top:92px !important;
  align-self:start !important;
  background:#fff !important;
  border:1px solid var(--lp-border) !important;
  border-radius:24px !important;
  padding:18px !important;
  box-shadow:0 14px 35px rgba(15,23,42,.05) !important;
  max-height:calc(100vh - 110px) !important;
  overflow:auto !important;
}

.filter-panel label,
.filters-panel label,
.pro-filters label{
  color:var(--lp-muted) !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  margin-bottom:7px !important;
  display:block !important;
}

.filter-panel input,
.filter-panel select,
.filters-panel input,
.filters-panel select,
.pro-filters input,
.pro-filters select{
  width:100% !important;
  height:44px !important;
  border:1px solid var(--lp-border) !important;
  background:#f8fafc !important;
  border-radius:14px !important;
  padding:0 12px !important;
  color:var(--lp-text) !important;
  font-weight:700 !important;
  outline:0 !important;
  box-sizing:border-box !important;
  margin-bottom:12px !important;
}

/* Sonuç üst bar */
.results-top,
.results-toolbar,
.listings-toolbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  background:#fff !important;
  border:1px solid var(--lp-border) !important;
  border-radius:20px !important;
  padding:14px 16px !important;
  margin-bottom:16px !important;
}

/* Grid */
#listingsGrid,
.listings-grid,
.results-grid,
.pro-results-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}

/* Kartlar */
.listing-card,
.pro-listing-card,
.result-card,
.card-listing{
  background:#fff !important;
  border:1px solid var(--lp-border) !important;
  border-radius:22px !important;
  overflow:hidden !important;
  box-shadow:0 12px 32px rgba(15,23,42,.06) !important;
  transition:transform .18s ease, box-shadow .18s ease !important;
}

.listing-card:hover,
.pro-listing-card:hover,
.result-card:hover,
.card-listing:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 18px 45px rgba(15,23,42,.10) !important;
}

.listing-card img,
.pro-listing-card img,
.result-card img,
.card-listing img{
  width:100% !important;
  aspect-ratio:4/3 !important;
  object-fit:cover !important;
  display:block !important;
  background:#eef0f3 !important;
}

.listing-card-body,
.card-body,
.pro-card-body{
  padding:14px !important;
}

.listing-card h3,
.pro-listing-card h3,
.result-card h3,
.card-listing h3{
  color:var(--lp-text) !important;
  font-size:16px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  margin:0 0 8px !important;
}

.listing-price,
.card-price,
.price{
  color:#111 !important;
  font-size:20px !important;
  font-weight:950 !important;
  letter-spacing:-.03em !important;
}

.listing-location,
.card-location,
.location{
  color:var(--lp-muted) !important;
  font-size:13px !important;
  font-weight:700 !important;
}

/* Tablet */
@media(max-width:1180px){
  .pro-layout,
  .listings-layout,
  .results-layout{
    grid-template-columns:260px minmax(0,1fr) !important;
    gap:18px !important;
  }

  #listingsGrid,
  .listings-grid,
  .results-grid,
  .pro-results-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Mobil */
@media(max-width:760px){
  .pro-hero,
  .search-hero,
  .listings-hero{
    margin:12px 12px 14px !important;
    padding:18px !important;
    border-radius:22px !important;
  }

  .pro-hero h1,
  .search-hero h1,
  .listings-hero h1{
    font-size:25px !important;
  }

  .pro-search,
  .smart-search,
  .search-shell,
  .search-box{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  #smartQ,
  #q,
  .search-input{
    height:52px !important;
  }

  .pro-search button,
  .smart-search button,
  .search-shell button,
  .search-btn{
    width:100% !important;
    height:52px !important;
  }

  .pro-layout,
  .listings-layout,
  .results-layout{
    display:block !important;
    padding:0 12px 36px !important;
  }

  .filter-panel,
  .filters-panel,
  .pro-filters,
  .sidebar-filters{
    position:static !important;
    max-height:none !important;
    margin-bottom:14px !important;
    border-radius:20px !important;
  }

  .results-top,
  .results-toolbar,
  .listings-toolbar{
    border-radius:18px !important;
    padding:12px !important;
    flex-wrap:wrap !important;
  }

  #listingsGrid,
  .listings-grid,
  .results-grid,
  .pro-results-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
}