/* GyaanPost Responsive Styles
   ============================================================ */

/* Tablet: 768px - 1024px */
@media (max-width: 1024px) {
  .gp-stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-6);
  }

  .gp-hero-grid {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .gp-content-layout {
    grid-template-columns: 1fr;
  }

  .gp-sidebar {
    display: none;
  }

  .gp-products-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .gp-services-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .gp-articles-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile: < 768px */
@media (max-width: 767px) {
  :root {
    --text-4xl: 1.75rem;
    --text-3xl: 1.5rem;
    --text-2xl: 1.25rem;
  }

  .gp-section {
    padding: var(--space-10) 0;
  }

  .gp-stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4);
  }

  .gp-stat-number {
    font-size: var(--text-2xl);
  }

  .gp-products-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
  }

  .gp-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .gp-articles-grid {
    grid-template-columns: 1fr;
  }

  .gp-hero-sidebar {
    display: none;
  }

  .gp-section-header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-3);
  }

  /* Top bar hidden on mobile */
  .gp-topbar {
    display: none;
  }

  /* Mobile nav adjustments */
  .gp-nav-links {
    display: none;
  }

  .gp-nav-links.open {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--gp-white);
    border-bottom: 1px solid var(--gp-gray-200);
    box-shadow: var(--shadow-lg);
    padding: var(--space-4);
    z-index: 1000;
  }

  .gp-hamburger {
    display: flex !important;
  }

  .gp-nav-right .gp-btn {
    display: none;
  }

  /* Footer mobile */
  .gp-footer-grid {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  /* Blog detail mobile */
  .gp-article-sidebar {
    display: none;
  }

  .gp-article-content-layout {
    grid-template-columns: 1fr;
  }

  /* Social grid mobile */
  .gp-social-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Featured hero mobile */
  .gp-featured-hero {
    grid-template-columns: 1fr;
  }

  .gp-featured-sidebar-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
  }

  /* Breadcrumb mobile */
  .gp-breadcrumb {
    font-size: var(--text-xs);
    overflow-x: auto;
    white-space: nowrap;
  }

  /* Meta mobile */
  .gp-meta {
    flex-wrap: wrap;
    gap: var(--space-2);
  }

  /* Share buttons mobile */
  .gp-share {
    flex-wrap: wrap;
  }
}

/* Small mobile: < 480px */
@media (max-width: 479px) {
  .gp-products-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
  }

  .gp-services-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
  }

  .gp-stats-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-3);
  }

  .gp-featured-sidebar-items {
    grid-template-columns: 1fr;
  }

  .gp-tools-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Desktop nav: always show */
@media (min-width: 992px) {
  .gp-hamburger {
    display: none !important;
  }

  .gp-nav-links {
    display: flex !important;
  }
}