/*
 * Dogshop custom styles.
 * Add future site-level CSS here so Elementor page content stays untouched.
 */

.dogshop-theme-active {
  color: inherit;
}

/* ND-FULLWIDTH: make content sections span full width */
.dogshop-seo-head,.dogshop-seo-grid,.dogshop-seo-local,.dogshop-faq-section{max-width:none !important;}

/* ND-MOBILE-NAV: white hamburger + full-width menu that slides in from the right */
@media (max-width: 1024px) {
  /* Prevent the off-canvas (closed) menu from creating a horizontal scrollbar */
  body { overflow-x: hidden; }

  /* Hamburger bars white so they are visible on the dark hero nav */
  .nd-hamburger span { background: #ffffff !important; }

  /* Full-width menu parked off-screen to the right, slides left into view when open */
  .nd-mobile-menu {
    display: flex !important;
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    pointer-events: none;
  }
  .nd-mobile-menu.open {
    transform: translateX(0) !important;
    pointer-events: auto;
  }
}

/* ND-FAQ: remove the white panel behind the FAQ (blend with page background) */
.dogshop-faq-section {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}