/* ══════════════════════════════════════════════════
   AUTOSCUOLA EXPRESS — responsive.css
   Breakpoints aggiuntivi e utility responsive
   ══════════════════════════════════════════════════ */

/* ── Print ─────────────────────────────────────── */
@media print {
  .navbar, .whatsapp-float, .cookie-banner, .footer { display: none !important; }
  body { font-size: 12pt; color: #000; }
  a::after { content: " (" attr(href) ")"; font-size: 10pt; }
}

/* ── Landscape mobile ───────────────────────────── */
@media (max-width: 768px) and (orientation: landscape) {
  .hero { min-height: auto; padding: 5rem 0 3rem; }
  section { padding: 2.5rem 0; }
}

/* ── Tablet portrait (≤ 900px) ──────────────────── */
@media (max-width: 900px) {
  .hero__inner       { gap: 2rem; }
  .perche-noi__grid  { grid-template-columns: 1fr; }
  .stats__grid       { grid-template-columns: repeat(2,1fr); }
}

/* ── Grandi schermi (≥ 1400px) ──────────────────── */
@media (min-width: 1400px) {
  .container { max-width: 1320px; }
  h1 { font-size: 4rem; }
}

/* ── Focus accessibilità ────────────────────────── */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--primary);
  outline-offset: 2px;
  border-radius: 4px;
}

/* ── Utility display ────────────────────────────── */
.hide-mobile  { display: block; }
.show-mobile  { display: none; }

@media (max-width: 768px) {
  .hide-mobile { display: none !important; }
  .show-mobile { display: block !important; }
}

/* ── Scrollbar personalizzata ───────────────────── */
::-webkit-scrollbar       { width: 6px; }
::-webkit-scrollbar-track { background: var(--gray-100); }
::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--primary-dark); }

/* ── Selezione testo ────────────────────────────── */
::selection {
  background: var(--primary);
  color: white;
}