/* ANA SAYFA sorgu formu (eski /anasayfa4/ borderless konsepti): kart ve alan çerçeveleri olmadan, tek yüzeyli sakin yaklaşım. compact_form.css üzerine biner. */
.a4-borderless-page .navbar-custom .container-fluid,
.a4-borderless-page .e-wrap,
.a4-borderless-page .site-footer .page-wrapper{
  width:min(1180px,calc(100% - 40px));max-width:1180px;
  margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;
}
.a4-borderless-page .e-wrap>*{max-width:none;}
.a4-borderless-page .a2-compact-finder{
  width:min(100%,940px);max-width:940px;margin-left:auto;margin-right:auto;
  padding:18px 8px 10px;border:0;border-radius:0;
  background:transparent;box-shadow:none;
}
.a4-borderless-page .a2-compact-head{text-align:left;max-width:none;margin:0 0 22px;}
.a4-borderless-page .a2-compact-head h2{font-size:26px;}
.a4-borderless-page .a2-compact-map.is-on{animation:a4-map-in .3s cubic-bezier(.22,.75,.3,1);}
@keyframes a4-map-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.a4-borderless-page .a2-compact-fields .e-field select,
.a4-borderless-page .a2-compact-fields .e-field input,
.a4-borderless-page .a2-compact-fields .e-field .ts-wrapper.single .ts-control{
  border:0;background:#f0f4fa;box-shadow:none;
}
/* İl | İlçe üst satırda yan yana, Mahalle altında tam satır. kinetic_hero.css
   mahalle görünürken 3'lü (:has) düzen kurar; bu sayfada grid 2 sütun olduğu
   için o düzen alanları tam satıra düşürüyordu — burada açıkça geçersiz kılınır. */
.a4-borderless-page .e-grid.a2-compact-fields:has([data-field-neighborhood]:not([hidden])) [data-field-province],
.a4-borderless-page .e-grid.a2-compact-fields:has([data-field-neighborhood]:not([hidden])) [data-field-district]{grid-column:auto;}
.a4-borderless-page .e-grid.a2-compact-fields:has([data-field-neighborhood]:not([hidden])) [data-field-neighborhood]{grid-column:1/-1;}
/* Seçilecek alanlar (ilçe, mahalle): beyaz zemin + ince çizgi + sağda ▾ ok —
   "burada bir seçim yap" sinyali. Kilitli il ve sırası gelmemiş (disabled)
   mahalle düz soluk kalır; ilçe seçilince mahalle de bu görünüme geçer. */
.a4-borderless-page .a2-compact-fields .e-field--select select:not(:disabled),
.a4-borderless-page .a2-compact-fields .e-field--select .ts-wrapper:not(.disabled) .ts-control{
  background:var(--a2c-surface);box-shadow:inset 0 0 0 1px var(--a2c-line);
}
.a4-borderless-page .a2-compact-fields .e-field--select select:not(:disabled):hover,
.a4-borderless-page .a2-compact-fields .e-field--select .ts-wrapper:not(.disabled):hover .ts-control{
  box-shadow:inset 0 0 0 1px var(--a2c-muted);
}
.a4-borderless-page .a2-compact-fields .e-field--select select:disabled,
.a4-borderless-page .a2-compact-fields .e-field--select .ts-wrapper.disabled .ts-control{
  background:var(--a2c-soft);color:var(--a2c-muted);cursor:not-allowed;opacity:1;
}
.a4-borderless-page .a2-compact-fields .e-field--select .ts-wrapper.disabled{opacity:1;}
.a4-borderless-page .a2-compact-fields .e-field--select .ts-control input::placeholder{color:var(--a2c-muted);opacity:1;}
.a4-borderless-page .a2-compact-fields .e-field__chevron{
  position:absolute;right:16px;bottom:19px;z-index:4;font-size:14px;
  color:var(--a2c-muted);pointer-events:none;transition:transform .18s ease;
}
.a4-borderless-page .a2-compact-fields .e-field--select:has(.ts-wrapper.disabled) .e-field__chevron,
.a4-borderless-page .a2-compact-fields .e-field--select:has(select:disabled:not(.tomselected)) .e-field__chevron{opacity:.45;}
.a4-borderless-page .a2-compact-fields .e-field--select:has(.ts-wrapper.dropdown-active) .e-field__chevron{transform:rotate(180deg);}
.a4-borderless-page .a2-compact-fields .e-field--select .ts-wrapper.single .ts-control::after{display:none;}
/* Kilitli il (şimdilik yalnızca İstanbul): seçim yapılmadığı belli olsun —
   zemin daha soluk, metin ikincil ton; ölçü ve çerçeve diğer alanlarla aynı. */
.a4-borderless-page .a2-compact-fields .e-field--locked select:disabled,
.a4-borderless-page .a2-compact-fields .e-field--locked .ts-wrapper.disabled .ts-control{
  background:var(--a2c-soft);color:var(--a2c-muted);
}
.a4-borderless-page .a2-compact-fields .e-field--locked .e-field__icon,
.a4-borderless-page .a2-compact-fields .e-field--locked .e-field__lock{color:var(--a2c-muted);}
.a4-borderless-page .a2-compact-fields .e-field:focus-within input,
.a4-borderless-page .a2-compact-fields .e-field:focus-within .ts-control,
.a4-borderless-page .a2-compact-fields .e-field .ts-wrapper.focus .ts-control{
  border:0;background:#eaf1ff;box-shadow:inset 0 0 0 2px #3478f6;
}
.a4-borderless-page .a2-compact-submit{
  border-radius:14px;border:1px solid #c9e5ef;background:#e8f4fb;color:#285d77;
  box-shadow:0 10px 24px rgba(47,111,132,.08);
}
.a4-borderless-page .a2-compact-submit:hover{background:#dcedf7;border-color:#b6d9e7;color:#214f65;}
.a4-borderless-page .a2-compact-trust{padding-top:4px;}
@media(max-width:620px){
  .a4-borderless-page .navbar-custom .container-fluid,
  .a4-borderless-page .e-wrap,
  .a4-borderless-page .site-footer .page-wrapper{width:calc(100% - 40px);}
  .a4-borderless-page .a2-compact-finder{padding:10px 0 4px;}
  .a4-borderless-page .a2-compact-head{text-align:center;}
}
@media(prefers-reduced-motion:reduce){
  .a4-borderless-page .a2-compact-map.is-on{animation:none;}
}
