/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 17 2026 | 14:10:51 */
/* ============================================
   TOUR DETAILS BENTO GRID
   ============================================ */

.ds-tour-details {
  max-width: 1200px;
  margin: 0 auto;
  padding: 32px 20px;
}

.ds-details-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

/* Individual Bento Card */
.ds-detail-card {
  background-color: #FAF8F5; /* Alabaster Dune */
  border: 1px solid #D9B98D; /* Sand Dune */
  border-radius: 14px;
  padding: 20px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.ds-detail-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(31, 42, 60, 0.06);
}

/* Featured Card Span for What to Wear */
.ds-detail-card--wide {
  grid-column: span 2;
}

/* Reassurance Highlight Card */
.ds-detail-card--highlight {
  border-left: 4px solid #C1622D; /* Terracotta Accent */
}

/* Icon Box */
.ds-detail-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background-color: #F3EDE3; /* Desert Mist */
  color: #C1622D; /* Terracotta */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}

/* Card Content Typography */
.ds-detail-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ds-detail-label {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #C1622D; /* Terracotta */
}

.ds-detail-value {
  font-size: 1.05rem;
  font-weight: 700;
  color: #1F2A3C; /* Night Indigo */
  line-height: 1.3;
}

.ds-detail-sub {
  font-size: 0.85rem;
  color: #1F2A3C;
  opacity: 0.75;
}

/* Badges / Pill Tags */
.ds-tag-group {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.ds-tag {
  background-color: #F3EDE3; /* Desert Mist */
  border: 1px solid #D9B98D; /* Sand Dune */
  color: #1F2A3C; /* Night Indigo */
  font-size: 0.8rem;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 20px;
}

/* Mobile & Tablet Responsiveness */
@media (max-width: 991px) {
  .ds-details-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .ds-detail-card--wide {
    grid-column: span 2;
  }
}

@media (max-width: 600px) {
  .ds-details-grid {
    grid-template-columns: 1fr;
  }
  .ds-detail-card--wide {
    grid-column: span 1;
  }
  .ds-detail-card {
    padding: 16px;
  }
}