.thomas-track {
  position: relative;
  height: 60px;
  overflow: hidden;
  margin-top: 20px;
}

.thomas-engine {
  position: absolute;
  bottom: 0;
  left: -150px;
  height: 70px;
  animation: chugging 5s linear infinite;
  z-index: 2;
}

/* Smoke puff styling */
.smoke.puff {
  position: absolute;
  bottom: 45px;
  left: -120px;
  width: 15px;
  height: 15px;
  background: rgba(200, 200, 200, 0.5);
  border-radius: 50%;
  animation: puffing 1s linear infinite;
  z-index: 3;
}

/* Thomas moves across */
@keyframes chugging {
  0%   { left: -150px; }
  100% { left: 100%; }
}

/* Smoke floats upward and fades */
.percy-track {
  position: relative;
  height: 60px;
  overflow: hidden;
  margin-top: 20px;
}

.percy-engine {
  position: absolute;
  bottom: 0;
  left: -150px;
  height: 70px;
  animation: percy-chug 15s linear infinite;
}

@keyframes percy-chug {
  0% { left: -150px; }
  100% { left: 100%; }
}

@keyframes puffing {
  0% {
    transform: translateX(0) translateY(0) scale(1);
    opacity: 0.7;
  }
  50% {
    transform: translateX(30px) translateY(-20px) scale(1.3);
    opacity: 0.4;
  }
  100% {
    transform: translateX(60px) translateY(-40px) scale(1.6);
    opacity: 0;
  }
}
.james-track {
  position: relative;
  height: 60px;
  overflow: hidden;
  margin-top: 20px;
}

.james-engine {
  position: absolute;
  bottom: 0;
  left: -150px;
  height: 70px;
  animation: james-chug 15s linear infinite;
}

@keyframes james-chug {
  0% { left: -150px; }
  100% { left: 100%; }
}
/* Ultra-specific targeting for Amelia Booking Form 1.0 price badge */
.book-container .amelia-app-booking .event-price {
  background-color: rgba(247, 141, 167, 1) !important;
  color: #000000 !important;
  border-radius: 6px !important;
  font-weight: bold !important;
  padding: 4px 10px !important;
  display: inline-block !important;
}
.page-title {
    display: none;
}
h1.entry-title {
    display: none;
}
.gordon-track {
  position: relative;
  height: 200px; /* Match image height */
  overflow: hidden;
  margin-top: 0px;
}

.gordon-engine {
  position: absolute;
  bottom: -0px;
  left: -150px;
  height: 200px; /* Or whatever size you prefer */
  animation: gordon-chug 10s linear infinite;
  z-index: 2;
}
@keyframes gordon-chug {
  0% { left: -150px; }
  100% { left: 100%; }
}

}

@keyframes gordon-chug {
  0% { right: -150px; }
  100% { right: 100%; }
}
.henry-track {
  position: relative;
  height: 200px;
  overflow: hidden;
  margin-top: 0px;
}

.henry-engine {
  position: absolute;
  bottom: -100px;
  left: -150px;
  height: 500px; /* Same size as other trains */
  animation: henry-chug 10s linear infinite;
  z-index: 2;
}

@keyframes henry-chug {
  0% { left: -150px; }
  100% { left: 100%; }
}
/* Hide the entire Astra header on page ID 33 */
.page-id-33 .ast-header-break-point,
.page-id-33 .main-header-bar,
.page-id-33 .site-header,
.page-id-33 #masthead {
  display: none !important;
}

/* Optional: Also hide the admin bar (for logged-in view only) */
.page-id-33 #wpadminbar {
  display: none !important;
}
/* Sticky header fix for Astra theme */
.ast-header-break-point .main-header-bar {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 9999;
  background-color: #ffffff !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Ensure menu items stay visible */
.ast-header-break-point .main-header-bar .ast-container {
  background-color: #ffffff;
}