/* Extracted from inline <style> block #51 in things-to-do.html */

/* Reduce secondary hero heading size */
.hero-secondary h1,
.secondary-hero h1,
.hero-alt h1 {
  font-size: 42px !important;
  line-height: 1.15;
}


/* =========================================================
   THINGS TO DO – REQUESTED ENHANCEMENTS (25 Dec)
   - Only page-level visual tweaks (no structural changes)
   ========================================================= */

/* 1) Card CTA capsules (the label pills on each card): smaller + dark blue + white text */
.ttd-card__pill{
  padding: 8px 14px !important;
  font-size: 13px !important;
  letter-spacing: .05em !important;
  background: #082a55 !important; /* plain dark blue */
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.30) !important;
}

/* 2) Hero section: centralise all text + buttons */
.ttd-hero,
.ttd-hero .inline-style-04,
.ttd-hero .inline-style-05{
  text-align: center;
}

.ttd-hero .ttd-copy,
.ttd-hero .ttd-subtitle{
  margin-left: auto;
  margin-right: auto;
}

.ttd-hero .ttd-bullets-grid{
  display: flex;
  justify-content: center;
  gap: 28px;
}
.ttd-hero .ttd-bullets-grid ul{
  display: inline-block;
  text-align: left; /* keep bullet text readable while block is centred */
  margin: 0;
}

.ttd-hero .ttd-cta{
  justify-content: center;
}

/* 3) Details section: keep the blue top border and remove any extra divider lines */
.ttd-detail{
  border-top: 1px solid rgba(46,203,255,0.40) !important; /* subtle blue line */
  padding-top: 28px !important;
}

/* 3) Image sliders inside each detail section */
.ttd-slider{
  position: relative;
  height: 320px;
  overflow: hidden;
}
.ttd-slider img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity .45s ease;
}
.ttd-slider img.is-active{
  opacity: 1;
}

/* Slider controls */
.ttd-slider__btn{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.30);
  background: rgba(8, 22, 46, 0.55);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
}
.ttd-slider__btn:hover{
  background: rgba(8, 22, 46, 0.75);
  border-color: rgba(255,255,255,.45);
}
.ttd-slider__btn--prev{ left: 10px; }
.ttd-slider__btn--next{ right: 10px; }

.ttd-slider__dots{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.ttd-slider__dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.50);
  background: rgba(255,255,255,.20);
  cursor: pointer;
}
.ttd-slider__dot.is-active{
  background: rgba(255,255,255,.85);
}

/* 4) Footer spacing below the CTA button */
.ttd-details-footer{
  margin: 34px auto 48px !important;
  padding-top: 18px !important;
  padding-bottom: 22px !important;
  border-top: none !important; /* remove divider line above CTA */
  text-align: center;
}


/* =====================================================
   Things-to-do CTAs: match header Contact pill gradient
   (only affects View tickets + bottom Contact CTA)
   ===================================================== */
.ttd-cta .ttd-viewtickets-btn{
  background: linear-gradient(90deg, #31c7ff 0%, #6f63ff 45%, #ff4cc4 100%) !important;
  color: #111 !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 25px rgba(26, 79, 255, .18) !important;
}
.ttd-details-footer .ttd-footerpill{
  background: linear-gradient(90deg, #31c7ff 0%, #6f63ff 45%, #ff4cc4 100%) !important;
  color: #111 !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 10px 25px rgba(26, 79, 255, .18) !important;
  max-width: fit-content;
}

/* Ensure hero heading stays centered */
.ttd-hero .ttd-title{ text-align:center !important; margin-left:auto !important; margin-right:auto !important; }