/* Responsive fixes for Solar Module page */

/* Container padding for mobile */
@media (max-width: 767px) {
  .max-w-7xl {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  
  /* Blue header sections responsive */
  .bg-\[\#01096f\] {
    width: 100% !important;
    height: 70px !important;
  }
  
  .bg-\[\#01096f\] h1 {
    font-size: 1.125rem !important;
  }
  
  .bg-\[\#01096f\] .pl-10 {
    padding-left: 1rem !important;
    max-width: 70% !important;
  }
  
  /* Gradient section responsive */
  .min-h-screen[style*="linear-gradient"] {
    padding-top: 1.5rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  
  .min-h-screen[style*="linear-gradient"] .max-w-7xl {
    margin-top: 2rem !important;
    margin-bottom: 3rem !important;
  }
  
  .min-h-screen[style*="linear-gradient"] .flex-col {
    gap: 2rem !important;
  }
  
  .min-h-screen[style*="linear-gradient"] .custom-clip-path1 {
    padding: 1.5rem !important;
  }
  
  .min-h-screen[style*="linear-gradient"] h1 {
    font-size: 1.5rem !important;
    margin-bottom: 1rem !important;
  }
  
  .min-h-screen[style*="linear-gradient"] h3 {
    font-size: 1.5rem !important;
    margin-bottom: 0.75rem !important;
  }
  
  .min-h-screen[style*="linear-gradient"] .bg-red-600 {
    padding: 0.75rem !important;
  }
  
  .min-h-screen[style*="linear-gradient"] .grid[class*="grid-cols"] p {
    font-size: 0.875rem !important;
  }
  
  /* Statistics grid responsive */
  .min-h-screen[style*="linear-gradient"] .grid.grid-cols-1.md\:grid-cols-3 {
    gap: 1.5rem !important;
  }
  
  .min-h-screen[style*="linear-gradient"] .grid.grid-cols-1.md\:grid-cols-3 h3 {
    font-size: 2rem !important;
  }
  
  .min-h-screen[style*="linear-gradient"] .grid.grid-cols-1.md\:grid-cols-3 p {
    font-size: 1.125rem !important;
  }
  
  /* Cards responsive */
  .custom-clip-path {
    padding: 1rem !important;
  }
  
  .custom-clip-path p:first-child {
    font-size: 1.125rem !important;
  }
  
  .custom-clip-path p:last-child {
    font-size: 0.875rem !important;
  }
  
  /* Download section responsive */
  .text-center h2 {
    font-size: 1.5rem !important;
  }
  
  /* SVG hidden on mobile for problematic ones */
  .bg-\[\#01096f\] svg {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* Tablet specific adjustments */
  .bg-\[\#01096f\] {
    height: 80px !important;
  }
  
  .bg-\[\#01096f\] h1 {
    font-size: 1.5rem !important;
  }
  
  .min-h-screen[style*="linear-gradient"] h1 {
    font-size: 2.5rem !important;
  }
  
  .min-h-screen[style*="linear-gradient"] .grid.grid-cols-1.md\:grid-cols-3 h3 {
    font-size: 3rem !important;
  }
}

/* Image responsive */
/* img {
  max-width: 100% !important;
  height: auto !important;
} */