/* ===== CARD WRAP ===== */
.card-wrap {
  width: 570px;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 10px;
  padding: 8px;
  margin-bottom: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  transition: all 0.2s ease;
  line-height: 1.4;
}

.card-wrap:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* ===== TABELLA INTERNA ===== */
.card-wrap table {
  width: 100%;
  border-collapse: collapse;
}

.card-wrap td {
  padding: 6px;
  vertical-align: top;
}

/* ===== IMMAGINE ITINERARIO ===== */
/* immagini grandi (anteprime) */
.card-wrap img:not(.icon) {
  display: block;
  border-radius: 6px;
}

/* icone */
.card-wrap img.icon {
  display: inline;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  margin-right: 5px;
}



/* ===== TITOLO ===== */
.card-wrap a {
  font-weight: bold;
  font-size: 15px;
  color: #1a3d7c;
  text-decoration: none;
}

.card-wrap a:hover {
  text-decoration: underline;
  color: #0073e6;
}

/* ===== TESTO ===== */
.card-wrap b {
  color: #222;
}

.card-wrap small {
  color: #666;
}


.icon {
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-right: 5px;
  display: inline-block;
}


.meta {
  white-space: nowrap; /* 🔥 BLOCCA IL RITORNO A CAPO */
}


/* ===== ALLINEAMENTO TESTO CON ICONE ===== */
.meta-row {
  display: block;
  margin-top: 3px;
}

/* ===== DISTANZA TRA ICONE NELLA STESSA RIGA ===== */
.meta-inline .icon {
  margin-left: 10px;
}

/* ===== TRACCE GPS ===== */
.traccia {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px dashed #ccc;
}

.traccia img {
  width: 18px !important;
  height: 18px !important;
  max-width: none !important;
  vertical-align: middle;
}

/* ===== HOVER LEGGERO ===== */
.card-wrap:hover td {
  background-color: #fafafa;
}