/* DayPass footer rules (moved out of footer_new.php <style> blocks: on the venue page the footer lives inside the #placeview
   Vue app, and Vue discards <style> tags in its template but keeps <link> tags). Loaded from footer_new.php with ?v=<filemtime>. */
.dp-foot-cols { padding: 48px 0 8px; text-align: left; }
.dp-foot-cols .dp-foot-h { font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #9a9a9a; margin: 0 0 12px; }
.dp-foot-cols ul { list-style: none; margin: 0; padding: 0; }
.dp-foot-cols li { margin: 0 0 8px; }
.dp-foot-cols a.footerlinks { font-size: 14px; color: #fff !important; text-decoration: none; }
.dp-foot-cols a.footerlinks:hover { text-decoration: underline; }
.dp-foot-legal { text-align: center; margin: 8px 0 18px; }
.dp-foot-legal a.footerlinks { font-size: 13px; color: #bbb !important; margin: 0 10px; text-decoration: none; }
.dp-foot-legal a.footerlinks:hover { color: #fff !important; text-decoration: underline; }
@media (max-width: 767px) { .dp-foot-cols { padding-top: 32px; } .dp-foot-cols .col-6 { margin-bottom: 22px; } }

/* Popular destinations - regional layout */
.dest-regions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0 20px;
  font-size: 14px;
  padding-top: 10px;
}
.dest-region {
  flex: 1 1 22%;
  min-width: 0;
  margin-bottom: 16px;
}
.dest-region-title {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 10px 0;
  padding: 0;
  letter-spacing: 0;
}
.dest-link {
  display: block;
  padding: 3px 0;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.6;
}
.dest-link:hover {
  text-decoration: underline;
}

/* Mobile: 2 columns stacked */
@media (max-width: 767px) {
  .dest-regions {
    gap: 0 16px;
  }
  .dest-region {
    flex: 1 1 calc(50% - 8px);
    min-width: calc(50% - 8px);
    margin-bottom: 20px;
  }
  .dest-region-title {
    font-size: 14px;
    margin-bottom: 6px;
  }
  .dest-link {
    font-size: 13px;
    line-height: 1.7;
    padding: 2px 0;
  }
}

/* Tablet: 4 columns */
@media (min-width: 768px) and (max-width: 1023px) {
  .dest-region {
    flex: 1 1 22%;
  }
}