/* Correzioni grafiche dall'analisi del 03/10/2026 (Claude Code) */

/* 1. Sicurezza/Safety: niente sbordamento su tablet */
@media (min-width: 769px) { .safety-hero, .safety-section { grid-template-columns: 280px minmax(0, 1fr); } }
@media (max-width: 1100px) and (min-width: 769px) {
  .safety-hero, .safety-section { grid-template-columns: 160px minmax(0, 1fr); gap: 40px; }
  .safety-pills { grid-template-columns: 1fr; }
  .safety-pill { border-right: none; border-bottom: 1px solid var(--border); }
  .safety-pill:last-child { border-bottom: none; }
}

/* 2. Home: «Scroll» non si sovrappone al box fotovoltaico */
.hero-scroll { right: 14px; }
@media (max-width: 1100px) { .hero-scroll { display: none; } }

/* 3. Modulo contatti: titolo staccato dalla prima etichetta */
.contact-form-wrap .utility-label { display: block; margin-bottom: 24px !important; }

/* 4. Certificazioni: numerazione «01 —» su una riga */
.cert-section-num { white-space: nowrap; flex-shrink: 0; }

/* 5. Barre BU/Safety/Certificazioni: spazio tra logo e link */
.bu-page-nav, .safety-page-nav, nav.site-nav--tall { gap: 16px; }
.bu-page-nav .nav-back, .safety-page-nav .nav-back, nav.site-nav--tall .nav-back { white-space: nowrap; }

/* 6. Testi troppo piccoli (9–10 px → 11–12 px) */
.hero-tag, .sec-num, .work-client, .insight-tag, .insight-date, .office-label, .form-label,
.footer-copy, .footer-piva, footer a, .cert-section-num, .cert-status-text, .cert-scope-label,
.ecovadis-label, .cert-coming-label, .cert-coming-badge, .bu-hero-num, .bu-section-num,
.safety-hero-num, .safety-section-label, .safety-pill-tag { font-size: 11px !important; }
.cert-scope { font-size: 12px !important; line-height: 1.6 !important; }

/* 7. Mobile: area di tocco più ampia senza spostare la grafica */
@media (max-width: 640px) {
  .bu-card-link, .insight-link, .safety-link, .cert-link, .nav-lang-link, .nav-back,
  .cert-footer-link, .bu-link, .privacy-back, #contact a[href^="tel"], #contact a[href^="mailto"],
  footer a, .contact-form .text-lime { position: relative; }
  .bu-card-link::after, .insight-link::after, .safety-link::after, .cert-link::after,
  .nav-lang-link::after, .nav-back::after, .cert-footer-link::after, .bu-link::after,
  .privacy-back::after, #contact a[href^="tel"]::after, #contact a[href^="mailto"]::after,
  footer a::after, .contact-form .text-lime::after { content: ''; position: absolute; inset: -10px -6px; }
  #privacy { width: 22px; height: 22px; flex-shrink: 0; }
}

/* 8. Mobile: numeri della hero su tre colonne */
@media (max-width: 640px) {
  .hero-meta { flex-direction: row !important; }
  .hero-meta .hero-stat { padding: 14px 12px; border-right: none; min-width: 0; }
  .hero-meta .hero-stat:last-child { border-right: 1px solid var(--border); }
  .hero-meta .hero-stat-num { font-size: 26px !important; white-space: nowrap; }
  .hero-meta .hero-stat-label { font-size: 11px; }
}

/* 9. Tablet: lingua e «Scrivici» vicino al menu */
@media (max-width: 1100px) and (min-width: 641px) {
  nav.site-nav--tall .nav-right { margin-left: auto; margin-right: 16px; }
}