/* ─── Responsive Breakpoints ─────────────────────────────────────────────── */

/* ── Tablet: 768px – 1279px ──────────────────────────────────────────────── */
@media (max-width: 1279px) {

  :root {
    --text-h1: 3rem;
    --section-py: 4rem;
  }

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

  .hero-h1 { font-size: 3.25rem; }

  .hero-sub { max-width: 100%; }

  .dashboard-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
  }

  .dash-card-surveillance { grid-column: 1 / -1; grid-row: 1; }
  .dash-card-reports      { grid-column: 1;      grid-row: 2; }
  .dash-card-latency      { grid-column: 2;      grid-row: 2; }
  .dash-card-ai           { grid-column: 1;      grid-row: 3; }
  .dash-card-uptime       { grid-column: 2;      grid-row: 3; }
  .dash-card-coverage     { grid-column: 1 / -1; grid-row: 4; }

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

  .platform-grid { grid-template-columns: 1fr; }

  .system-status-widgets { grid-template-columns: 1fr 1fr; }

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

  .ai-section-grid { grid-template-columns: 1fr; gap: var(--space-10); }

  .footer-nav-links { grid-template-columns: repeat(3, 1fr); }
}

/* ── Mobile: < 768px ─────────────────────────────────────────────────────── */
@media (max-width: 767px) {

  :root {
    --text-h1: 2.5rem;
    --section-py: 3rem;
    --header-h: 3.75rem;
  }

  /* Nav */
  .nav-links,
  .nav-btn,
  .nav-divider {
    display: none;
  }

  /* Hide the lang toggle that lives in the desktop nav-actions */
  .nav-inner .nav-actions .lang-toggle {
    display: none;
  }

  /* nav-actions stays visible so lang-toggle inside it shows on mobile */
  .nav-actions {
    gap: 0;
    padding: 0;
  }

  .nav-hamburger { display: flex; }

  /* Hero */
  .hero-section {
    padding-top: var(--space-12);
  }

  .hero-h1 { font-size: 2.5rem; }

  .dashboard-grid {
    grid-template-columns: 1fr;
    gap: var(--space-3);
    padding: var(--space-4);
  }

  .dash-card-surveillance,
  .dash-card-reports,
  .dash-card-latency,
  .dash-card-ai,
  .dash-card-uptime,
  .dash-card-coverage {
    grid-column: 1;
    grid-row: auto;
  }

  /* Sections */
  .section-heading { font-size: var(--text-3xl); }

  .capabilities-grid { grid-template-columns: 1fr; }

  .platform-grid { grid-template-columns: 1fr; }

  .system-status-widgets { grid-template-columns: 1fr 1fr; }

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

  .compliance-grid { grid-template-columns: 1fr 1fr; }

  .ai-section-grid { grid-template-columns: 1fr; }

  .ai-features-grid { grid-template-columns: 1fr; }

  .ai-stats { grid-template-columns: 1fr 1fr; }

  .blog-grid { grid-template-columns: 1fr; }

  .blog-featured-card { order: 1; }
  .blog-right-col { order: 2; }

  /* CTA panel */
  .cta-panel {
    padding: var(--space-12) var(--space-6);
  }

  .cta-panel-actions { flex-direction: column; width: 100%; }
  .cta-panel-actions .btn { width: 100%; justify-content: center; }

  /* Footer */
  .footer-main { grid-template-columns: 1fr; }

  .footer-logo-col {
    padding: var(--space-8);
    border-right: none;
    border-bottom: 1px solid var(--color-border-soft);
  }

  .footer-nav-col {
    grid-template-columns: 1fr;
    padding: var(--space-6);
  }

  .footer-nav-links { grid-template-columns: repeat(2, 1fr); }

  .footer-bar {
    flex-direction: column;
    gap: var(--space-2);
    text-align: center;
    padding: var(--space-4) var(--space-6);
  }

  /* Container padding reduction */
  .container, .container-lg { padding-inline: var(--space-4); }

  /* Testimonials */
  .testimonials-inner { padding: var(--space-8) var(--space-4); }

  /* Newsletter form stacks */
  .newsletter-form { flex-direction: column; }
  .newsletter-form .btn { width: 100%; justify-content: center; }

  /* Blog header stacks */
  .blog-header { flex-direction: column; align-items: flex-start; gap: var(--space-4); }
}

/* ── Very small screens < 400px ──────────────────────────────────────────── */
@media (max-width: 399px) {
  :root { --text-h1: 2rem; }
  .compliance-grid { grid-template-columns: 1fr; }
  .ai-stats { grid-template-columns: 1fr; }
}

/* ── Large screens 1440px+ ───────────────────────────────────────────────── */
@media (min-width: 1440px) {
  :root { --text-h1: 4rem; }
}

/* ─── Contact V1 Responsive ─────────────────────────────────────────────── */

/* About section tablet */
@media (max-width: 1023px) {
  .about-grid {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }
  .about-globe-container { max-width: 400px; }
  .about-heading { font-size: var(--text-4xl); }
}

/* Tablet: 1024px and below — hero stack to single column */
@media (max-width: 1023px) {
  .contact-hero-layout {
    grid-template-columns: 1fr;
    gap: var(--space-12);
    align-items: start;
  }

  .contact-form-card {
    height: auto;
  }

  .contact-form-submit {
    margin-top: var(--space-4);
    padding-top: 0;
  }

  .contact-h1 { font-size: var(--text-3xl); }

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

/* Mobile: 767px and below */
@media (max-width: 767px) {
  .contact-hero-section {
    padding-top: var(--space-12);
    padding-bottom: var(--space-12);
  }

  .contact-h1 { font-size: clamp(1.8rem, 7vw, 2.5rem); }

  .contact-intro { max-width: 100%; }

  .contact-form-card { padding: var(--space-6); }

  .faq-section { padding-block: var(--space-12); }
}

/* Small: 600px and below — form grid and schedule stack */
@media (max-width: 599px) {
  .contact-form-grid {
    grid-template-columns: 1fr;
  }

  .contact-form-full {
    grid-column: 1;
  }

  .contact-schedule-row {
    padding: var(--space-2) 0;
  }
}