/* VEA ADIM 83 - TEK MOBIL HARITA TEST TASARIMI */
@media screen and (max-width:767px) {
  body:has(#vea-home-map) {
    overflow-x:hidden;
    overflow-y:auto!important;
  }
  body:has(#vea-home-map) .property-map-section {
    position:relative!important;
    display:block!important;
    height:100svh!important;
    min-height:520px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    isolation:isolate;
  }
  body:has(#vea-home-map) .property-map-container {
    position:absolute!important;
    display:block!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    transform:none!important;
  }
  body:has(#vea-home-map) #vea-home-map {
    position:absolute!important;
    display:block!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    z-index:1!important;
    touch-action:pan-y!important;
  }
  body:has(#vea-home-map) #vea-home-map .leaflet-container,
  body:has(#vea-home-map) #vea-home-map .maplibregl-map {
    touch-action:pan-y!important;
  }
  body:has(#vea-home-map) .map-location-label {
    display:none!important;
  }

  /* UST: UC AYRI KOMPAKT FILTRE */
  body:has(#vea-home-map) .map-legend {
    position:absolute!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    top:10px!important;
    left:10px!important;
    right:10px!important;
    bottom:auto!important;
    width:auto!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    gap:5px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    transform:none!important;
    z-index:850!important;
  }
  body:has(#vea-home-map) .map-legend > span {
    display:none!important;
  }
  body:has(#vea-home-map) .map-legend > .vea83-filter {
    display:flex!important;
    flex:1 1 0!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    width:auto!important;
    height:35px!important;
    min-height:35px!important;
    max-height:35px!important;
    margin:0!important;
    padding:0 3px!important;
    gap:5px!important;
    font:700 clamp(10px,2.7vw,12px)/1 system-ui,sans-serif!important;
    white-space:nowrap!important;
    color:#fff!important;
    background:rgba(15,31,52,.68)!important;
    border:1px solid rgba(255,255,255,.34)!important;
    border-radius:10px!important;
    box-shadow:0 3px 10px rgba(0,0,0,.1)!important;
    box-sizing:border-box!important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }
  body:has(#vea-home-map) .vea83-filter i {
    display:block!important;
    width:8px!important;
    height:8px!important;
    flex:0 0 8px!important;
    border-radius:50%!important;
  }
  body:has(#vea-home-map) .vea83-filter[aria-pressed="true"] {
    background:rgba(245,249,255,.96)!important;
    color:#14263c!important;
    border-color:#fff!important;
  }

  /* SAG: DIKEY, HARITANIN ICINDE */
  body:has(#vea-home-map) .map-legend > .vea-3d-controls {
    position:absolute!important;
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    top:45px!important;
    right:0!important;
    bottom:auto!important;
    left:auto!important;
    flex:0 0 auto!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:auto!important;
    margin:0!important;
    padding:4px!important;
    gap:4px!important;
    border:1px solid rgba(255,255,255,.3)!important;
    border-radius:11px!important;
    background:rgba(15,31,52,.73)!important;
    transform:none!important;
    box-sizing:border-box!important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    z-index:900!important;
  }
  body:has(#vea-home-map) .vea-3d-controls button {
    display:flex!important;
    flex:0 0 36px!important;
    align-items:center!important;
    justify-content:center!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    padding:0!important;
    border-radius:8px!important;
    font-size:12px!important;
    font-weight:800!important;
    box-sizing:border-box!important;
  }
  body:has(#vea-home-map) .vea83-list {
    position:absolute!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    top:146px!important;
    right:10px!important;
    bottom:auto!important;
    left:auto!important;
    width:44px!important;
    height:49px!important;
    margin:0!important;
    padding:3px!important;
    gap:2px!important;
    border:1px solid rgba(255,255,255,.3)!important;
    border-radius:11px!important;
    color:white!important;
    background:rgba(15,31,52,.73)!important;
    font:700 9px/1 system-ui,sans-serif!important;
    box-sizing:border-box!important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    z-index:880!important;
  }
  body:has(#vea-home-map) .vea83-list strong {
    font-size:17px!important;
    line-height:1!important;
    color:white!important;
  }

  /* ILAN LISTESI KAPALIYKEN HARITA GORUNUR */
  body:has(#vea-home-map) #vea-property-panel:not([hidden]) {
    display:none!important;
  }
  body:has(#vea-home-map) .vea83-open #vea-property-panel:not([hidden]) {
    position:absolute!important;
    display:block!important;
    top:204px!important;
    right:10px!important;
    bottom:132px!important;
    left:10px!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:12px!important;
    border-radius:13px!important;
    border:1px solid rgba(255,255,255,.3)!important;
    background:rgba(15,31,52,.95)!important;
    overflow:auto!important;
    z-index:875!important;
  }
  body:has(#vea-home-map) .vea83-open #vea-property-panel .property-panel-header,
  body:has(#vea-home-map) .vea83-open #vea-property-panel .property-panel-count,
  body:has(#vea-home-map) .vea83-open #vea-property-panel .property-panel-content {
    display:block!important;
  }
  body:has(#vea-home-map) .vea83-open #vea-property-panel .property-panel-footer,
  body:has(#vea-home-map) .vea83-open #vea-property-panel .vea72-toggle {
    display:none!important;
  }

  /* ALT: GERCEKTEN KOMPAKT, ANAHTAR KELIME YOK */
  body:has(#vea-home-map) .vea-quick-search {
    position:absolute!important;
    display:block!important;
    top:auto!important;
    right:10px!important;
    bottom:calc(90px + env(safe-area-inset-bottom, 0px))!important;
    left:10px!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:8px!important;
    border:1px solid rgba(255,255,255,.32)!important;
    border-radius:13px!important;
    background:rgba(15,31,52,.76)!important;
    box-shadow:0 3px 16px rgba(0,0,0,.13)!important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    transform:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    z-index:950!important;
  }
  body:has(#vea-home-map) #vea-quick-search-form {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:38px 40px!important;
    gap:6px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-sizing:border-box!important;
  
    border-radius:0!important;
    box-shadow:none!important;
    outline:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    max-width:none!important;
    pointer-events:auto!important;
}
  body:has(#vea-home-map) .vea-quick-search-select {
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0!important;
      border-right:none!important;
}
  body:has(#vea-home-map) .vea-quick-search-select select {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0 7px!important;
    font-size:12px!important;
    font-weight:700!important;
    color:#fff!important;
    background:rgba(255,255,255,.15)!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:9px!important;
    box-sizing:border-box!important;
    -webkit-appearance:menulist!important;
    appearance:auto!important;
  }
  body:has(#vea-home-map) .vea-quick-search-input {
    display:none!important;
  }
  body:has(#vea-home-map) .vea-quick-search-button {
    display:flex!important;
    grid-column:1/-1!important;
    grid-row:2!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:9px!important;
    background:#d5a068!important;
    color:#15283d!important;
    font:800 13px/1 system-ui,sans-serif!important;
    box-sizing:border-box!important;
  }
  body:has(#vea-home-map) .vea-quick-search-message:not([hidden]) {
    display:block!important;
    margin:5px 0 0!important;
    padding:3px!important;
    font-size:11px!important;
    color:white!important;
  }
  body:has(#vea-home-map) .vea83-hint {
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:min(285px,80vw)!important;
    padding:14px!important;
    color:white!important;
    background:rgba(13,27,46,.86)!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:14px!important;
    box-shadow:0 9px 28px rgba(0,0,0,.2)!important;
    backdrop-filter:blur(15px);
    -webkit-backdrop-filter:blur(15px);
    transform:translate(-50%,-50%)!important;
    text-align:center!important;
    font:500 12px/1.4 system-ui,sans-serif!important;
    pointer-events:none!important;
    opacity:0!important;
    transition:opacity .2s ease;
    z-index:990!important;
  }
  body:has(#vea-home-map) .vea83-hint.visible {
    opacity:1!important;
  }
  body:has(#vea-home-map) .vea83-hint strong {
    display:block!important;
    margin-bottom:5px!important;
    font-size:14px!important;
  }
  body:has(#vea-home-map) .leaflet-control-zoom {
    margin-top:125px!important;
    margin-left:10px!important;
  }
}