/* Motorhome Planner v2.3 - Route Intelligence & Adventure Images */

/* Explicit scenic strip on Home so the top photo remains visible on phones without
   creating the large empty gap from the earlier background-only treatment. */
body.v2-home-page{
  background:#f8f2eb!important;
}
.v23-home-scenic{
  width:100%;height:138px;margin:0 0 -48px;
  background:
    linear-gradient(180deg,rgba(255,247,239,.04),rgba(248,242,235,.58) 92%,#f8f2eb),
    url('scene-home.jpg') center 48%/cover no-repeat;
  position:relative;z-index:0;
}
.v2-home-page .v2-dashboard{padding-top:0!important;position:relative;z-index:1}

/* Clearer photography. Keep the identity colours, but let the image breathe. */
.v2-departure-card{
  background:
    linear-gradient(110deg,rgba(235,78,0,.88) 0%,rgba(242,94,13,.67) 48%,rgba(64,27,10,.16) 100%),
    url('scene-road.jpg') center/cover no-repeat!important;
}
.v2-arrival-card{
  background:
    linear-gradient(110deg,rgba(38,118,56,.82) 0%,rgba(38,106,49,.58) 50%,rgba(18,58,29,.18) 100%),
    url('scene-packing.jpg') center/cover no-repeat!important;
}
.v2-check-hero.departure{
  background:
    linear-gradient(100deg,rgba(224,70,0,.87) 0%,rgba(241,94,14,.58) 54%,rgba(45,26,15,.15) 100%),
    url('scene-road.jpg') center/cover no-repeat!important;
}
.v2-check-hero.arrival{
  background:
    linear-gradient(100deg,rgba(33,111,52,.84) 0%,rgba(32,100,47,.56) 54%,rgba(15,54,26,.16) 100%),
    url('scene-packing.jpg') center/cover no-repeat!important;
}
.v2-phase-copy,.v2-check-hero-copy{text-shadow:0 2px 12px rgba(20,14,10,.24)}

/* All built-in trip images use the same approved motorhome. Custom trip photos still win. */
.v2-trip-card:not(.featured)::before,
.v2-trip-card-photo,
.v2-trip-hero,
.v2-cover-preview{
  background-image:var(--trip-cover,url('trip-default-motorhome.jpg'))!important;
}

/* Make Current / Next Adventure cards photograph-led, closer to the approved concept. */
.v2-trip-card.featured{
  display:block!important;min-height:220px!important;padding:0!important;
  color:#fff!important;background:#7a3a17!important;border:0!important;
  box-shadow:0 17px 36px rgba(55,38,25,.17)!important;
}
.v2-trip-card.featured .v2-trip-card-photo{position:absolute;inset:0;z-index:-2;background-position:center!important;background-size:cover!important}
.v2-trip-card.featured::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(105,39,11,.88) 0%,rgba(199,69,7,.64) 46%,rgba(36,25,18,.12) 100%)!important;
}
.v2-trip-card.featured .v2-trip-date-box{
  position:absolute;right:16px;top:16px;z-index:2;width:auto;height:auto;min-width:54px;
  padding:8px 10px;border-radius:13px;background:rgba(255,255,255,.88)!important;color:#b54a0b!important;
  backdrop-filter:blur(8px);box-shadow:0 8px 18px rgba(31,22,17,.10)
}
.v2-trip-card.featured .v2-trip-date-box strong{font-size:19px}.v2-trip-card.featured .v2-trip-date-box small{font-size:8px}
.v2-trip-card.featured .v2-trip-card-copy{
  position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px 60px 21px 22px;max-width:76%;
}
.v2-trip-card.featured .v2-trip-days{
  display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(92,34,8,.38);color:#fff!important;
  backdrop-filter:blur(6px);font-size:8px
}
.v2-trip-card.featured .v2-trip-card-copy h3{font-size:34px;line-height:1;margin:8px 0 5px;color:#fff}
.v2-trip-card.featured .v2-trip-card-copy p{font-size:12px;color:rgba(255,255,255,.9)!important}
.v2-trip-card.featured .v2-trip-card-meta span{background:rgba(255,255,255,.18)!important;color:#fff!important}
.v2-trip-card.featured>.v2-mini-arrow{
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;right:15px!important;top:auto!important;bottom:15px!important;
  transform:none!important;background:rgba(255,255,255,.94);color:#3e342c
}

/* Standard Upcoming/Past cards keep a visible motorhome image panel on the right. */
.v2-trip-card:not(.featured)::before{width:42%!important;opacity:.72!important;background-position:center!important}
.v2-trip-card:not(.featured)::after{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 54%,rgba(255,255,255,.62) 76%,rgba(255,255,255,.15) 100%)!important}

/* Route semantics: destination is the anchor, stopovers are clearly outbound or return. */
.v23-route-list{gap:0}
.v23-stage-heading{margin:5px 0 9px 44px;display:flex;align-items:center;gap:8px}
.v23-stage-heading::after{content:"";height:1px;flex:1;background:#ebdfd5}
.v23-stage-heading span{font-size:8px;font-weight:950;letter-spacing:.12em;color:#b85a20}
.v23-stage-heading.destination span{color:#34723d}.v23-stage-heading.return span{color:#596a9b}
.v23-stop-badges{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.v23-stage-badge{display:inline-flex;padding:5px 7px;border-radius:999px;font-size:7px;font-weight:950;letter-spacing:.07em;text-transform:uppercase;background:#fff0e5;color:#ad4b12}
.v23-stage-badge.destination{background:#e7f4e6;color:#34713c}.v23-stage-badge.return{background:#edf1fb;color:#506699}
.v23-route-stop.stage-destination .v2-route-card{border-color:#bcd9bc!important;box-shadow:0 8px 20px rgba(45,102,54,.07)!important}
.v23-route-stop.stage-destination .v2-route-marker span{background:linear-gradient(135deg,#519a58,#2d7538)!important}
.v23-route-stop.stage-return .v2-route-marker span{background:linear-gradient(135deg,#7388bd,#52679c)!important}
.v23-destination-note,.v23-form-hint{padding:9px 10px;border-radius:11px;background:#fff7ef;color:#74665c;font-size:9px;line-height:1.45;margin:7px 0}
.v23-destination-note{background:#eef7ed;color:#4f6953}

@media(max-width:760px){
  .v23-home-scenic{height:104px;margin-bottom:-30px;background-position:center 49%}
  .v2-home-page .v2-dashboard{gap:10px!important}

  .v2-trip-card.featured{min-height:185px!important;border-radius:19px!important}
  .v2-trip-card.featured .v2-trip-card-copy{padding:17px 52px 16px 16px;max-width:82%}
  .v2-trip-card.featured .v2-trip-card-copy h3{font-size:28px}
  .v2-trip-card.featured .v2-trip-card-copy p{font-size:10px}
  .v2-trip-card.featured .v2-trip-date-box{right:11px;top:11px;padding:6px 8px;min-width:47px}
  .v2-trip-card.featured .v2-trip-date-box strong{font-size:16px}
  .v2-trip-card.featured>.v2-mini-arrow{width:36px;height:36px;right:11px!important;bottom:11px!important}
  .v2-trip-card:not(.featured)::before{width:45%!important}

  .v23-stage-heading{margin-left:36px;margin-top:3px}
  .v23-stage-heading span{font-size:7px}
  .v23-stage-badge{font-size:6.5px;padding:4px 6px}

  /* More photograph, less colour wash on the smaller cards. */
  .v2-departure-card{background-position:center!important}
  .v2-arrival-card{background-position:58% center!important}
  .v2-check-hero.departure{background-position:54% center!important}
  .v2-check-hero.arrival{background-position:58% center!important}
}

@media(max-width:430px){
  .v23-home-scenic{height:96px;margin-bottom:-27px}
  .v2-trip-card.featured{min-height:175px!important}
  .v2-trip-card.featured .v2-trip-card-copy h3{font-size:26px}
}
\n\n/* v2.3 final visual pass: scenic header, clearer photos and approved trip-card balance. */\nbody.v2-home-page{\n  background:\n    linear-gradient(180deg,rgba(255,247,238,.06) 0,rgba(255,247,238,.04) 72px,rgba(248,242,235,.20) 146px,#f8f2eb 215px,#f8f2eb 100%),\n    url('scene-home.jpg') center 44%/100% 225px no-repeat,\n    #f8f2eb!important;\n}\n.v23-home-scenic{display:none!important}\n.v2-home-page .v2-dashboard{padding-top:8px!important}\n\n/* The approved adventure card keeps a strong image on the right, without a heavy orange wash. */\n.v2-next-trip.v2-next-trip-compact{\n  min-height:210px!important;\n  background-image:var(--trip-cover,url('trip-default-motorhome.jpg'))!important;\n  background-position:62% center!important;\n}\n.v2-next-trip-compact .v2-next-overlay{\n  background:linear-gradient(90deg,rgba(214,72,0,.93) 0%,rgba(235,83,4,.76) 38%,rgba(222,79,2,.35) 60%,rgba(34,24,18,.06) 100%)!important;\n}\n.v2-next-trip-compact .v2-next-copy{max-width:69%!important}\n\n/* Departure and Arrival: keep their colour identity, but show the photography clearly. */\n.v2-departure-card{\n  background:\n    linear-gradient(110deg,rgba(232,73,0,.74) 0%,rgba(238,90,10,.49) 48%,rgba(46,28,18,.08) 100%),\n    url('trip-default-motorhome.jpg') center/cover no-repeat!important;\n}\n.v2-arrival-card{\n  background:\n    linear-gradient(110deg,rgba(34,112,50,.68) 0%,rgba(33,103,48,.42) 49%,rgba(12,43,23,.09) 100%),\n    url('scene-arrival.jpg') center/cover no-repeat!important;\n}\n.v2-check-hero.departure{\n  background:\n    linear-gradient(100deg,rgba(221,69,0,.72) 0%,rgba(238,90,12,.43) 54%,rgba(40,26,18,.08) 100%),\n    url('trip-default-motorhome.jpg') 58% center/cover no-repeat!important;\n}\n.v2-check-hero.arrival{\n  background:\n    linear-gradient(100deg,rgba(31,106,49,.70) 0%,rgba(29,96,45,.40) 54%,rgba(12,44,23,.08) 100%),\n    url('scene-arrival.jpg') center/cover no-repeat!important;\n}\n\n/* Virtual Home points frame the itinerary without being stored as database stops. */\n.v23-home-point .v2-route-marker span{background:#f0640f!important;color:#fff}\n.v23-home-point .v2-route-marker span svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9}\n.v23-home-point .v2-route-card{background:#fffaf5!important;border-style:dashed!important;border-color:#ead8c7!important}\n.v23-stage-badge.home{background:#fff0e4;color:#b74b0b}\n.v23-home-point.return-home{margin-top:2px}\n\n@media(max-width:760px){\n  body.v2-home-page{\n    background:\n      linear-gradient(180deg,rgba(255,247,238,.04) 0,rgba(255,247,238,.03) 62px,rgba(248,242,235,.16) 132px,#f8f2eb 194px,#f8f2eb 100%),\n      url('scene-home.jpg') center 45%/auto 205px no-repeat,\n      #f8f2eb!important;\n  }\n  .v2-home-page .v2-dashboard{padding-top:4px!important}\n  .v2-next-trip.v2-next-trip-compact{min-height:184px!important;border-radius:20px!important;background-position:64% center!important}\n  .v2-next-trip-compact .v2-next-copy{max-width:72%!important;padding:16px!important}\n  .v2-next-trip-compact .v2-next-copy h2{font-size:30px!important}\n  .v2-next-trip-compact .v2-next-overlay{background:linear-gradient(90deg,rgba(214,72,0,.92) 0%,rgba(235,83,4,.73) 42%,rgba(222,79,2,.31) 63%,rgba(34,24,18,.04) 100%)!important}\n  .v2-departure-card,.v2-check-hero.departure{background-position:60% center!important}\n  .v2-arrival-card,.v2-check-hero.arrival{background-position:center!important}\n}\n@media(max-width:430px){\n  body.v2-home-page{background-size:auto 195px!important}\n  .v2-next-trip.v2-next-trip-compact{min-height:178px!important}\n}\n\n\n/* v2.3.1 approved image set */\n.v2-departure-card{\n  background:\n    linear-gradient(110deg,rgba(231,72,0,.62) 0%,rgba(236,88,8,.37) 49%,rgba(43,27,18,.04) 100%),\n    url('scene-departure.jpg') 58% center/cover no-repeat!important;\n}\n.v2-check-hero.departure{\n  background:\n    linear-gradient(100deg,rgba(218,65,0,.64) 0%,rgba(235,88,9,.35) 54%,rgba(40,25,17,.04) 100%),\n    url('scene-departure.jpg') 59% center/cover no-repeat!important;\n}\n.v2-arrival-card{\n  background:\n    linear-gradient(110deg,rgba(27,98,44,.58) 0%,rgba(27,91,42,.33) 50%,rgba(11,40,21,.04) 100%),\n    url('scene-arrival.jpg') 58% center/cover no-repeat!important;\n}\n.v2-check-hero.arrival{\n  background:\n    linear-gradient(100deg,rgba(27,96,44,.61) 0%,rgba(26,89,41,.34) 54%,rgba(11,40,21,.04) 100%),\n    url('scene-arrival.jpg') 58% center/cover no-repeat!important;\n}\n@media(max-width:760px){\n  .v2-departure-card,.v2-check-hero.departure{background-position:61% center!important}\n  .v2-arrival-card,.v2-check-hero.arrival{background-position:62% center!important}\n}\n