/* Responsive Design for Amanindo Theme */

/* Responsive adjustments */
@media (max-width: 640px) {
  .sm\:flex-row {
    flex-direction: column;
  }
  
  .sm\:flex-row .gap-4 {
    gap: 1rem;
  }
}

@media (max-width: 768px) {
  .md\:block {
    display: block;
  }
  
  .lg\:hidden {
    display: block;
  }
  
  .lg\:flex {
    display: flex;
  }
  
  .hidden.md\:block {
    display: none;
  }
  
  .hidden.lg\:flex {
    display: none;
  }
  
  .grid-cols-1.md\:grid-cols-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  
  .grid-cols-1.md\:grid-cols-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  
  .grid-cols-1.md\:grid-cols-4 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  
  .text-4xl.md\:text-5xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  
  .text-5xl.md\:text-6xl {
    font-size: 3rem;
    line-height: 1;
  }
  
  .text-5xl.md\:text-6xl.lg\:text-7xl {
    font-size: 3.5rem;
    line-height: 1;
  }
  
  .text-xl.md\:text-2xl.lg\:text-3xl {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
  
  .text-xl.md\:text-2xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  
  .text-base.md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 768px) {
  .md\:block {
    display: block;
  }
  
  .grid-cols-1.md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  
  .grid-cols-1.md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  
  .text-4xl.md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
  
  .text-xl.md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  
  .text-base.md\:text-lg {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  
  .text-2xl.md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  
  .text-lg.md\:text-xl {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  
  .text-base.md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 768px) {
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  
  .text-lg.md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px) {
  .lg\:hidden {
    display: none;
  }
  
  .lg\:flex {
    display: flex;
  }
  
  .grid-cols-1.md\:grid-cols-2.lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  
  .grid-cols-1.md\:grid-cols-2.lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  
  .hidden.lg\:flex {
    display: flex;
  }
  
  .text-5xl.md\:text-6xl.lg\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }
  
  .text-xl.md\:text-2xl.lg\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}