/* theme-parks.css
   Page-level stylesheet. Imports section styles for maintainability.
*/

@import url('./theme-parks/external-theme-parks.css');
@import url('./theme-parks/inline-styles.css');
@import url('./theme-parks/section-01.css');
@import url('./theme-parks/section-02.css');
@import url('./theme-parks/section-03.css');
@import url('./theme-parks/section-04.css');
@import url('./theme-parks/section-05.css');
@import url('./theme-parks/section-06.css');
@import url('./theme-parks/section-07.css');
@import url('./theme-parks/section-08.css');
@import url('./theme-parks/section-09.css');
@import url('./theme-parks/section-10.css');
@import url('./theme-parks/section-11.css');
@import url('./theme-parks/section-12.css');
@import url('./theme-parks/section-13.css');
@import url('./theme-parks/section-14.css');
@import url('./theme-parks/section-15.css');
@import url('./theme-parks/section-16.css');
@import url('./theme-parks/section-17.css');
@import url('./theme-parks/section-18.css');
@import url('./theme-parks/section-19.css');
@import url('./theme-parks/section-20.css');
@import url('./theme-parks/section-21.css');
@import url('./theme-parks/section-22.css');
@import url('./theme-parks/section-23.css');
@import url('./theme-parks/section-24.css');
@import url('./theme-parks/section-25.css');
@import url('./theme-parks/section-26.css');
@import url('./theme-parks/section-27.css');
@import url('./theme-parks/section-28.css');
@import url('./theme-parks/section-29.css');
@import url('./theme-parks/section-30.css');
@import url('./theme-parks/section-31.css');
@import url('./theme-parks/section-32.css');
@import url('./theme-parks/section-33.css');
@import url('./theme-parks/section-34.css');
@import url('./theme-parks/section-35.css');
@import url('./theme-parks/section-36.css');
@import url('./theme-parks/section-37.css');
@import url('./theme-parks/section-38.css');
@import url('./theme-parks/section-39.css');
@import url('./theme-parks/section-40.css');
@import url('./theme-parks/section-41.css');
@import url('./theme-parks/section-42.css');
@import url('./theme-parks/section-43.css');
@import url('./theme-parks/section-44.css');
@import url('./theme-parks/section-45.css');
@import url('./theme-parks/section-46.css');
@import url('./theme-parks/section-47.css');
@import url('./theme-parks/section-48.css');
@import url('./theme-parks/section-49.css');
@import url('./theme-parks/section-50.css');
@import url('./theme-parks/section-51.css');
@import url('./theme-parks/section-52.css');
@import url('./theme-parks/section-53.css');
@import url('./theme-parks/section-54.css');
@import url('./theme-parks/section-55.css');



/* =========================================================
   THEME PARKS PAGE FIXES (requested)
   1) Blue pencil heading like Contact
   2) Reduce space between header and pencil heading
   3) Reduce main hero header font size to match other pages
   4) Center enquiry section text ("Tell us which parks...")
   5) Reduce bottom spacing before footer
   ========================================================= */

.tickets-hero--center .hero-eyebrow{
  font-size: 13px !important;
  letter-spacing: .45em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  color: var(--cyan, #55c7ff) !important;
}

.tickets-hero .hero-inner{
  padding-top: 2.0rem !important;
  padding-bottom: 2.8rem !important;
}

.tickets-hero--center .hero-title{
  font-size: clamp(38px, 5.0vw, 64px) !important;
  line-height: 1.05 !important;
}

/* Enquiry ("Tell us which parks...") centering */
.enquiry2-intro,
.enquiry2-intro *{
  text-align: center !important;
}
.enquiry2-intro{
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Reduce extra space before footer */
.tickets-main{ padding-bottom: 48px !important; }
.enquiry2{ padding-bottom: 56px !important; }


/* Theme Parks pencil heading – match Contact page */
.theme-parks-hero .eyebrow.contact-hero__kicker,
.tp-hero .eyebrow.contact-hero__kicker{
  color: var(--yas-cyan, #55c7ff) !important;
  letter-spacing: .45em !important;
  font-weight: 400 !important;
  font-size: 13px !important;
}


/* =====================================================
   FIX: Center ONLY the enquiry heading line on Theme Parks
   ===================================================== */
#enquiry .enquiry2-intro{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  display:flex !important;
  flex-direction:column;
  align-items:center !important;
}
#enquiry .enquiry2-title{
  width:100% !important;
  text-align:center !important;
}
#enquiry .enquiry2-title > span{
  display:inline-block;
  text-align:center !important;
}
