/* 
 * Responsive Media Queries - vkchavda.in
 * Handles mobile, tablet and desktop layout constraints.
 */

@media (max-width: 768px) {
  :root {
    --border-radius-lg: 20px;
  }

  body {
    padding: 2.5rem 1.5rem;
  }

  .content-wrapper {
    padding: 2.5rem 1.5rem;
  }

  .status-badge {
    margin-bottom: 1.5rem;
  }

  h1 {
    margin-bottom: 0.75rem;
  }

  .subtitle {
    margin-bottom: 2rem;
  }
}

@media (max-width: 480px) {
  :root {
    --border-radius-lg: 16px;
  }

  body {
    padding: 2rem 1rem;
  }

  .content-wrapper {
    padding: 1.5rem 1rem;
  }

  .ganesh-text {
    font-size: 0.85rem;
    letter-spacing: 0.12em;
  }

  .status-badge {
    margin-bottom: 1.25rem;
    padding: 5px 10px;
    font-size: 0.7rem;
  }

  h1 {
    font-size: 1.85rem;
  }

  .subtitle {
    font-size: 0.95rem;
    margin-bottom: 1.75rem;
  }

  .coming-soon-label {
    font-size: 0.8rem;
    padding: 6px 16px;
  }

  .social-links {
    gap: 1rem;
  }

  .social-links a {
    font-size: 0.8rem;
  }

  .copyright {
    font-size: 0.7rem;
  }
}

/* Ensure absolute no-scroll viewport behaviors */
@media (max-height: 580px) {
  body {
    padding: 1rem;
    justify-content: space-around;
  }

  .status-badge {
    margin-bottom: 1rem;
  }

  .subtitle {
    margin-bottom: 1.5rem;
  }
}