/* V6.0.13 — Unified Stops & Activities
   One stop = one place for description, travel context, navigation, details and editing. */
.trip-day-detail-grid-unified{grid-template-columns:1fr!important}
.trip-stops-only{max-width:none}
.trip-stop-unified{padding:7px 0 15px}
.trip-stop-unified .trip-timeline-copy{min-width:0}
.trip-stop-unified .trip-timeline-copy>strong{font-size:1.02rem;line-height:1.25}
.trip-stop-unified .trip-timeline-copy>p{margin:4px 0 0}
.trip-stop-travel{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:10px;padding:8px 10px;border-radius:12px;background:#f5eadb;color:#5f4a3d;font-size:.78rem;line-height:1.3}
.trip-stop-travel strong{color:#3c2c24;font-size:.78rem}
.trip-stop-travel span{color:#765f50}
.trip-stop-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.trip-stop-actions>a,.trip-stop-actions>button,.trip-stop-details>summary{appearance:none;border:1px solid rgba(166,86,47,.32);background:#fffaf4;color:#a55532;border-radius:10px;padding:7px 10px;font:inherit;font-size:.76rem;font-weight:850;line-height:1;cursor:pointer;text-decoration:none;min-height:32px;display:inline-flex;align-items:center;justify-content:center}
.trip-stop-actions>a{background:#c95f34;border-color:#c95f34;color:#fff}
.trip-stop-actions>a:hover{background:#a94b29;border-color:#a94b29}
.trip-stop-actions>button:hover,.trip-stop-details>summary:hover{background:#f0ddc5;border-color:#b96a45}
.trip-stop-details{display:inline-block;position:relative}
.trip-stop-details>summary{list-style:none}
.trip-stop-details>summary::-webkit-details-marker{display:none}
.trip-stop-details[open]{display:block;width:100%;margin-top:2px}
.trip-stop-details[open]>summary{display:inline-flex}
.trip-stop-details>p{margin:7px 0 0!important;padding:9px 11px;border-left:3px solid #d18a61;border-radius:8px;background:#fbf3e9;color:#604d40!important;font-size:.78rem!important;line-height:1.4!important}
.trip-stop-unified.done{opacity:1}
.trip-stop-unified.done .trip-timeline-node button{background:#dce8d5;border-color:#9db28f;color:#466342}
.trip-stop-unified.done .trip-timeline-copy>strong{text-decoration:none}
.trip-timeline-node button{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(151,91,49,.25);background:#f0ddc5;color:#8d4f2e;font-weight:800;cursor:pointer}
.trip-stop-unified.custom .trip-timeline-node span{border-style:dashed}
@media(max-width:640px){
  .trip-stop-travel{font-size:.74rem;padding:7px 9px}
  .trip-stop-travel strong{font-size:.74rem}
  .trip-stop-actions{gap:6px}
  .trip-stop-actions>a,.trip-stop-actions>button,.trip-stop-details>summary{font-size:.73rem;padding:7px 9px}
  .trip-stop-details[open]{flex-basis:100%}
}

/* OurWayTrips V6.0.16 — Trip visual correction only. Stable navigation/PWA logic unchanged. */
:root{--trip-terracotta:#c95f34;--trip-terracotta-dark:#a94b29;--trip-terracotta-soft:#fff4ec}

/* Remove only the obsolete/duplicated Trip dashboard blocks already replaced by the unified plan. */
#trip .trip-obsolete-upper,#trip .trip-duplicate-travelers{display:none!important}

/* Keep Trip Details clearly interactive without changing its content/logic. */
#trip .trip-details-panel{border:1.5px solid rgba(201,95,52,.36);background:#fffaf4;box-shadow:0 8px 22px rgba(86,56,37,.06);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
#trip .trip-details-panel>summary{position:relative;padding:18px 58px 18px 20px;min-height:62px;font-weight:900;color:#3f2d23;cursor:pointer;transition:background .18s ease,color .18s ease}
#trip .trip-details-panel>summary span{font-size:1.08rem;letter-spacing:-.01em}
#trip .trip-details-panel>summary small{font-size:.82rem;font-weight:750;color:#725a4a}
#trip .trip-details-panel>summary::after{content:"›";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f4dfd1;color:var(--trip-terracotta);font-size:1.6rem;font-weight:950;line-height:1;transition:transform .18s ease,background .18s ease,color .18s ease}
#trip .trip-details-panel>summary:hover{background:#f8e7da;color:#2f211a}
#trip .trip-details-panel:hover{border-color:rgba(201,95,52,.68);box-shadow:0 10px 26px rgba(86,56,37,.10)}
#trip .trip-details-panel[open]>summary::after{transform:translateY(-50%) rotate(90deg);background:var(--trip-terracotta);color:#fff}

/* Day-by-day title first, four real actions on their own clean row. */
#trip .trip-plan-head{display:block!important}
#trip .trip-plan-head>div:first-child{max-width:780px}
#trip .trip-plan-actions-main{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;width:100%!important;max-width:none!important;margin-top:18px!important;align-items:stretch!important}
#trip .trip-plan-actions-main .btn{min-height:54px!important;padding:12px 14px!important;border-radius:14px!important;font-size:.91rem!important;font-weight:900!important;line-height:1.12!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;white-space:nowrap!important}
#trip .trip-plan-actions-main .trip-adventure-btn{background:var(--trip-terracotta)!important;border-color:var(--trip-terracotta)!important;color:#fff!important;box-shadow:0 8px 18px rgba(201,95,52,.20)!important}
#trip .trip-plan-actions-main .trip-main-action{background:#fffaf4!important;border:1.5px solid rgba(201,95,52,.48)!important;color:#814025!important;box-shadow:0 5px 14px rgba(91,57,38,.07)!important}
#trip .trip-plan-actions-main .trip-main-action:hover{background:#f8e5d7!important;border-color:var(--trip-terracotta)!important;transform:translateY(-1px)}

/* Do not repeat Checklist or Home Base in the live quick-action strip. */
#trip .trip-live-actions>a:nth-child(2),#trip .trip-live-actions>a:nth-child(3){display:none!important}
#trip .trip-live-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}

/* Stops & Activities: stronger nodes and a route that gains momentum from dashed to continuous. */
#trip .trip-day-timeline{display:grid;gap:0}
#trip .trip-timeline-row{grid-template-columns:52px minmax(0,1fr)!important;gap:13px!important;padding:8px 0 20px!important;position:relative}
#trip .trip-timeline-node{position:relative;z-index:3;display:flex;justify-content:center}
#trip .trip-timeline-node span,#trip .trip-timeline-node button{width:44px!important;height:44px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:var(--trip-terracotta)!important;border:2px solid var(--trip-terracotta)!important;color:#fff!important;font-size:1rem!important;font-weight:950!important;box-shadow:0 5px 13px rgba(201,95,52,.24)!important}
#trip .trip-stop-unified.done .trip-timeline-node button{background:var(--trip-terracotta-dark)!important;border-color:var(--trip-terracotta-dark)!important;color:#fff!important}
#trip .trip-stop-unified.custom .trip-timeline-node span{border:2px solid var(--trip-terracotta)!important;outline:none!important}

/* Connector: every stop uses the same route pattern — segmented at the top, then solid as it approaches the next time marker. */
#trip .trip-timeline-row:not(:last-child)::before{content:""!important;position:absolute!important;left:25.5px!important;top:50px!important;bottom:-12px!important;width:3px!important;border-radius:3px!important;z-index:1!important;opacity:.98!important;background:repeating-linear-gradient(to bottom,var(--trip-terracotta) 0 4px,transparent 4px 10px) top center/100% 74% no-repeat,linear-gradient(to bottom,var(--trip-terracotta),var(--trip-terracotta)) bottom center/100% 26% no-repeat!important}
#trip .trip-timeline-row:not(:last-child)::after{content:"⌄"!important;position:absolute!important;left:19px!important;bottom:-8px!important;width:16px!important;height:16px!important;display:grid!important;place-items:center!important;background:#fff8f1!important;color:var(--trip-terracotta)!important;font-size:.88rem!important;font-weight:950!important;line-height:1!important;z-index:2!important;border-radius:50%!important}

/* Navigate must read instantly; white label/icon on terracotta. */
#trip .trip-stop-actions>a{background:var(--trip-terracotta)!important;border-color:var(--trip-terracotta)!important;color:#fff!important;font-weight:900!important;box-shadow:0 4px 10px rgba(201,95,52,.16)!important}
#trip .trip-stop-actions>a:hover{background:var(--trip-terracotta-dark)!important;border-color:var(--trip-terracotta-dark)!important;color:#fff!important}

/* Trip Details inside each stop: a clear clickable control, not a tiny utility pill. */
#trip .trip-stop-details{display:inline-block;position:relative}
#trip .trip-stop-details>summary{list-style:none;position:relative;min-height:36px!important;padding:8px 38px 8px 12px!important;border:1.5px solid rgba(201,95,52,.44)!important;border-radius:11px!important;background:#fffaf4!important;color:#7f3f26!important;font-size:.84rem!important;font-weight:900!important;line-height:1!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease!important}
#trip .trip-stop-details>summary::-webkit-details-marker{display:none}
#trip .trip-stop-details>summary>b{position:absolute;right:11px;top:50%;transform:translateY(-52%);font-size:1.25rem;font-weight:950;color:var(--trip-terracotta);transition:transform .16s ease}
#trip .trip-stop-details>summary:hover{background:#f7e2d3!important;border-color:var(--trip-terracotta)!important;box-shadow:0 4px 11px rgba(91,57,38,.08)!important}
#trip .trip-stop-details[open]{display:block;width:100%;margin-top:3px}
#trip .trip-stop-details[open]>summary>b{transform:translateY(-52%) rotate(90deg)}
#trip .trip-stop-details>p{margin:8px 0 0!important;padding:10px 12px!important;border-left:4px solid var(--trip-terracotta)!important;border-radius:9px!important;background:#fbf3e9!important;color:#584538!important;font-size:.8rem!important;line-height:1.45!important}

@media(max-width:720px){
  #trip .trip-plan-actions-main{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:9px!important;width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain;padding:2px 1px 9px!important;scrollbar-width:none}
  #trip .trip-plan-actions-main::-webkit-scrollbar{display:none}
  #trip .trip-plan-actions-main .btn{flex:0 0 auto!important;width:auto!important;min-width:142px!important;max-width:none!important;min-height:52px!important;padding:11px 13px!important;font-size:.83rem!important;white-space:nowrap!important;overflow-wrap:normal!important}
  #trip .trip-plan-actions-main .trip-adventure-btn{min-width:202px!important}
  #trip .trip-timeline-row{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important}
  #trip .trip-timeline-row:not(:last-child)::before{left:23.5px!important}
  #trip .trip-timeline-row:not(:last-child)::after{left:16.5px!important}
  #trip .trip-details-panel>summary{display:grid!important;grid-template-columns:1fr;gap:3px!important;padding-right:56px!important;align-items:center!important}
  #trip .trip-live-actions{grid-template-columns:1fr!important}
}

/* OurWayTrips V6.0.17 — Compact Trip Details / visual hierarchy refinement. */
#trip .trip-details-panel{margin:14px 0 22px!important;border-radius:18px!important;overflow:hidden!important}
#trip .trip-details-panel>summary{min-height:54px!important;padding:14px 56px 14px 18px!important}
#trip .trip-details-panel>summary span{font-size:1.02rem!important}
#trip .trip-details-panel>summary small{font-size:.78rem!important;line-height:1.2!important}
#trip .trip-details-panel>summary::after{right:16px!important;width:30px!important;height:30px!important;font-size:1.45rem!important}
#trip .trip-details-panel:not([open])>summary{border-bottom:0!important}

/* When opened, keep the management content useful but much denser. */
#trip .trip-details-panel[open]>.section-block{padding:15px 18px!important}
#trip .trip-details-panel[open] .section-head{margin-bottom:10px!important;gap:12px!important}
#trip .trip-details-panel[open] .section-head h2{font-size:1.38rem!important;line-height:1.08!important;margin-top:3px!important}
#trip .trip-details-panel[open] .eyebrow{font-size:.68rem!important;letter-spacing:.14em!important}
#trip .trip-details-panel[open] .departure-summary-grid,
#trip .trip-details-panel[open] .homebase-grid{gap:10px!important}
#trip .trip-details-panel[open] .departure-summary-grid>* ,
#trip .trip-details-panel[open] .homebase-grid>*{padding:12px 14px!important;border-radius:14px!important}
#trip .trip-details-panel[open] .manager-list{gap:9px!important}

/* Home-base edit action now looks like a finished control, not bare text. */
#trip .trip-details-panel #editHomeBaseProBtn.text-action{appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;margin-top:10px!important;padding:8px 13px!important;border:1.5px solid rgba(201,95,52,.42)!important;border-radius:11px!important;background:#fffaf4!important;color:#814025!important;font:inherit!important;font-size:.8rem!important;font-weight:850!important;cursor:pointer!important;box-shadow:0 3px 9px rgba(91,57,38,.05)!important}
#trip .trip-details-panel #editHomeBaseProBtn.text-action:hover{background:#f8e5d7!important;border-color:var(--trip-terracotta)!important}

/* Normalize management action buttons inside Trip Details. */
#trip .trip-details-panel .section-head .btn.small,
#trip .trip-details-panel .reservation-head-actions .btn,
#trip .trip-details-panel .manager-list .btn,
#trip .trip-details-panel .manager-list button{min-height:38px!important;border-radius:11px!important;padding:8px 12px!important;font-size:.78rem!important;font-weight:850!important;line-height:1!important}
#trip .trip-details-panel .reservation-head-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important}

/* Bring Day by day closer to the compact details bar. */
#trip .trip-unified-plan{margin-top:0!important}

@media(max-width:720px){
  #trip .trip-details-panel{margin:12px 0 18px!important}
  #trip .trip-details-panel>summary{min-height:52px!important;padding:12px 52px 12px 15px!important}
  #trip .trip-details-panel>summary small{font-size:.74rem!important}
  #trip .trip-details-panel[open]>.section-block{padding:13px 14px!important}
  #trip .trip-details-panel[open] .section-head{align-items:flex-start!important}
  #trip .trip-details-panel[open] .section-head h2{font-size:1.22rem!important}
  #trip .trip-details-panel .reservation-head-actions{width:100%!important}
}

/* V6.0.18 — Trip cleanup: remove legacy/duplicated blocks from Trip */
#trip .photo-strip-section,
#trip .trip-action-grid-core,
#trip #tripLiveActions,
#trip #tripNextStopUnified {
  display:none !important;
}


/* V6.0.21 — Dedicated Map section removed + mobile bottom navigation alignment */
@media(max-width:850px){
  .bottom-nav.trip-bottom-nav{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    justify-items:stretch!important;
    align-items:stretch!important;
    padding-left:12px!important;
    padding-right:12px!important;
    column-gap:0!important;
  }
  .bottom-nav.trip-bottom-nav a{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    margin:0!important;
    padding:4px 0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:3px!important;
  }
  .bottom-nav.trip-bottom-nav a span{
    width:28px!important;
    height:24px!important;
    margin:0 auto!important;
    display:grid!important;
    place-items:center!important;
    text-align:center!important;
    line-height:1!important;
    font-size:1.05rem!important;
  }
  .bottom-nav.trip-bottom-nav a small{
    width:100%!important;
    margin:0!important;
    display:block!important;
    text-align:center!important;
    line-height:1.05!important;
    font-size:.65rem!important;
    white-space:nowrap!important;
  }
}

/* V6.0.22 — Full day route shortcut before Day Schedule. */
#trip .trip-full-route-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 14px;padding:0 2px}
#trip .trip-full-route-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;border-radius:12px;background:var(--trip-terracotta)!important;border:1.5px solid var(--trip-terracotta)!important;color:#fff!important;font-weight:900;text-decoration:none;box-shadow:0 5px 13px rgba(201,95,52,.16)}
#trip .trip-full-route-btn:hover{background:var(--trip-terracotta-dark)!important;border-color:var(--trip-terracotta-dark)!important;color:#fff!important}
#trip .trip-full-route-row small{color:#756154;font-size:.78rem;font-weight:700}
@media(max-width:720px){#trip .trip-full-route-row{margin:4px 0 12px;gap:8px}#trip .trip-full-route-btn{width:100%;min-height:46px}#trip .trip-full-route-row small{width:100%;text-align:center;margin-top:-2px}}

/* V6.0.24 navigation emphasis; does not change other cards or controls */
#trip .owt-nav-block{display:flex;flex-wrap:wrap;gap:7px;align-items:center;width:100%;margin:4px 0 0}
#trip .owt-nav-block a{display:inline-flex;justify-content:center;align-items:center;min-height:40px;padding:9px 13px;text-decoration:none;font-size:.82rem;font-weight:850;border-radius:10px;border:1px solid var(--trip-terracotta,#c95f34)}
#trip .owt-nav-block .owt-primary-nav{background:var(--trip-terracotta,#c95f34);color:#fff}
#trip .owt-nav-block .owt-apple-nav{background:transparent;color:var(--trip-terracotta,#c95f34)}
#trip .owt-nav-warning{font-size:.79rem;line-height:1.5;margin:7px 0 0;padding:9px 11px;border-left:3px solid #c95f34;background:rgba(201,95,52,.08);border-radius:5px}
#trip #tripNextStopUnified .owt-nav-block{width:auto}
@media(max-width:480px){#trip .owt-nav-block a{flex:1 1 128px;min-height:44px}}
