/* --- CAMPING GRID: celle QUADRATE --- */


/* tutte le celle base */
.camping-grid td {
  padding: 0;
  box-sizing: border-box;
}

/* celle giocabili (interno griglia) */
.camping-grid td.cell {
  border: 1px solid #ccc;
  cursor: pointer;
}

/* header con i numeri (riga in basso + colonna a destra) */
.camping-grid td.header {
  border: 1px solid transparent; /* o #eee se vuoi vederli */
}

/* numeri nei target: stanno in DUE righe ma restano dentro i 30px */
/* Numeri nei target */
.camping-grid td.header .count {
  display: block;
  line-height: 1;
  margin: 0;
  font-size: 10px;
}

/* numero “fisso” (il target) */
.camping-grid td.header .count-target {
  font-size: 10px;
  opacity: 0.7;
}

/* conteggio corrente (0/x) */
.camping-grid td.header .count-current {
  font-size: 10px;
}

/* stati dei contatori */

/* stati – QUI sta l’evidenziazione */
.camping-grid .count-ok {
  color: #1b7f2a;      /* verde */
  font-weight: 700;
}
.camping-grid .count-over {
  color: #b3261e;
  font-weight: 700;
}
.camping-grid .count-under {
  color: #888;
}

/* alberi */
.camping-grid td.cell.tree {
  background: #f5f5f5;
  cursor: default;
}

/* tenda */
.camping-grid td.cell.tent {
  background: #ffe3b3;
}

/* erba / cella sicura vuota, ben visibile */
.camping-grid td.cell.grass {
  background: #dff7df;
  color: #1f7a1f;
  font-weight: 700;
  font-size: 14px;
}

/* Forza la griglia Camping a usare solo la sua larghezza naturale */
.camping-grid {
  border-collapse: collapse;
  margin: 0 auto;
  table-layout: fixed;
  width: auto !important;   /* <- chiave per evitare il 100% globale */
}

/* Celle quadrate: stessa dimensione per header e celle */
.camping-grid td.cell,
.camping-grid td.header {
  width: 40px;
  height: 40px;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
}


/* Numeri nei target (righe e colonne) */
.camping-grid .count {
  display: block;
  line-height: 1.1;
  margin: 0;
}

/* numero “fisso” (il target) */
.camping-grid .count-target {
  font-size: 11px;
  opacity: 0.7;
}

/* conteggio corrente: 0/3, ecc. */
.camping-grid .count-current {
  font-size: 11px;
}