/* TOUR SCOPE V8.3.11 R14 — final UI closure.
   Presentation-only override on top of R13. Fixes duration-chip layering and
   upgrades trip-card detail CTAs. No booking, data, popup, Cloudinary, CMS,
   SEO, security, routing or persistence logic changes. */

:root{
  --ts14-ink:#08364d;
  --ts14-teal:#0798a8;
  --ts14-aqua:#19c9c5;
  --ts14-aqua-2:#4addd2;
  --ts14-coral:#ff6846;
  --ts14-coral-2:#ff8568;
  --ts14-soft:#effcfc;
  --ts14-line:#bfe7e8;
  --ts14-ease:cubic-bezier(.2,.76,.2,1);
}

/* Duration badge: keep it intentionally overlapping the image/body seam,
   but above photography on every card and viewport. */
.trip-card-media{z-index:1 !important}
.trip-card-body{
  position:relative !important;
  z-index:2 !important;
  isolation:isolate !important;
  overflow:visible !important;
  padding-top:38px !important;
}
.trip-facts>span:first-child{
  z-index:20 !important;
  top:-19px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:max-content !important;
  min-width:118px !important;
  max-width:calc(100% - 36px) !important;
  min-height:36px !important;
  padding:0 17px !important;
  white-space:nowrap !important;
  justify-content:center !important;
  color:#0a6676 !important;
  background:linear-gradient(135deg,#ffffff 0%,#f4ffff 55%,#e8fbfb 100%) !important;
  border:1.5px solid var(--ts14-line) !important;
  box-shadow:0 9px 20px rgba(5,83,101,.14),0 0 0 3px rgba(255,255,255,.72) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.025em !important;
  text-shadow:none !important;
}

/* Final trip-card CTA language: brighter, more dynamic and visibly different
   from the previous solid teal bar. */
.trip-actions.ts-detail-only{margin-top:auto !important}
.trip-detail-button{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  min-height:52px !important;
  padding:5px 6px 5px 18px !important;
  border:1px solid rgba(255,255,255,.58) !important;
  border-radius:16px 16px 7px 16px !important;
  color:#fff !important;
  background:linear-gradient(112deg,#13bcc3 0%,#0aa9b8 46%,#078398 100%) !important;
  box-shadow:0 12px 24px rgba(4,125,143,.22),inset 0 1px 0 rgba(255,255,255,.24) !important;
  transition:transform .24s var(--ts14-ease),box-shadow .24s ease,filter .24s ease !important;
}
.trip-detail-button:before{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  inset:0 !important;
  background:linear-gradient(105deg,rgba(255,255,255,.18),transparent 34%,transparent 68%,rgba(74,221,210,.22)) !important;
  pointer-events:none !important;
}
.trip-detail-button:after{
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  top:-40% !important;
  left:-28% !important;
  width:34% !important;
  height:180% !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent) !important;
  transform:skewX(-16deg) translateX(-180%) !important;
  transition:transform .55s ease !important;
  pointer-events:none !important;
}
.trip-detail-button span{
  position:relative !important;
  z-index:2 !important;
  font-family:var(--body,"Segoe UI",Arial,sans-serif) !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.008em !important;
  text-transform:none !important;
  text-shadow:0 1px 0 rgba(0,0,0,.06) !important;
}
.trip-detail-button b{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 40px !important;
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  border-radius:50% !important;
  background:#fff !important;
  color:var(--ts14-coral) !important;
  border:1px solid rgba(255,255,255,.88) !important;
  box-shadow:0 7px 16px rgba(3,74,91,.18) !important;
  transition:transform .24s var(--ts14-ease),background .24s ease,color .24s ease,box-shadow .24s ease !important;
}
.trip-detail-button b svg{
  width:20px !important;
  height:20px !important;
  color:currentColor !important;
  filter:none !important;
}
.trip-detail-button:hover{
  color:#fff !important;
  background:linear-gradient(112deg,#17cbd0 0%,#0ab5c0 48%,#07899d 100%) !important;
  transform:translateY(-2px) !important;
  box-shadow:0 16px 30px rgba(4,125,143,.27),inset 0 1px 0 rgba(255,255,255,.28) !important;
  filter:saturate(1.06) !important;
}
.trip-detail-button:hover:after{transform:skewX(-16deg) translateX(470%) !important}
.trip-detail-button:hover b{
  background:linear-gradient(145deg,var(--ts14-coral),var(--ts14-coral-2)) !important;
  color:#fff !important;
  transform:translateX(2px) scale(1.035) !important;
  box-shadow:0 8px 18px rgba(255,104,70,.28) !important;
}
.trip-detail-button:focus-visible{
  outline:3px solid rgba(255,104,70,.78) !important;
  outline-offset:3px !important;
}

/* The expanded detail overlay uses the same exploration language. */
.detail-view-button{
  border:1px solid #bfe7e8 !important;
  border-radius:14px 14px 6px 14px !important;
  color:#086779 !important;
  background:linear-gradient(120deg,#fff 0%,#effdfd 64%,#e5fbfa 100%) !important;
  box-shadow:0 10px 22px rgba(5,93,111,.10) !important;
  font-weight:900 !important;
}
.detail-view-button>span{
  background:linear-gradient(145deg,#12b9c1,#38d7d0) !important;
  color:#fff !important;
  border-radius:50% !important;
  box-shadow:0 6px 14px rgba(18,185,193,.22) !important;
}
.detail-view-button:hover{
  color:#075f70 !important;
  border-color:#8fdadc !important;
  background:linear-gradient(120deg,#f7ffff,#e9fbfb) !important;
  transform:translateY(-2px) !important;
}

@media(max-width:900px){
  .trip-card-body{padding-top:37px !important}
  .trip-facts>span:first-child{top:-18px !important;min-width:112px !important;min-height:35px !important;font-size:10.5px !important}
  .trip-detail-button{min-height:52px !important;padding-left:16px !important}
  .trip-detail-button span{font-size:12.5px !important}
  .trip-detail-button b{width:40px !important;height:40px !important;min-width:40px !important}
}
@media(max-width:560px){
  .trip-card-body{padding-top:36px !important}
  .trip-facts>span:first-child{top:-18px !important;min-width:108px !important;padding:0 14px !important;font-size:10.25px !important}
  .trip-detail-button{border-radius:15px 15px 6px 15px !important;min-height:52px !important;padding:5px 6px 5px 15px !important}
  .trip-detail-button span{font-size:12.25px !important}
  .trip-detail-button b{width:39px !important;height:39px !important;min-width:39px !important}
}
@media(pointer:coarse){
  .trip-detail-button:hover{transform:none !important}
  .trip-detail-button:hover b{transform:none !important}
  .trip-detail-button:after{display:none !important}
}
@media(prefers-reduced-motion:reduce){
  .trip-detail-button,.trip-detail-button b{transition:none !important;transform:none !important}
  .trip-detail-button:after{display:none !important}
}