/* KAYIP-WEB-COMPLETION-01-V100
   Additive public UX layer. Core PHP/search/business logic is intentionally untouched. */

:root{
  --kayip-content:1360px;
  --kayip-radius:18px;
  --kayip-focus:3px solid rgba(96,165,250,.72);
}
html{scroll-behavior:smooth}
body{overflow-wrap:anywhere}
img{max-width:100%;height:auto}
a,button,input,select,textarea{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:var(--kayip-focus);outline-offset:3px
}

/* Kart görsellerinde baş/son kırpılmasını azaltır.
   Yalnız bilinen ilan görsel sınıfları hedeflenir. */
.listing-image-wrap{
  position:relative;overflow:hidden;background:rgba(255,255,255,.035)
}
.listing-image{
  width:100%!important;
  height:100%!important;
  min-height:220px;
  max-height:420px;
  object-fit:contain!important;
  object-position:center center!important;
  background:rgba(3,8,18,.72)
}
.listing-card{min-width:0}
.listing-title{overflow-wrap:anywhere}

/* Filtre ve arama kontrollerinde mobil kullanılabilirlik */
form input[type="search"],
form input[type="text"],
form select{
  min-height:44px;
}
button,.btn,a.button,[class*="btn"]{
  min-height:42px;
}

/* Harita konteynerlerinin taşmasını engeller */
#map,.map,.map-container,[class*="map-wrap"],[class*="map-container"]{
  max-width:100%;overflow:hidden;border-radius:var(--kayip-radius)
}

/* Uzun açıklama / link / konum metinleri */
.description,.ilan-aciklama,.listing-content,.detail-content,.content{
  overflow-wrap:anywhere;word-break:normal
}

@media (max-width:900px){
  .home-shell,.container,.wrap{padding-left:16px!important;padding-right:16px!important}
  .hero-row{grid-template-columns:1fr!important}
  .hero-min{padding:26px 20px!important}
  .hero-min-title{font-size:clamp(34px,10vw,52px)!important;letter-spacing:-1.5px!important}
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .listing-image{min-height:190px}
}

@media (max-width:560px){
  .card-grid{grid-template-columns:1fr!important}
  .listing-image{min-height:240px;max-height:360px}
  .listing-card{border-radius:16px!important}
  .hero-min{padding:22px 16px!important}
  input,select,textarea,button{font-size:16px}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}