/* =========================================================
   BEHAB BRANCHES — نسخه‌ی نقشه (ساده‌شده)
   افزونه‌ی accordion.css — بعد از آن لود شود. JS اضافه لازم نیست
   (همان accordion.js قبلی کافی است).
   ---------------------------------------------------------
   ساختار (فقط دو کارت):

   .behab-branches
     ├ .behab-branch                       ← دفتر شیراز
     │   ├ .behab-face.behab-face--closed  ← behab-label + behab-thumb (مثل قبل)
     │   └ .behab-face.behab-face--open
     │        └ [ویجت Google Maps]         ← کلاس: behab-map
     └ .behab-branch.is-active             ← دفتر اصفهان (پیش‌فرض باز)
         ├ .behab-face.behab-face--closed
         └ .behab-face.behab-face--open
              └ [ویجت Google Maps]         ← کلاس: behab-map

   نکته: کلاس is-active را خودتان روی کارت اصفهان بگذارید
   (CSS Classes:  behab-branch is-active)
   ========================================================= */

.behab-branches {
  --behab-map-h: 360px; /* ارتفاع نقشه در تبلت/موبایل */
}

/* ---------- دسکتاپ: نقشه کل کارت را می‌پوشاند (بک‌گراند آبی دیده نمی‌شود) ---------- */
.behab-branches .behab-map {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* زنجیره‌ی ارتفاع ویجت گوگل‌مپ المنتور: همه ۱۰۰٪ */
.behab-branches .behab-map .elementor-widget-container,
.behab-branches .behab-map .elementor-custom-embed {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}
.behab-branches .behab-map iframe {
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-height: 100%;
  border: 0;
}

/* =========================================================
   تبلت و موبایل (≤ 1100px)
   ارتفاع کارت باز خودکار است؛ پس نقشه داخل جریان صفحه با ارتفاع
   مشخص می‌آید و هدر کارت (عنوان + عکس) بالای نقشه دیده می‌شود.
   (اگر نقشه‌ی تمام‌کارت بدون هدر می‌خواهید، بلاک «هدر» را حذف کنید.)
   ========================================================= */
@media (max-width: 1100px) {
  .behab-branches .behab-map {
    position: relative !important;
    inset: auto !important;
    flex: 1 1 auto;
    width: 100% !important;
    height: var(--behab-map-h) !important;
  }

  /* ---- هدر ---- */
  .behab-branches .behab-branch:has(.behab-map) .behab-face--open {
    padding-top: var(--behab-h-closed) !important;
    background: none !important;
  }
  .behab-branches .behab-branch:has(.behab-map) .behab-face--closed {
    inset: 0 0 auto 0 !important;
    height: var(--behab-h-closed) !important;
  }
  .behab-branches .behab-branch.is-active:has(.behab-map) .behab-face--closed {
    opacity: 1 !important;
  }
}

@media (max-width: 767px) {
  .behab-branches {
    --behab-map-h: 300px;
  }
}