/* ════════════════════════════════════════════════════════════════
 * AcquaPlan — Base styles globali
 * Da includere via <link rel="stylesheet" href="/app/css/acquaplan-base.css">
 * in TUTTE le pagine (autenticate, pubbliche, auth, admin) per
 * garantire coerenza visiva di scrollbar, selezioni, focus rings.
 * ════════════════════════════════════════════════════════════════ */

/* ── Scrollbar AcquaPlan (Firefox + WebKit) ──────────────────── */
html {
  scrollbar-width: thin;
  scrollbar-color: rgba(80, 192, 232, 0.28) #020D1A;
}
*:not(html) {
  scrollbar-width: thin;
  scrollbar-color: rgba(80, 192, 232, 0.28) transparent;
}

/* WebKit (Chrome, Edge, Safari, Opera) */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background: transparent;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(80, 192, 232, 0.28);
  border-radius: 6px;
  border: 2px solid transparent;
  background-clip: padding-box;
  transition: background 0.15s;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(80, 192, 232, 0.5);
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:active {
  background: rgba(80, 192, 232, 0.7);
  background-clip: padding-box;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
/* Nascondi le frecce delle scrollbar (su Windows compaiono di default) */
::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}

/* Per body/html scrollbar mostra il track scuro pieno (più leggibile) */
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: #020D1A;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  border-color: #020D1A;
}

/* ── Selezione testo ─────────────────────────────────────────── */
::selection {
  background: rgba(80, 192, 232, 0.3);
  color: #f2f9ff;
}
::-moz-selection {
  background: rgba(80, 192, 232, 0.3);
  color: #f2f9ff;
}

/* ── Focus visibile (accessibilità) ──────────────────────────── */
:focus-visible {
  outline: 2px solid rgba(80, 192, 232, 0.6);
  outline-offset: 2px;
  border-radius: 4px;
}