/* Baseline structural styles: grid/list neutral (come 1.2.x per la grid) */

/* Filtri e intestazioni */
.moai-filters { display:flex; gap:.5rem; flex-wrap:wrap; margin-bottom:1rem; }
.moai-month-group { margin:2rem 0; }
.moai-month-title { font-size:1.5rem; font-weight:600; margin-bottom:.75rem; }
.moai-month-pills { display:flex; flex-wrap:wrap; gap:.5rem; margin:.5rem 0 1rem; }
.moai-month-pill { display:inline-block; padding:.35rem .65rem; border:1px solid #e5e7eb; text-decoration:none; }
.moai-month-pill.is-active { background:#f3f4f6; }

/* GRID baseline — identica 1/2/3 colonne */
.moai-trip-list { display:grid; gap:1rem; }
@media(min-width:768px){ .moai-trip-list { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media(min-width:1024px){ .moai-trip-list { grid-template-columns: repeat(3, minmax(0,1fr)); } }

.moai-trip-card { border:1px solid #e5e7eb; padding:1rem; background:#fff; }
.moai-trip-media { display:block; margin-bottom:.5rem; }
.moai-trip-media img{ width:100%; height:auto; display:block; }
.moai-trip-title { font-weight:600; margin:.25rem 0; }
.moai-trip-dates { font-size:.95rem; margin:.25rem 0 .5rem; }
.moai-trip-price { margin:.25rem 0; }
.moai-trip-cta { display:inline-block; margin-top:.25rem; }

/* LIST baseline — colonne: img | date | titolo | prezzo | CTA */
.moai-view-list .moai-trip-list { display:block; }
.moai-view-list .moai-list-row{
  display:grid;
  grid-template-columns: 160px 1fr 1.4fr auto auto;
  align-items:center;
  gap:16px;
  border-bottom:1px solid #e5e7eb;
  padding:12px 0;
}
.moai-view-list .moai-list-img img{ width:100%; height:auto; display:block; }
.moai-view-list .moai-list-dates{ font-size:.95rem; }
.moai-view-list .moai-list-title a{ text-decoration:none; font-weight:600; }
.moai-view-list .moai-list-cta .button{ padding:.5rem .75rem; display:inline-block; }

@media(max-width:780px){
  .moai-view-list .moai-list-row{
    grid-template-columns:120px 1fr;
    grid-template-areas:
      "img title"
      "img dates"
      "img price"
      "img cta";
  }
  .moai-view-list .moai-list-img{ grid-area: img; }
  .moai-view-list .moai-list-dates{ grid-area: dates; }
  .moai-view-list .moai-list-title{ grid-area: title; }
  .moai-view-list .moai-list-price{ grid-area: price; }
  .moai-view-list .moai-list-cta{ grid-area: cta; }
}

/* bottone switch: iconcina + testo ben distanziati */
.moai-view-switch {
  display: inline-flex;
  gap: 14px;               /* distanza tra i due pulsanti Grid/List */
  align-items: center;
}

.moai-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;                /* distanza tra icona e parola */
  line-height: 1;
  text-decoration: none;
  padding: 6px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.moai-switch.is-active {
  border-color: #999;
  font-weight: 600;
}

.moai-switch img.moai-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
}



/* === MOAI 1.5 minimal additions (non rompe lo stile esistente) === */
.moai-duration {
  font-size: .9em;
  opacity: .85;
  white-space: nowrap;
}

.moai-microcopy {
  font-size: .9em;
  line-height: 1;
  padding: .2rem .45rem;
  border-radius: 9999px;
  background: rgba(255, 0, 0, .08);
  color: #b00020;
  display: inline-block;
  margin-left: .35rem;
}

/* === MOAI 1.5 minimal additions === */
.moai-duration {
  font-size: .9em;
  opacity: .85;
  white-space: nowrap;
}

.moai-microcopy {
  font-size: .9em;
  line-height: 1;
  padding: .2rem .45rem;
  border-radius: 9999px;
  background: rgba(255, 0, 0, .08);
  color: #b00020;
  display: inline-block;
  margin-left: .35rem;
}