/* Move sidebar to top on mobile */
@media screen and (max-width: 768px) {
  .zpsidebar-section {
    position: relative !important;
    width: 100% !important;
    display: block !important;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff; /* optional: background color */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* optional: light shadow */
  }

  /* Push content down below sidebar */
  .zpcontent-section {
    margin-top: 200px; /* adjust based on sidebar height */
  }

  /* Optional: toggle
  .zpsidebar-toggle {
  display: block !important;
}

document.addEventListener("DOMContentLoaded", function() {
  // Only run this on mobile and tablet (screen width 1024px or smaller)
  if (window.innerWidth <= 1024) {
    // Find all tab contents and hide them
    const tabContents = document.querySelectorAll(".tab-content");
    
    tabContents.forEach(function(content) {
      content.style.display = "none";
    });
    
    // (Optional) Also remove "active" class from any tabs if needed
    const activeTabs = document.querySelectorAll(".tab.active, .tab-content.active");
    
    activeTabs.forEach(function(tab) {
      tab.classList.remove("active");
    });
  }
});