/* MicroHub - Responsive CSS */

/* Large desktops */
@media (min-width: 1536px) {
  .container { max-width: 1440px; }
}

/* Desktops */
@media (max-width: 1280px) {
  .mega-menu { padding: 1.75rem 1.25rem; }
}

/* Laptops */
@media (max-width: 1024px) {
  :root { font-size: 15px; }
  .section-pad { padding: 70px 0; }
  .hero-globe { width: 420px; height: 420px; }
}

/* Tablets + medium screens */
@media (max-width: 991.98px) {
  :root { font-size: 14px; }
  .section-pad { padding: 56px 0; }
  .section-pad-sm { padding: 40px 0; }

  .hamburger { display: flex !important; }
  .nav-links-desktop { display: none !important; }

  .hero-section { padding: 120px 0 60px; text-align: center; }
  .hero-btns { justify-content: center; }
  .hero-globe-wrap { margin-top: 3rem; }

  .stats-shell { grid-template-columns: 1fr; gap: 1.15rem; }
  .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.8rem; }
  .stats-section .stat-divider { display: none; }

  .why-command-panel { padding: 1.1rem; }
  .why-command-title { max-width: 16ch; }
  .why-visual-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .why-benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .why-benefit-card { min-height: 190px; }

  .infra-ops { grid-template-columns: 1fr; }
  .infra-command-content { padding: 1.35rem; }
  .infra-command h3 { max-width: 18ch; }
  .infra-command-visual { grid-template-columns: 1fr; }
  .infra-service-cluster { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 1rem; }
  .infra-service-card { min-height: 0; }

  .mega-menu { display: none !important; }
  .dropdown-custom { position: static; transform: none !important; box-shadow: none; border: none; padding: 0; }

  .auth-card { padding: 2rem 1.5rem; }

  .tab-btn { font-size: 0.8rem; padding: 0.55rem 0.85rem; }
}

/* Small devices */
@media (max-width: 640px) {
  h1 { font-size: 2rem; }
  h2 { font-size: 1.6rem; }

  .btn-primary-custom, .btn-outline-custom { padding: 0.65rem 1.5rem; font-size: 0.875rem; }

  .pricing-card { padding: 2rem 1.25rem; }
  .cta-section { padding: 60px 0; }

  .hero-section { padding: 100px 0 50px; }
  .stat-number { font-size: 2rem; }
  .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stats-shell { gap: 1rem; }
  .stat-item { padding-left: 0.8rem; }
  .stat-item:nth-child(odd) { padding-left: 0; border-left: none; }
  .why-command-panel { padding: 1rem; }
  .why-command-title { max-width: none; font-size: 1.2rem; }
  .why-command-desc { font-size: 0.84rem; }
  .why-visual-metrics { grid-template-columns: 1fr; }
  .why-benefit-grid { grid-template-columns: 1fr; }
  .why-benefit-card { min-height: 0; }
  .infra-command-content { padding: 1.1rem; }
  .infra-command h3 { max-width: none; }
  .infra-command p { font-size: 0.86rem; }
  .infra-service-cluster { grid-template-columns: 1fr; padding: 0.9rem; }
  .infra-service-card { min-height: 0; }

  .blog-card-body { padding: 1.25rem; }

  .page-hero { padding: 100px 0 60px; }

  #back-to-top { bottom: 1.25rem; right: 1.25rem; }
}

/* Very small */
@media (max-width: 400px) {
  .container { padding-left: 1rem; padding-right: 1rem; }
  .auth-card { padding: 1.5rem 1rem; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .marquee-track { animation: none; }
}

/* Print */
@media print {
  .navbar-custom, .footer-custom, #back-to-top, .cta-section { display: none; }
  body { font-size: 12pt; }
}