/* ============================================================
   L'elenco delle prossime stanze di coworking.

   Va sempre DOPO pagina-chiara.css, da cui prende colori e
   caratteri. Lo usano le versioni della pagina della sala
   studio in tutte le lingue: gli orari li calcola il browser
   sull'orologio del dispositivo, quindi la pagina resta un
   file statico e non chiama nessun server.
   Scritto il 22 settembre 2026.
   ============================================================ */

.durate-scelta{display:flex;align-items:center;gap:10px;margin:0 0 16px;flex-wrap:wrap;
  font-family:var(--sans);font-size:15px;color:var(--inchiostro-2)}
.dbtn{min-height:44px;padding:0 16px;border:1px solid var(--riga);border-radius:999px;background:var(--carta);
  color:var(--inchiostro);font-family:var(--sans);font-size:15px;font-weight:600;cursor:pointer;
  transition-property:transform,border-color,background-color,color;transition-duration:150ms;
  transition-timing-function:cubic-bezier(.2,.7,.3,1)}
.dbtn:hover{border-color:var(--inchiostro-3)}
.dbtn:active{transform:scale(.97)}
.dbtn.on{background:var(--inchiostro);border-color:var(--inchiostro);color:var(--carta)}

.manca{font-family:var(--sans);font-size:16px;color:var(--inchiostro-2);margin:0 0 14px;max-width:none}
.manca b{color:var(--inchiostro);font-variant-numeric:tabular-nums;font-weight:600}

.elenco-ore{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.ora{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;
  border:1px solid var(--riga);border-radius:999px;background:var(--carta);color:var(--inchiostro);
  font-family:var(--sans);font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;
  text-decoration:none;transition-property:transform,border-color,background-color,color;
  transition-duration:150ms;transition-timing-function:cubic-bezier(.2,.7,.3,1)}
.ora:hover{border-color:var(--inchiostro-3)}
.ora:active{transform:scale(.97)}
.ora.prima{background:var(--inchiostro);border-color:var(--inchiostro);color:var(--carta)}

.fuso{font-family:var(--sans);font-size:14px;color:var(--inchiostro-3);margin:14px 0 0;max-width:none}

@media (prefers-reduced-motion:reduce){
  .ora:active,.dbtn:active{transform:none}
}