/* daytrip-map-v63.css · loaded LAST on individual day-trip (inland-*) pages.
   1 · Real route MAP (Leaflet) frame + label styling
   2 · Driver photos → scattered, overlapping cluster
   3 · "Your day, by the hour" → tour-style timeline (gold-ring nodes + rail)
   4 · "Everything included, no surprises" → refined two-panel
   Palette: navy #0C2342/#16263a · gold #C19A4D/#A9843A · cream #F4EBD9. */

/* ============================================================
   1 · ROUTE MAP (Leaflet)
   ============================================================ */
.trip-map{position:relative;z-index:0;height:clamp(340px,42vw,480px);margin-top:clamp(30px,4vw,56px);border-radius:22px;overflow:hidden;background:#dce8f1;box-shadow:0 40px 82px -54px rgba(10,22,44,.55),inset 0 0 0 1px rgba(22,38,58,.1);}
.trip-map .leaflet-tile{filter:saturate(.94);}
.leaflet-container{font-family:"Manrope",sans-serif;background:#dce8f1;}
.trip-map-lab{background:#fff!important;border:0!important;box-shadow:0 2px 10px rgba(16,38,58,.24)!important;border-radius:999px!important;padding:4px 11px!important;font:700 11.5px/1 "Manrope",sans-serif!important;color:#16263a!important;white-space:nowrap;}
.trip-map-lab::before{display:none!important;}

/* ============================================================
   2 · DRIVER PHOTOS — scattered, overlapping cluster
   ============================================================ */
@media(min-width:761px){
  .ms-driver .msd-collage{position:relative!important;display:block!important;grid-template-columns:none!important;grid-template-rows:none!important;height:clamp(392px,38vw,500px)!important;overflow:visible!important;}
  .ms-driver .msd-collage figure{position:absolute!important;margin:0!important;overflow:hidden!important;background:#0C2342!important;border:6px solid #fff!important;border-radius:10px!important;box-shadow:0 30px 60px -34px rgba(10,22,44,.62)!important;}
  .ms-driver .msd-collage figure img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
  .ms-driver .msd-collage .m{width:62%!important;height:76%!important;left:0!important;top:9%!important;transform:rotate(-3deg)!important;z-index:2!important;}
  .ms-driver .msd-collage .s1{width:47%!important;height:53%!important;right:0!important;top:0!important;transform:rotate(3.5deg)!important;z-index:3!important;}
  .ms-driver .msd-collage .s2{width:43%!important;height:49%!important;right:5%!important;bottom:0!important;transform:rotate(-5deg)!important;z-index:4!important;}
}
@media(max-width:760px){
  .ms-driver .msd-collage{height:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:none!important;gap:10px!important;}
  .ms-driver .msd-collage figure{position:static!important;transform:none!important;margin:0!important;overflow:hidden!important;background:#0C2342!important;border:4px solid #fff!important;border-radius:10px!important;box-shadow:0 20px 40px -28px rgba(10,22,44,.55)!important;aspect-ratio:4/3!important;}
  .ms-driver .msd-collage figure img{width:100%!important;height:100%!important;object-fit:cover!important;}
  .ms-driver .msd-collage .m{grid-column:1 / -1!important;aspect-ratio:16/10!important;}
}

/* ============================================================
   3 · "YOUR DAY, BY THE HOUR" — match the tour timeline
   ============================================================ */
@media(min-width:641px){
  .itinerary .itin-list{position:relative!important;}
  .itinerary .itin-item{grid-template-columns:58px 1fr!important;column-gap:24px!important;padding:22px 6px!important;position:relative!important;align-items:start!important;}
  .itinerary .itin-item .itin-ic{width:58px!important;height:58px!important;display:flex!important;align-items:center;justify-content:center;border-radius:50%!important;background:#F4EBD9!important;color:#16263a!important;box-shadow:inset 0 0 0 1.5px rgba(193,154,77,.55),0 10px 20px -14px rgba(22,38,58,.55)!important;position:relative;z-index:1;align-self:start!important;}
  .itinerary .itin-item .itin-ic svg{width:27px!important;height:27px!important;stroke-width:1.75!important;}
  .itinerary .itin-item h4{transition:color .25s ease;}
  .itinerary .itin-item:hover h4{color:#0C2342!important;}
  .itinerary .itin-item:hover .itin-ic{box-shadow:inset 0 0 0 1.5px rgba(193,154,77,.9),0 14px 26px -14px rgba(22,38,58,.6)!important;}
  /* only one rail, and it runs THROUGH the icon nodes: kill any left rail */
  .itinerary .itin-list::before,.itinerary .itin-item::before{display:none!important;}
  .itinerary .itin-item:not(:last-child)::after{content:""!important;display:block!important;position:absolute;left:35px;top:51px;width:2px;height:100%;transform:translateX(-1px);background:linear-gradient(180deg,rgba(193,154,77,.7),rgba(193,154,77,.32));z-index:0;}
}
html.tt-anim .itinerary .itin-item{opacity:0;transform:translateY(14px);}
html.tt-anim .itinerary .itin-list.tt-run .itin-item{opacity:1;transform:none;transition:opacity .55s ease,transform .6s cubic-bezier(.2,.8,.3,1);transition-delay:calc(var(--i,0)*80ms);}
@media(min-width:641px){
  html.tt-anim .itinerary .itin-item:not(:last-child)::after{transform:translateX(-1px) scaleY(0);transform-origin:top center;}
  html.tt-anim .itinerary .itin-list.tt-run .itin-item:not(:last-child)::after{transform:translateX(-1px) scaleY(1);transition:transform .6s ease;transition-delay:calc(var(--i,0)*80ms + 40ms);}
}
@media(prefers-reduced-motion:reduce){html.tt-anim .itinerary .itin-item{opacity:1!important;transform:none!important;}html.tt-anim .itinerary .itin-item::after{transform:translateX(-1px) scaleY(1)!important;}}

/* ============================================================
   4 · "EVERYTHING INCLUDED, NO SURPRISES" — refined two-panel
   ============================================================ */
.tm-included .tm-incl-grid{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:clamp(18px,2vw,26px)!important;margin-top:clamp(26px,3vw,42px)!important;align-items:start!important;}
.tm-included .tm-incl-col{position:relative!important;background:#fff!important;border:1px solid rgba(22,38,58,.1)!important;border-radius:18px!important;padding:clamp(26px,2.6vw,40px)!important;box-shadow:0 30px 62px -44px rgba(22,38,58,.42)!important;overflow:hidden;}
.tm-included .tm-incl-col.yes{border-top:3px solid #C19A4D!important;}
.tm-included .tm-incl-col.no{background:#faf6ee!important;}
.tm-included .tm-incl-col h3{margin:0 0 18px!important;padding-bottom:14px!important;border-bottom:1px solid rgba(22,38,58,.12)!important;font-family:var(--f-display,'Archivo',sans-serif)!important;font-weight:800!important;font-size:16.5px!important;letter-spacing:-.01em!important;color:#16263a!important;text-transform:none!important;}
.tm-included .tm-incl-col ul{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column;gap:14px!important;}
.tm-included .tm-incl-col li{display:flex!important;align-items:flex-start!important;gap:12px!important;font:400 14.5px/1.5 var(--f-body,'Manrope',sans-serif)!important;color:#43515f!important;}
.tm-included .tm-incl-col li svg{flex:0 0 auto!important;width:21px!important;height:21px!important;margin-top:1px!important;}
.tm-included .tm-incl-col.yes li svg{color:#1F8A5B!important;}
.tm-included .tm-incl-col.no li svg{color:#B0673A!important;opacity:.9;}
@media(max-width:760px){.tm-included .tm-incl-grid{grid-template-columns:1fr!important;}}