/* Final pre-launch refinements: shared return actions and balanced homepage memories. */

/* Final guardrails: these are intentionally important so a cached legacy
   premium-refresh stylesheet cannot move the header or restore green actions. */
body{padding-left:0!important;background:#fff!important}
.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,
.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{background:#075b89!important;border-color:#075b89!important;color:#fff!important}
@media(min-width:1024px){.site-header{display:block!important}body{padding-left:0!important}}


.context-backbar{
  padding:20px 0 4px;
  margin:0;
}
.context-backbar a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:46px;
  padding:11px 17px;
  border:1px solid var(--ocean,#0b6fa4);
  border-radius:8px;
  background:var(--ocean,#0b6fa4);
  color:#fff!important;
  text-decoration:none!important;
  font-size:.86rem;
  font-weight:850;
  letter-spacing:0;
  box-shadow:none;
}
.context-backbar a:hover{
  background:#075b89;
  border-color:#075b89;
  color:#fff!important;
}

/* Homepage prints: keep all three memories readable, especially the portrait. */
.journal-masthead .memory-prints{
  width:min(100%,680px)!important;
  min-height:390px!important;
  transform:translate(-4px,8px)!important;
}
.journal-masthead .memory-print{
  padding:8px 8px 24px!important;
  box-shadow:0 12px 28px rgba(16,58,84,.12)!important;
}
.journal-masthead .print-coast{
  width:42%!important;
  left:0!important;
  top:19%!important;
  transform:rotate(-1.4deg)!important;
  z-index:1!important;
}
.journal-masthead .print-colour{
  width:25%!important;
  left:39%!important;
  right:auto!important;
  top:0!important;
  transform:rotate(1.4deg)!important;
  z-index:3!important;
}
.journal-masthead .print-harbour{
  width:40%!important;
  right:0!important;
  top:20%!important;
  bottom:auto!important;
  transform:rotate(.9deg)!important;
  z-index:2!important;
}

/* Photo favourites stay entirely within the ocean/sky palette. */
body.travel-redesign .photo-year-rank,
body.travel-redesign .photo-year-page .photo-favourite-button.is-favourite,
body.travel-redesign .photo-year-page .slideshow-launch,
body.travel-redesign .photo-year-page .memory-photo-actions .save-photo-memory{
  background:var(--ocean,#0b6fa4)!important;
  border-color:var(--ocean,#0b6fa4)!important;
  color:#fff!important;
}
body.travel-redesign .photo-year-page .photo-favourite-button,
body.travel-redesign .photo-year-page .memory-photo-toggle,
body.travel-redesign .photo-year-page .memory-photo-actions button{
  background:#fff!important;
  color:var(--ocean-deep,#0b3552)!important;
  border-color:#cfe6f5!important;
}

@media(max-width:900px){
  .journal-masthead .memory-prints{
    width:min(100%,610px)!important;
    min-height:360px!important;
    transform:none!important;
  }
}
@media(max-width:700px){
  .context-backbar{padding-top:14px}
  .context-backbar a{min-height:42px;padding:9px 14px}
  .journal-masthead .memory-prints{min-height:300px!important}
  .journal-masthead .print-coast{width:42%!important;left:0!important;top:21%!important}
  .journal-masthead .print-colour{width:25%!important;left:38.5%!important;top:0!important}
  .journal-masthead .print-harbour{width:40%!important;right:0!important;top:22%!important}
}