/* ===== DESKTOP: chip bar görünür + çakışma yok ===== */
@media (min-width:1025px){
  /* panel head normal akışta olsun ve hep görünür */
  .vamap-wrap .vamap-panel-head{
    position: relative !important;
    top: auto !important;
    background: #fff !important;
    z-index: 5 !important;
    padding: 14px 18px !important;
    border-bottom: 1px solid rgba(0,0,0,.08) !important;
    margin: 0 0 8px 0 !important; /* chipler ile kartlar arasında boşluk */
  }

  /* chip container kesinlikle flex ve kaydırılabilir olsun */
  #va-tax-filters-desktop{
    display: flex !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  #va-tax-filters-desktop::-webkit-scrollbar{ display:none !important; }

  /* chip buton görünümü – temanın pill/tab stillerini bastır */
  #va-tax-filters-desktop .explore_banner-filter{
    display:inline-flex !important; align-items:center !important;
    appearance:none !important; border:1px solid #b8a893 !important;
    background:#fff !important; color:#111 !important;
    padding:10px 14px !important; border-radius:999px !important;
    font:800 12px/1 "Inter",system-ui,Arial !important; letter-spacing:.06em !important;
    white-space:nowrap !important; cursor:pointer !important;
    box-shadow:none !important; text-transform:none !important;
  }
  #va-tax-filters-desktop .explore_banner-filter.is-active{
    background:#8b6e4a !important; border-color:#8b6e4a !important; color:#fff !important;
  }

  /* liste başına ekstra boşluk gerekmesin */
  .vamap-wrap .vamap-list{ padding-top:0 !important; }
}

/* ===== Card vertical spacing – üst/alt eşit ===== */
.vamap-list .va-card{
  margin:12px 10px !important;
  padding:16px 18px !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:0 2px 8px rgba(0,0,0,.06) !important;
}
.vamap-list .va-card:first-child{ margin-top:0 !important; }

/* ===== Mobile/Tablet: MAP ↔ CARD arası 20px (emin olalım) ===== */
@media (max-width:1024px){
  .vamap-map{ margin-bottom:20px !important; }
}

/* ===== Fullscreen overlay sadece görsel kalsın ===== */
#va-fs-overlay{
  pointer-events: none !important;
  z-index: 99998 !important;
}
.vamap-wrap.is-full{ z-index: 99999 !important; }
/* ===================== FIX: Menüler ayrıştırıldı ===================== */

/* Varsayılan: desktop bar gizli, mobile bar görünür */
#va-tax-filters-desktop{ display:none; }
.explore_banner-filters{ display:flex; }

/* ---- MOBILE/TABLET (<=1024px) ---- */
@media (max-width:1024px){
  /* yatay scroll + pill görünüm */
  .explore_banner-filters{
    gap:10px;
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:6px 0;
    margin: 6px 0 10px 0;
  }
  .explore_banner-filters::-webkit-scrollbar{ display:none; }

  .explore_banner-filters .explore_banner-filter{
    display:inline-flex; align-items:center;
    appearance:none; border:1px solid #b8a893;
    background:#fff; color:#111;
    padding:10px 14px; border-radius:999px;
    font:800 12px/1 "Inter",system-ui,Arial;
    letter-spacing:.06em; white-space:nowrap; cursor:pointer;
    box-shadow:none; text-transform:none;
  }
  .explore_banner-filters .explore_banner-filter.is-active{
    background:#8b6e4a; border-color:#8b6e4a; color:#fff;
  }

  /* Map ↔ Card boşluğu (20px) */
  .vamap-map{ margin-bottom:20px !important; }
}

/* ---- DESKTOP (>=1025px) ---- */
@media (min-width:1025px){
  /* sadece desktop bar görünsün */
  #va-tax-filters-desktop{ display:flex !important; }
  .explore_banner-filters{ display:none !important; }

  /* panel head overlap düzeltmesi */
  .vamap-wrap .vamap-panel-head{
    position:relative !important;
    top:auto !important;
    background:#fff !important;
    z-index:5 !important;
    padding:14px 18px !important;
    border-bottom:1px solid rgba(0,0,0,.08) !important;
    margin:0 0 8px 0 !important;
  }
  .vamap-wrap .vamap-list{ padding-top:0 !important; }

  /* desktop chip bar: yatay kaydırma + pill stilleri */
  #va-tax-filters-desktop{
    gap:10px; flex-wrap:nowrap;
    overflow-x:auto; -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  #va-tax-filters-desktop::-webkit-scrollbar{ display:none; }

  #va-tax-filters-desktop .explore_banner-filter{
    display:inline-flex !important; align-items:center !important;
    appearance:none !important; border:1px solid #b8a893 !important;
    background:#fff !important; color:#111 !important;
    padding:10px 14px !important; border-radius:999px !important;
    font:800 12px/1 "Inter",system-ui,Arial !important;
    letter-spacing:.06em !important; white-space:nowrap !important;
    cursor:pointer !important; box-shadow:none !important;
    text-transform:none !important;
  }
  #va-tax-filters-desktop .explore_banner-filter.is-active{
    background:#8b6e4a !important; border-color:#8b6e4a !important; color:#fff !important;
  }
}

/* ---- Card üst/alt boşluk eşitleme (list view) ---- */
.vamap-list .va-card{
  margin:12px 10px !important;
  padding:16px 28px !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:0 2px 8px rgba(0,0,0,.06) !important;
}
.vamap-list .va-card:first-child{ margin-top:0 !important; }

/* ---- Fullscreen overlay: sadece görsel ---- */
#va-fs-overlay{ pointer-events:none !important; z-index:99998 !important; }
.vamap-wrap.is-full{ z-index:99999 !important; }

/* Mobilde numara gizli; üst boşluğu başlık alanından verelim */
@media (max-width: 1024px){
  .va-card-num{ display:none !important; }

  /* Başlık bloğunda margin çökmesini engelle */
  .va-card-main{
    position: relative;
    padding-top: 12px;          /* sabit üst boşluk */
  }
  .va-card-title{ margin-top: 0 !important; } /* margin çökmesini sıfırla */
}

/* Alternatif/ekstra güvence: tüm ekranlarda margin-collapse'a karşı spacer */
.va-card-main::before{
  content:"";
  display:block;
  height: 12px;                 /* üstte her zaman 12px spacer */
}