/* ============================================
   AMG SAFARIS — TOUR PAGES CSS
   ============================================ */

/* ---- Difficulty badges (climbing) ---- */
.difficulty-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.3rem 0.75rem;
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 700;
  font-family: var(--font-primary);
}
.difficulty-easy { background: rgba(22,163,74,0.12); color: #16a34a; }
.difficulty-moderate { background: rgba(234,179,8,0.12); color: #ca8a04; }
.difficulty-challenging { background: rgba(220,38,38,0.12); color: #dc2626; }

/* ---- Altitude profile strip ---- */
.altitude-profile {
  background: var(--off-white);
  border-radius: var(--radius-lg);
  padding: 1.5rem 2rem;
  margin: 2rem 0;
  border: 1px solid var(--border);
}
.altitude-profile h4 { font-size: 0.875rem; color: var(--stone); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 1rem; }
.altitude-bars { display: flex; align-items: flex-end; gap: 0.5rem; height: 80px; }
.altitude-bar {
  flex: 1;
  background: var(--primary);
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  opacity: 0.8;
  position: relative;
  transition: opacity var(--transition-fast);
}
.altitude-bar:hover { opacity: 1; }

/* ---- Day trip specific ---- */
.day-trip-info-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin: 2rem 0;
}
.day-trip-info-item {
  background: var(--off-white);
  border-radius: var(--radius-lg);
  padding: 1.25rem;
  text-align: center;
  border: 1px solid var(--border);
}
.day-trip-info-icon { font-size: 1.5rem; margin-bottom: 0.5rem; }
.day-trip-info-label { font-size: 0.75rem; color: var(--stone); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.25rem; }
.day-trip-info-value { font-family: var(--font-primary); font-size: 0.9375rem; font-weight: 700; color: var(--dark); }

/* ---- No results ---- */
.no-results {
  grid-column: 1 / -1;
  text-align: center;
  padding: 4rem 2rem;
}
.no-results h3 { margin-bottom: 0.5rem; }
.no-results p { margin-bottom: 1.5rem; }