/* Motion Adventure V11.32.23: cinematic hero + isolated booking UI repairs.
   Scoped to body.motion-site; Universal Excursions pages are unaffected. */
html body.site-body.motion-site {
  --motion-electric-gold:#ffc32f;
  --motion-deep-black:#080705;
  --motion-warm-charcoal:#17120b;
}

/* 1. Remove the duplicate actions from the HOME slider only. The main header and
   each real catalog product preserve their working Book Now links. */
html body.site-body.motion-site .motion-hero-slider .motion-hero-buttons {display:none!important}
html body.site-body.motion-site .motion-hero-slider {
  position:relative;
  isolation:isolate;
  background:#0b0805;
  min-height:clamp(570px,45vw,730px);
}
html body.site-body.motion-site .motion-hero-slider:before {
  opacity:.30!important;
  width:clamp(50px,10vw,150px);
}
html body.site-body.motion-site .motion-slider-stage {overflow:hidden}
html body.site-body.motion-site .motion-slider-frame {
  opacity:0;z-index:0;
  transition:opacity .8s cubic-bezier(.2,.8,.25,1),clip-path 1.05s cubic-bezier(.2,.8,.17,1)!important;
  clip-path:inset(0 0 0 14%);
  pointer-events:none;
}
html body.site-body.motion-site .motion-slider-frame.is-active {
  opacity:1;z-index:1;clip-path:inset(0 0 0 0);
}
html body.site-body.motion-site .motion-slider-frame img {
  transform:scale(1.08);
  filter:saturate(1.20) contrast(1.13) brightness(1.03);
  object-position:center 48%;
}
html body.site-body.motion-site .motion-slider-frame.is-active img {
  animation:ma23-tracking-shot 5.1s cubic-bezier(.1,.1,.18,1) both;
}
@keyframes ma23-tracking-shot {
  0%{transform:scale(1.17) translateX(1.6%);filter:saturate(1.28) contrast(1.2) brightness(1.08)}
  35%{filter:saturate(1.2) contrast(1.13) brightness(1.02)}
  100%{transform:scale(1.04) translateX(-1.1%);filter:saturate(1.15) contrast(1.1) brightness(1)}
}
html body.site-body.motion-site .motion-slider-frame:after {
  background:linear-gradient(90deg,rgba(4,4,3,.96) 0%,rgba(5,4,3,.80) 22%,rgba(9,7,4,.22) 58%,rgba(7,5,3,.16) 100%),
    linear-gradient(0deg,rgba(8,5,3,.74),transparent 43%)!important;
}
html body.site-body.motion-site .motion-hero-vignette {
  background:radial-gradient(ellipse at 73% 45%,transparent 10%,rgba(0,0,0,.24) 94%),
    linear-gradient(0deg,rgba(3,2,1,.38),transparent 40%)!important;
}
/* Deliberately photographic motion graphics, never text baked into an image. */
html body.site-body.motion-site .motion-hero-speedlines {
  opacity:.53!important;
  mix-blend-mode:screen;
  background:repeating-linear-gradient(110deg,transparent 0 127px,rgba(253,187,48,.09) 128px,transparent 130px)!important;
  mask-image:linear-gradient(90deg,#000,transparent 48%);
  animation:ma23-speed-lines 3.8s linear infinite!important;
}
@keyframes ma23-speed-lines {to{background-position:165px -130px}}
html body.site-body.motion-site .motion-hero-impact {
  position:absolute;z-index:3;inset:0;pointer-events:none;overflow:hidden;
}
html body.site-body.motion-site .motion-hero-impact span {
  position:absolute;right:-12%;width:42vw;max-width:690px;height:2px;
  background:linear-gradient(90deg,transparent,rgba(255,195,47,.56),transparent);
  transform:skewY(-17deg) rotate(-15deg);
  filter:drop-shadow(0 0 12px rgba(255,174,26,.6));
  animation:ma23-flash-track 4.8s ease-in-out infinite;
}
html body.site-body.motion-site .motion-hero-impact span:nth-child(1){top:24%}
html body.site-body.motion-site .motion-hero-impact span:nth-child(2){top:29%;animation-delay:.13s;width:29vw}
html body.site-body.motion-site .motion-hero-impact span:nth-child(3){top:35%;animation-delay:.24s;width:22vw}
@keyframes ma23-flash-track{0%,40%,100%{opacity:0;translate:130px 0}10%,20%{opacity:.5;translate:0 0}}
html body.site-body.motion-site .motion-hero-content {
  max-width:1600px;padding-top:clamp(62px,6.3vw,105px)!important;
  padding-bottom:clamp(130px,11vw,168px)!important;
}
html body.site-body.motion-site .motion-hero-eyebrow {
  font:800 clamp(12px,1.1vw,17px)/1.1 'Barlow Condensed',Impact,sans-serif;
  color:#ffe3a1;letter-spacing:.18em;
  border-left:3px solid #ffc32f;padding-left:13px;
}
html body.site-body.motion-site .motion-hero h1 {
  position:relative;max-width:min(840px,65vw);
  font-family:'Racing Sans One','Barlow Condensed',Impact,sans-serif!important;
  font-size:clamp(77px,9.9vw,153px)!important;
  font-style:normal!important;font-weight:400!important;
  line-height:.85!important;letter-spacing:-.026em!important;
  transform:skew(-3deg)!important;
  margin:22px 0 33px!important;
  color:#fffdf7;text-shadow:2px 3px 0 #2a1c0a,5px 7px 0 #080605,9px 13px 26px #000;
  text-wrap:balance;
}
html body.site-body.motion-site .motion-hero h1 em {
  font-family:inherit!important;font-style:normal!important;
  font-weight:inherit!important;
  color:#ffc42c!important;
  letter-spacing:-.04em;
  line-height:.99;
  -webkit-text-stroke:.35px #ecac27;
  text-shadow:2px 3px 0 #a45b09,5px 7px 0 #291507,10px 12px 0 #080605,12px 19px 22px #0009;
}
html body.site-body.motion-site .motion-hero-content p {
  font-size:clamp(14px,1.05vw,17px);
  max-width:470px;
  color:#fff0d6;
  line-height:1.7;
  background:none;
}
html body.site-body.motion-site .motion-hero-motifs {
  display:flex;align-items:center;gap:13px;margin-top:25px;
  max-width:460px;color:#ffdf8b;
  font:800 13px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.16em;
}
html body.site-body.motion-site .motion-hero-motifs i {
  display:block;width:80px;height:2px;
  background:linear-gradient(90deg,#ffba29,#ffdd79,transparent);
  box-shadow:0 0 18px #ffc02d62;
}
html body.site-body.motion-site .motion-slide-caption {
  right:clamp(22px,5vw,82px);bottom:103px;
  max-width:min(470px,36vw);padding:14px 18px;
  color:#fff9e9!important;background:rgba(11,8,5,.72)!important;
  border-left:3px solid #ffc32f;
  font:900 italic clamp(19px,2vw,31px)/1.05 'Barlow Condensed',Impact,sans-serif!important;
  letter-spacing:.03em;box-shadow:0 16px 36px #0008;
  text-transform:uppercase;
}
html body.site-body.motion-site .motion-slider-frame.is-active .motion-slide-caption {
  animation:ma23-caption-arrive .72s ease-out .21s both;
}
@keyframes ma23-caption-arrive {from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
html body.site-body.motion-site .motion-slider-controls {
  bottom:27px;right:clamp(24px,5vw,80px);gap:15px;z-index:16!important;
}
html body.site-body.motion-site .motion-slider-controls>button {
  background:#120d08!important;border-color:#b18437!important;
  color:#fcd373!important;clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%,8% 50%);
  border-radius:0!important;width:50px;height:46px;
}
html body.site-body.motion-site .motion-slider-controls>button:hover {background:#fbc43d!important;color:#0c0803!important}
html body.site-body.motion-site .motion-slide-progress {height:4px;width:120px}
html body.site-body.motion-site .motion-slide-status {bottom:35px}

/* 2. Motion booking: fix broken phone country selector + short input. Overrides a
   legacy grid rule without touching the transactional component of Universal. */
html body.site-body.motion-site.theme-ue-nexus.page-booking .booking-checkout-section .checkout-form .row.booking-phone-row,
html body.site-body.motion-site.theme-ue-nexus.page-booking .booking-checkout-section .checkout-form .row.booking-phone-row>div {
  display:block!important;width:100%!important;min-width:0!important;max-width:none!important;
}
html body.site-body.motion-site.theme-ue-nexus.page-booking .booking-checkout-section .checkout-form .ue-phone-control {
  display:flex!important;flex-flow:row nowrap!important;align-items:stretch!important;
  box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;
  height:52px!important;min-height:52px!important;gap:0!important;
  padding:0!important;background:#100c08!important;
  border:1px solid #95703b!important;border-radius:10px!important;
  overflow:hidden!important;box-shadow:none!important;
}
html body.site-body.motion-site.theme-ue-nexus.page-booking .booking-checkout-section .checkout-form .ue-phone-control:focus-within {
  border-color:#ffce59!important;box-shadow:0 0 0 3px rgba(255,193,49,.13)!important;
}
html body.site-body.motion-site.theme-ue-nexus.page-booking .booking-checkout-section .checkout-form .ue-phone-control select.ue-phone-country {
  display:block!important;flex:0 0 112px!important;
  width:112px!important;min-width:112px!important;max-width:112px!important;
  height:100%!important;min-height:0!important;box-sizing:border-box!important;
  padding:0 10px!important;margin:0!important;
  color:#f8e5c0!important;background:#231a10!important;
  border:0!important;border-right:1px solid #70532b!important;
  border-radius:0!important;font-size:14px!important;
  appearance:auto!important;color-scheme:dark;box-shadow:none!important;
}
html body.site-body.motion-site.theme-ue-nexus.page-booking .booking-checkout-section .checkout-form .ue-phone-control input.form-field.ue-phone-number {
  display:block!important;flex:1 1 0%!important;
  box-sizing:border-box!important;
  width:auto!important;min-width:0!important;max-width:none!important;
  height:100%!important;min-height:0!important;
  padding:0 15px!important;margin:0!important;
  background:#100c08!important;color:#fff5df!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  font-size:15px!important;line-height:1.4!important;
  -webkit-text-fill-color:#fff5df!important;
}
html body.site-body.motion-site.theme-ue-nexus.page-booking .booking-checkout-section .checkout-form .ue-phone-control input.form-field.ue-phone-number::placeholder {
  color:#c5ae8c!important;-webkit-text-fill-color:#c5ae8c!important;opacity:1!important;
}
/* 3. Restore correct legibility to inherited form labels in Motion checkout. */
html body.site-body.motion-site.theme-ue-nexus.page-booking .booking-checkout-section .checkout-form :is(.row>div>label,.accommodation-google-shell>label,.traveler-name-field>label,.ue-promo-checkout>label) {
  color:#f5dfb6!important;
}
html body.site-body.motion-site.theme-ue-nexus.page-booking .booking-checkout-section .checkout-form .traveler-roster-head strong,
html body.site-body.motion-site.theme-ue-nexus.page-booking .booking-checkout-section .checkout-form .booking-optional-details strong {
  color:#ffd371!important;
}
html body.site-body.motion-site.theme-ue-nexus.page-booking .booking-checkout-section .checkout-form .booking-checkout-stepper {
  max-width:100%;min-width:0;
}
/* Narrow screens: avoid clipping the headline or overlapping the slide controls. */
@media(max-width:920px){
 html body.site-body.motion-site .motion-hero h1{font-size:clamp(70px,11vw,114px)!important;max-width:90vw}
 html body.site-body.motion-site .motion-slide-caption{max-width:40%;font-size:18px!important}
}
@media(max-width:780px){
 html body.site-body.motion-site .motion-hero-slider{min-height:650px!important}
 html body.site-body.motion-site .motion-hero-content{padding:82px 24px 144px!important}
 html body.site-body.motion-site .motion-hero h1{font-size:clamp(68px,12.5vw,104px)!important;max-width:100%}
 html body.site-body.motion-site .motion-slide-caption{display:none!important}
 html body.site-body.motion-site .motion-slider-controls{bottom:22px!important;right:22px!important;gap:9px}
 html body.site-body.motion-site .motion-hero-bottom{bottom:86px!important}
}
@media(max-width:560px){
 html body.site-body.motion-site .motion-hero-slider{min-height:610px!important}
 html body.site-body.motion-site .motion-hero-content{padding:80px 21px 150px!important}
 html body.site-body.motion-site .motion-hero h1{font-size:clamp(65px,18.2vw,96px)!important;max-width:100%;letter-spacing:-.045em!important;line-height:.88!important}
 html body.site-body.motion-site .motion-hero h1 em{letter-spacing:-.048em}
 html body.site-body.motion-site .motion-hero-motifs{flex-wrap:wrap;gap:10px;font-size:11px}
 html body.site-body.motion-site .motion-hero-motifs i{width:32px}
 html body.site-body.motion-site .motion-hero-bottom{bottom:75px!important}
 html body.site-body.motion-site .motion-slider-controls>button{width:40px;height:40px}
 html body.site-body.motion-site .motion-slide-progress{width:65px}
 html body.site-body.motion-site .motion-hero-speedlines{opacity:.25!important}
}
@media(prefers-reduced-motion:reduce){
 html body.site-body.motion-site .motion-hero-impact span,
 html body.site-body.motion-site .motion-hero-speedlines,
 html body.site-body.motion-site .motion-slider-frame.is-active img,
 html body.site-body.motion-site .motion-slider-frame.is-active .motion-slide-caption{animation:none!important;transform:none!important}
 html body.site-body.motion-site .motion-slider-frame{transition:none!important;clip-path:none!important}
}
/* Dense brush-letter fallback when the optional Racing Sans font is unavailable. */
html body.site-body.motion-site .motion-hero h1{
  font-weight:900!important;
  -webkit-text-stroke:1.15px #fffdf7;
}
html body.site-body.motion-site .motion-hero h1 em{
  -webkit-text-stroke:1.25px #ffc42c;
}
/* Checkout step progress uses Motion gold rather than corporate green/blue. */
html body.site-body.motion-site.page-booking .checkout-progress{
  box-sizing:border-box;max-width:100%;padding:14px 18px;
  background:#15100b!important;border:1px solid #65502a;border-radius:13px;
}
html body.site-body.motion-site.page-booking .checkout-progress .progress-step{color:#cdbb9c!important}
html body.site-body.motion-site.page-booking .checkout-progress .progress-step b{color:#f4e8d5!important}
html body.site-body.motion-site.page-booking .checkout-progress .progress-step small{color:#d1bb96!important}
html body.site-body.motion-site.page-booking .checkout-progress .progress-step>span{
  background:#20180e!important;border-color:#886735!important;color:#f2d99e!important;
}
html body.site-body.motion-site.page-booking .checkout-progress .progress-step.done>span{
  background:#674719!important;border-color:#e1ac45!important;color:#fff1d2!important;
}
html body.site-body.motion-site.page-booking .checkout-progress .progress-step.active>span{
  background:#ffc32f!important;border-color:#ffd470!important;color:#1d1205!important;
}
html body.site-body.motion-site.page-booking .checkout-progress .progress-line{background:#644b2b!important}
html body.site-body.motion-site.page-booking .checkout-progress .progress-line.active{background:#f2ba43!important}
@media(max-width:560px){
 html body.site-body.motion-site.page-booking .checkout-progress{padding:12px 10px;gap:5px}
}

/* Finish replacing the corporate accent colors inside Motion checkout. */
html body.site-body.motion-site.theme-ue-nexus.page-booking .booking-checkout-section .checkout-form :is(input[type="checkbox"],input[type="radio"]){accent-color:#ffc32f!important}
html body.site-body.motion-site.theme-ue-nexus.page-booking .booking-checkout-section .checkout-form :is(input,select,textarea).form-field:focus-visible{
  border-color:#ffce59!important;outline:3px solid rgba(255,193,49,.18)!important;outline-offset:1px!important;
}
html body.site-body.motion-site.theme-ue-nexus.page-booking .booking-checkout-section .checkout-form input.form-field:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px #100c08 inset!important;-webkit-text-fill-color:#fff5df!important;caret-color:#fff5df!important;
}
html body.site-body.motion-site.theme-ue-nexus.page-booking .booking-checkout-section .alert-success{
  background:#1c160e!important;border:1px solid #95703b!important;border-radius:10px!important;color:#f7e8ca!important;box-shadow:none!important;
}
html body.site-body.motion-site.theme-ue-nexus.page-booking .booking-checkout-section .alert-success :is(strong,span,p){color:#ffe0a0!important}