/* Responsive Design Enhancements for Sparky4u Electric */
/* Ensures proper scaling across all devices */

/* Base responsive styles */
* {
  box-sizing: border-box;
}

/* Ensure images are responsive */
img {
  max-width: 100%;
  height: auto;
}

/* Enhanced media queries for better responsiveness */
@media screen and (max-width: 768px) {
  /* Adjustments for tablets and smaller devices */
  .zpcontainer {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  
  .theme-content-area, .theme-header-area {
    overflow-x: hidden;
  }
  
  /* Make sure buttons are tappable on mobile */
  .zpbutton {
    min-height: 44px; /* iOS recommended touch target size */
    min-width: 44px;
  }
}

@media screen and (max-width: 480px) {
  /* Adjustments for mobile phones */
  body {
    font-size: 14px; /* Slightly larger for mobile readability */
  }
  
  .zpheading {
    font-size: 1.5em; /* Adjust heading sizes for small screens */
  }
}

/* Ensure gallery images scale properly */
.hb-grid-item img {
  width: 100%;
  height: auto;
}

/* Responsive adjustments for the navigation */
@media screen and (max-width: 992px) {
  .theme-navigation-and-icons {
    flex-direction: column;
  }
}