/* Offer pages reuse the approved Team card colours, borders, spacing and radii. */
#main .offer-page {
  background: #0b0e13;
  color: #e2e8f0;
}
.offer-page .section-title .offer-page-title { color: #fff; }
.offer-page .offer-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  margin: 0;
}
.offer-page .offer-layout > [class*="col-lg-"] {
  display: grid;
  gap: 24px;
  min-width: 0;
  width: auto;
  padding: 0;
  /* Grid gap replaces the legacy Bootstrap pt-4 spacing utility. */
  padding-top: 0 !important;
}
.offer-page .offer-card,
.offer-page .offer-times,
.offer-page .gallery {
  min-width: 0;
  margin: 0;
  padding: 24px;
  border: 1px solid #687384;
  border-radius: 12px;
  background: #151a21;
  color: #e2e8f0;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
.offer-page .offer-card p,
.offer-page .offer-card li,
.offer-page .offer-times p,
.offer-page .offer-times li { color: #e2e8f0; }
.offer-page .offer-description > :last-child { margin-bottom: 0; }
.offer-page .offer-times h3,
.offer-page .offer-description :is(h3, h4) { color: #fff; }
body.site-navigation-page .offer-page a.a11y-text-link,
body.site-navigation-page .offer-page a.a11y-text-link:hover {
  color: #ffb180;
  text-decoration: underline;
}
.offer-page a:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}
.offer-page .gallery img {
  max-width: 100%;
  border-radius: 6px;
}
@media (min-width: 1024px) {
  .offer-page .offer-layout { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
}
@media (max-width: 768px) {
  .offer-page .offer-card,
  .offer-page .offer-times,
  .offer-page .gallery { padding: 20px; }
}
@media print {
  #main .offer-page,
  .offer-page .offer-card,
  .offer-page .offer-times,
  .offer-page .gallery { background: #fff; color: #000; }
  .offer-page .offer-card p,
  .offer-page .offer-card li,
  .offer-page .offer-times p,
  .offer-page .offer-times li,
  .offer-page .section-title .offer-page-title,
  .offer-page .offer-times h3,
  .offer-page .offer-description :is(h3, h4) { color: #000; }
}