/* ========================================================
   DASHT SEO — Mobile Navigation: Overlay + Close Button
   NOTE: The actual .nav-links off-canvas drawer positioning
   is handled AUTHORITATIVELY by fixes.css (v3.0.48).
   This file only provides overlay base + close-btn styles.
   ======================================================== */

/* ── Overlay (created by JS at runtime) ── */
.nav-overlay {
  display: none;
}

@media (max-width: 768px) {
  .nav-overlay {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .40);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  /* z-index در fixes.css تعریف شده (9990) */
    opacity: 0;
    pointer-events: none;
    transition: opacity .32s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .nav-overlay.open {
    opacity: 1;
    pointer-events: auto;
  }
}

/* ── Close button styling is in fixes.css (same as dashboard) ── */
.nav-close-btn { display: none; }

/* ── WooCommerce body class: اطمینان از ریسپانسیو بودن ── */
@media (max-width: 768px) {
  /* وقتی منو باز است، اسکرول body در WooCommerce pages هم بسته شود */
  body.dasht-menu-open.woocommerce,
  body.dasht-menu-open.woocommerce-page {
    overflow: hidden !important;
    overscroll-behavior: contain !important;
  }

  /* WooCommerce نباید position یا overflow هدر را override کند */
  body.woocommerce .header,
  body.woocommerce-page .header {
    overflow: visible !important;
    position: sticky !important;
    top: var(--header-sticky-top, 15px) !important;
  }
}