/* Responsive — peritoeninformatica.com */
/* Breakpoints: 600px | 900px | 1200px */

/* ── 1200px and below ── */
@media (max-width: 1200px) {
  .hero-badges {
    right: 0;
    position: static;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: var(--space-5);
  }
}

/* ── 900px and below ── */
@media (max-width: 900px) {

  /* Navbar */
  .navbar-menu,
  .navbar-actions .btn:not(.btn--mobile-hide) {
    display: none;
  }

  .hamburger { display: flex; }

  .navbar-menu.open {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 70px; left: 0; right: 0;
    background: var(--color-primary);
    border-top: 1px solid rgba(255,255,255,0.08);
    padding: var(--space-4);
    gap: var(--space-1);
    box-shadow: 0 20px 40px rgba(0,0,0,0.4);
    z-index: var(--z-dropdown);
  }

  .navbar-menu.open > li > a {
    font-size: var(--text-base);
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-md);
  }

  .navbar-menu.open .dropdown {
    position: static;
    transform: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    box-shadow: none;
    border: none;
    background: rgba(255,255,255,0.04);
    border-radius: var(--radius-md);
    margin-top: var(--space-1);
    padding: var(--space-2);
    width: 100%;
  }

  .navbar-menu.open .dropdown a { color: rgba(255,255,255,0.8); }
  .navbar-menu.open .dropdown a:hover { color: var(--color-gold); background: rgba(255,255,255,0.06); }

  /* Hero */
  .hero .container {
    grid-template-columns: 1fr;
    gap: var(--space-10);
  }

  .hero-card { order: -1; }

  .hero-photo-wrap {
    max-height: 380px;
    aspect-ratio: 4/3;
    max-width: 500px;
    margin-inline: auto;
  }

  .hero-photo-wrap img { object-position: center 20%; }

  .hero-badges {
    position: static;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-top: var(--space-4);
  }

  .hero-badge { min-width: auto; flex: 1; min-width: 140px; }

  /* Trust Bar */
  .trust-bar .container {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Process */
  .process-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-8);
  }

  .process-grid::before { display: none; }

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

  /* Why Us */
  .why-us-grid {
    grid-template-columns: 1fr;
    gap: var(--space-10);
  }

  /* Testimonials */
  .testimonials-grid {
    grid-template-columns: 1fr;
  }

  /* Coverage */
  .coverage-grid {
    grid-template-columns: repeat(2, 1fr);
  }

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

  /* Credentials */
  .credentials-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Content layout */
  .content-layout {
    grid-template-columns: 1fr;
  }

  .content-sidebar {
    position: static;
  }

  /* Contact */
  .contact-grid {
    grid-template-columns: 1fr;
  }

  /* Stats */
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ── 600px and below ── */
@media (max-width: 600px) {

  /* Topbar */
  .topbar-left .topbar-email { display: none; }
  .topbar-social { display: none; }

  /* Hero */
  .hero { padding-block: var(--space-14) var(--space-16); }

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

  .hero-actions {
    flex-direction: column;
  }

  .hero-actions .btn { width: 100%; justify-content: center; }

  .hero-proof {
    flex-wrap: wrap;
    gap: var(--space-4);
  }

  .hero-proof-divider { display: none; }

  /* Trust Bar */
  .trust-bar .container {
    grid-template-columns: 1fr;
    gap: var(--space-4);
  }

  /* Process */
  .process-grid {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  /* Services */
  .services-grid {
    grid-template-columns: 1fr;
  }

  /* Coverage */
  .coverage-grid {
    grid-template-columns: repeat(2, 1fr);
  }

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

  /* Footer bottom */
  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }

  .footer-bottom-links { justify-content: center; }

  /* Credentials */
  .credentials-grid {
    grid-template-columns: 1fr;
  }

  /* Float buttons — icon only on mobile */
  .float-btn {
    width: 52px; height: 52px;
    padding: 0;
    justify-content: center;
  }

  .float-btn .float-btn-icon {
    width: 52px; height: 52px;
    background: transparent;
    font-size: 1.4rem;
  }

  .float-btn span:not(.float-btn-icon) { display: none; }

  /* Stats */
  .stats-grid {
    grid-template-columns: 1fr;
  }

  /* CTA Final */
  .cta-final-actions { flex-direction: column; align-items: center; }
  .cta-final-actions .btn { width: 100%; max-width: 320px; justify-content: center; }

  /* Section header */
  .section-header h2 { font-size: 1.6rem; }

  /* Page hero */
  .page-hero { padding-block: var(--space-14) var(--space-10); }

  /* Testimonials already 1-col */

  /* Hero badges */
  .hero-badges { display: none; }
}

/* ── Print ── */
@media print {
  .topbar, .navbar, .float-buttons, .cta-final { display: none !important; }
  body { color: #000; background: #fff; }
  a { color: #000; text-decoration: underline; }
}