@import url("travel-feedback.css?v=10");

/* Redesign compatibility layer for legacy pages that still load premium-refresh.css.
   Keep their functional page CSS, but prevent the retired green/sidebar theme from
   overriding the shared Journal / Plan / Family Area visual system. */
:root{
  --lux-ink:var(--ink,#17364d);
  --lux-green:var(--ocean,#0b6fa4);
  --lux-green-deep:var(--ocean-deep,#0b3552);
  --lux-sage:#eef8fd;
  --lux-sage-2:#f7fbfe;
  --lux-cream:#fff;
  --lux-paper:#fff;
  --lux-line:var(--blue-line,#cfe6f5);
  --lux-muted:var(--muted,#6e8799);
}
html,body{background:#fff!important;color:var(--ink,#17364d)!important}
body{padding-left:0!important}
.site-header{display:block!important}
.section-kicker,.eyebrow{color:var(--ocean,#0b6fa4)!important}

/* Match the Plan page header geometry on legacy pages. */
.site-header-main,.section-nav{
  max-width:1500px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:clamp(20px,4vw,64px)!important;
  padding-right:clamp(20px,4vw,64px)!important;
}

.button.primary,
.archive-discovery,
.timeline-filters button.active,
.favourite-tabs button.active,
.dash-filter.active,
.planner-tabs button.active{
  background:var(--ocean,#0b6fa4)!important;
  border-color:var(--ocean,#0b6fa4)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.button.primary:hover,.archive-discovery:hover{
  background:#075b89!important;
  border-color:#075b89!important;
  color:#fff!important;
}
.quiet-button,.planner-hero-links a,.world-action{
  background:#fff!important;
  border:1px solid #c9deeb!important;
  color:var(--ocean-deep,#0b3552)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
.admin-muted a,.family-admin-page .text-link,.league-note a,.country-detail a,.text-link,
.world-map .leaflet-control-zoom a,.world-map .leaflet-control-attribution a{
  color:var(--ocean,#0b6fa4)!important;
}
.photo-year-filter{
  background:#fff!important;
  border-color:var(--blue-line,#cfe6f5)!important;
  box-shadow:none!important;
}
.dashboard-card,.admin-card,.archive-panel,.archive-tools,.favourites-card,.planner-card,.world-card,.photo-year-card,.next-shell{
  border-color:var(--blue-line,#cfe6f5)!important;
}

@media(min-width:1024px){
  body{padding-left:0!important}
  .site-header{display:block!important}
}

/* Final Plan-area palette cleanup. The Where Next page still has hard-coded
   heritage green values in its functional stylesheet, so these rules deliberately
   use literal ocean colours and !important to keep the launch palette consistent. */
.next-page .next-hero h1,
.next-page .next-question h2,
.next-page .results-head h2{
  color:#0b3552!important;
}
.next-page .next-hero>p:last-child,
.next-page .next-muted,
.next-page .destination-reason,
.next-page .destination-highlights{
  color:#58758a!important;
}
.next-page .next-progress{color:#0b3552!important}
.next-page .next-progress>div{background:#e5f2fa!important}
.next-page .next-progress i{background:#0b6fa4!important}
.next-page .choice-grid button{
  background:#f7fbfe!important;
  border-color:#cfe6f5!important;
  color:#0b3552!important;
}
.next-page .choice-grid button:hover,
.next-page .choice-grid button.selected,
.next-page .choice-grid button[aria-pressed="true"]{
  background:#eaf7ff!important;
  border-color:#0b6fa4!important;
  color:#0b3552!important;
  box-shadow:inset 0 0 0 1px #0b6fa4!important;
}
.next-page .pref-state{color:#6e8799!important}
.next-page .pref-state strong{color:#0b6fa4!important}
.next-page .next-primary,
.next-page .surprise-button{
  background:#0b6fa4!important;
  color:#fff!important;
  border-color:#0b6fa4!important;
}
.next-page .next-primary:hover,
.next-page .surprise-button:hover{background:#075b89!important}
.next-page .destination-card{
  background:#fff!important;
  border-color:#cfe6f5!important;
}
.next-page .destination-top{background:#0b6fa4!important;color:#fff!important}
.next-page .destination-tags span,
.next-page .new-badge{
  background:#eaf7ff!important;
  color:#0b3552!important;
}
.next-page .destination-card a{color:#0b6fa4!important}
.next-page .planning-actions{border-color:#d8eaf5!important}
.next-page .planning-actions button,
.next-page .planning-actions .plan-trip{
  border-color:#0b6fa4!important;
  color:#0b6fa4!important;
  background:#fff!important;
}
.next-page .planning-actions .plan-trip{
  background:#0b6fa4!important;
  color:#fff!important;
}
.next-page .planning-actions button.saved{background:#eaf7ff!important}

/* Bucket List now belongs clearly under Plan. Remove the redundant shortcut
   back to Where Next and keep every remaining planning action in the blue system. */
.planner-page .planner-hero-links a[href="where-next.html"]{display:none!important}
.planner-page .button.primary,
.planner-page .planner-trip-actions a,
.planner-page .planner-tabs button.active{
  background:#0b6fa4!important;
  border-color:#0b6fa4!important;
  color:#fff!important;
}
.planner-page .planner-hero-links a{
  background:#fff!important;
  border-color:#cfe6f5!important;
  color:#0b3552!important;
}
.planner-page .plan-copy a,
.planner-page .budget-total,
.planner-page .countdown,
.planner-page .doc-ok{
  color:#0b6fa4!important;
}
.planner-page .bucket-actions .vote{
  background:#eef8fd!important;
  border-color:#cfe6f5!important;
  color:#0b6fa4!important;
}

/* Place the two Family Area return actions where the Timeline return action sits:
   at the upper-right of the page hero rather than floating above the title. */
@media(min-width:761px){
  .photo-year-page,
  .dashboard-page{position:relative!important}
  .photo-year-page>.context-backbar{
    position:absolute!important;
    top:56px!important;
    right:24px!important;
    padding:0!important;
    z-index:4!important;
  }
  .photo-year-page .photo-year-hero{padding-right:190px!important}
  .dashboard-page>.context-backbar{
    position:absolute!important;
    top:58px!important;
    right:clamp(18px,5vw,70px)!important;
    padding:0!important;
    z-index:4!important;
  }
  .dashboard-page>.context-backbar + .dashboard-hero{padding-right:190px!important}
}
@media(max-width:760px){
  .photo-year-page>.context-backbar,
  .dashboard-page>.context-backbar{position:static!important;padding:0 0 14px!important}
  .photo-year-page .photo-year-hero,
  .dashboard-page>.context-backbar + .dashboard-hero{padding-right:0!important}
}