/*
 * Travel Builder Pro — Base Styles
 * Loaded on every page where at least one TBP widget is present.
 */

/* ─── Reset & Variables ──────────────────────────────────────────── */
.tbp-tour-card,
.tbp-hero,
.tbp-booking-form,
.tbp-timeline,
.tbp-trek-stats,
.tbp-testi,
.tbp-gallery,
.tbp-price-table,
.tbp-faq,
.tbp-weather,
.tbp-map,
.tbp-countdown {
  --tbp-green:   #1a6b3c;
  --tbp-gold:    #f5a623;
  --tbp-danger:  #cc0000;
  --tbp-text:    #333333;
  --tbp-muted:   #666666;
  --tbp-light:   #f4f8f5;
  --tbp-white:   #ffffff;
  --tbp-radius:  10px;
  --tbp-shadow:  0 4px 20px rgba(0,0,0,0.08);
  --tbp-trans:   0.22s ease;
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

/* ─── Star Rating ────────────────────────────────────────────────── */
.tbp-stars {
  display: inline-flex;
  gap: 2px;
}

.tbp-star { font-size: 14px; line-height: 1; }
.tbp-star--full  { color: var(--tbp-gold); }
.tbp-star--half  { color: var(--tbp-gold); opacity: 0.6; }
.tbp-star--empty { color: #ddd; }

/* ─── Utility ───────────────────────────────────────────────────── */
.tbp-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border-width: 0;
}

/* Destination Hero — force full column width */
.tbp-hero-widget-wrap,
.tbp-hero-widget-wrap .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}