Excursion details: gallery + rich text
   ========================= */

.gallery{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(240px, 1fr);
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 6px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.gallery::-webkit-scrollbar{ height: 10px; }
.gallery::-webkit-scrollbar-thumb{
  background: rgba(46,47,47,0.18);
  border-radius: 999px;
}

.gallery-item{
  scroll-snap-align: start;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid var(--c-soft);
  background: rgba(233,236,238,0.30);
}

.gallery-img{
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

@media (max-width: 900px) {
  .gallery{ grid-auto-columns: minmax(220px, 70%); }
  .gallery-img{ height: 200px; }
}

@media (max-width: 520px) {
  .gallery{ grid-auto-columns: 88%; }
  .gallery-img{ height: 210px; }
}

/* Rich text from legacy DB (stored as HTML). */
.richtext{ color: var(--c-text); }
.richtext p{ margin: 0 0 10px 0; }
.richtext p:last-child{ margin-bottom: 0; }
.richtext ul, .richtext ol{ margin: 0 0 10px 18px; padding: 0; }
.richtext li{ margin: 4px 0; }
.richtext a{ color: var(--c-primary); font-weight: 600; }
.richtext code{ background: rgba(233,236,238,0.7); padding: 2px 6px; border-radius: 8px; }

/* Key/Value blocks (Operational details) */
.kv{
  display: grid;
  gap: 6px;
}

.kv .k{ font-size: 14px; color: var(--c-muted); }
.kv .v{ font-size: 16px; }


/* ---------------------------------------------------------
   Select date range toggle (7 / 14 / 21 days)
--------------------------------------------------------- */
.selectdate-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom: 10px;
}

.range-toggle{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}

.btn.btn-sm{
  min-height: 36px;
  padding: 8px 10px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 13px;
}

.btn.ghost.active{
  border: 1px solid rgba(63,139,115,0.28);
  background: rgba(63,139,115,0.10);
  color: var(--c-text);
}