.elementor-8750 .elementor-element.elementor-element-8b31b9e{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8750 .elementor-element.elementor-element-0be584a{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-8750 .elementor-element.elementor-element-0be584a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-0be584a */.map-wrapper {
    background: #fff;
    border-radius: 20px;
    padding: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
    font-family: 'IRANSans', 'Vazir', tahoma, sans-serif;
  }

  /* ========== تب‌ها ========== */
  .map-tabs {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 20px;
    background: #f4f4f6;
    padding: 8px;
    border-radius: 50px;
    backdrop-filter: blur(8px);
  }

  .map-tab-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    border: none;
    background: transparent;
    color: #6b6b7b;
    border-radius: 50px;
    cursor: pointer;
    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
    position: relative;
    z-index: 1;
  }

  .map-tab-btn svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: all 0.3s ease;
  }

  .map-tab-btn:hover {
    color: #3a3a4a;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  }

  .map-tab-btn.active {
    background: #fff;
    color: #d4222c;
    font-weight: 700;
    box-shadow: 0 6px 20px rgba(212, 34, 44, 0.15);
    transform: translateY(-1px);
  }

  .map-tab-btn.active svg {
    filter: drop-shadow(0 2px 4px rgba(212, 34, 44, 0.2));
  }

  /* ========== نگهدارنده نقشه ========== */
  .map-container {
    position: relative;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    background: #fafafa;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.03);
  }

  .map-container iframe {
    display: none;
    width: 100%;        /* عرض شناور */
    max-width: 100%;    /* جلوگیری از سرریز */
    height: 480px;
    border: 0;
    transition: opacity 0.4s ease;
  }

  .map-container iframe.active {
    display: block;
    animation: fadeMap 0.35s ease;
  }

  @keyframes fadeMap {
    from { opacity: 0.5; transform: scale(0.99); }
    to   { opacity: 1;   transform: scale(1); }
  }

  /* ========== پیام زیر نقشه ========== */
  .map-note {
    text-align: center;
    margin-top: 14px;
    font-size: 13px;
    color: #888;
  }

  .map-note a {
    color: #d4222c;
    text-decoration: none;
    font-weight: 600;
  }

  /* ========== واکنش‌گرایی ========== */
  @media (max-width: 600px) {
    .map-tabs {
      gap: 4px;
      padding: 6px;
      border-radius: 40px;
    }
    .map-tab-btn {
      padding: 10px 14px;
      font-size: 13px;
      gap: 4px;
    }
    .map-tab-btn svg {
      width: 16px;
      height: 16px;
    }
    .map-container iframe {
      height: 350px;     /* ارتفاع مناسب موبایل */
    }
  }/* End custom CSS */