/* ZTERS brand tokens layered over Bootstrap 5 via CSS variables. */
:root {
  --bs-primary: #f7941d;
  --bs-primary-rgb: 247, 148, 29;
  --bs-link-color: #d97706;
  --bs-link-color-rgb: 217, 119, 6;
  --bs-link-hover-color: #b45309;
}

.btn-primary {
  --bs-btn-bg: #f7941d;
  --bs-btn-border-color: #f7941d;
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: #e07d0a;
  --bs-btn-hover-border-color: #e07d0a;
  --bs-btn-active-bg: #cc7009;
  --bs-btn-active-border-color: #cc7009;
}

/* Aliases for legacy theme classes still present in ported markup, mapped to
   the brand token so ported pages render correctly without the old theme. */
.bg-zters-orange {
  background-color: var(--bs-primary) !important;
}

.text-zters-orange {
  color: var(--bs-primary) !important;
}

.btn-zters-orange {
  --bs-btn-bg: #f7941d;
  --bs-btn-border-color: #f7941d;
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: #e07d0a;
  --bs-btn-hover-border-color: #e07d0a;
}

.btn-zters-outline-orange {
  --bs-btn-color: #f7941d;
  --bs-btn-border-color: #f7941d;
  --bs-btn-hover-bg: #f7941d;
  --bs-btn-hover-border-color: #f7941d;
  --bs-btn-hover-color: #fff;
}

/* Full-width city page map embed (ported from the legacy location pages). */
.map-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 500px;
}

.map-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
}