/* DiveScanner site well — same left/right edges as Skyscanner.
   1100px max, 24px side gap on every screen. Loaded last so page-local
   780/920/980/1120/1180 columns cannot drift. Does not restyle controls. */
:root {
  --ds-home-well: 1100px;
  --ds-home-pad: 24px;
  --ds-home-gap: 28px;
  --ds-everywhere-inset: 16px;
}

html body .wrap,
html body .page-wrap,
html body .article-wrap,
html body .hero-inner,
html body .lb-wrap,
html body .trip-list,
html body .game-strip,
html body .ds-ghead,
html body .ds-gteaser,
html body .active-filters,
html body .advisor-box,
html body .results-header,
html body .state-box,
html body .ds-partner,
html body .visa-sec,
html body .faq-sec {
  max-width: var(--ds-home-well);
  width: min(var(--ds-home-well), calc(100% - 2 * var(--ds-home-pad)));
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
}

html body .search-card {
  max-width: var(--ds-home-well);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  html body .ds-msearch .hero-teaser,
  html body .ds-ghead,
  html body .ds-partner {
    max-width: var(--ds-home-well);
    width: min(var(--ds-home-well), calc(100% - 2 * var(--ds-home-pad)));
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 720px) {
  html body article.card,
  html body .article-content {
    padding-left: var(--ds-home-pad);
    padding-right: var(--ds-home-pad);
  }
}

/* === ds-home-glue-v69edge === */
/* One Skyscanner edge on every page: 24px side gap, 1100px well.
   Nav, airspace, hero, search card, featured, Everywhere, Play pill.
   Logo file has a baked transparent gutter (~39px of 118px native height).
   Footer already pulls the mark left with margin-left:-14px at 42px.
   Header uses the same ratio so the mask sits on the well, not the box. */
html body nav:not(.ds-banners):not(.ds-tabbar),
html body nav.ds-site-nav {
  padding-left: max(var(--ds-home-pad), calc((100% - var(--ds-home-well)) / 2));
  padding-right: max(var(--ds-home-pad), calc((100% - var(--ds-home-well)) / 2));
  box-sizing: border-box;
}

html body nav:not(.ds-banners) > a.logo .logo-img,
html body nav.ds-site-nav > a.logo .logo-img {
  height: 32px;
  max-height: 32px;
  width: auto;
  margin-left: calc(-1 * 39 / 118 * 32px);
}

@media (min-width: 1025px) {
  html body nav:not(.ds-banners) > a.logo .logo-img,
  html body nav.ds-site-nav > a.logo .logo-img {
    height: 56px;
    max-height: 56px;
    margin-left: calc(-1 * 39 / 118 * 56px);
  }
}

html body nav:not(.ds-banners) .nav-account-btn,
html body nav.ds-site-nav .nav-account-btn {
  padding-right: 0;
}

html body .airbar-in,
html body .airbar-open {
  padding-left: max(var(--ds-home-pad), calc((100% - var(--ds-home-well)) / 2));
  padding-right: max(var(--ds-home-pad), calc((100% - var(--ds-home-well)) / 2));
  box-sizing: border-box;
}

html body section.hero#search,
html body section.hero {
  padding-left: max(var(--ds-home-pad), calc((100% - var(--ds-home-well)) / 2));
  padding-right: max(var(--ds-home-pad), calc((100% - var(--ds-home-well)) / 2));
}

html body .ds-msearch .hero-teaser {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--ds-home-well);
  width: min(var(--ds-home-well), calc(100% - 2 * var(--ds-home-pad)));
}

/* Accepted Play chip: content-width, centered. Not a full-well bar.
   Legacy photo band stays off. */
html body .ds-app {
  display: none;
}
html body .ds-apps-duo {
  justify-content: center;
}
html body .ds-apps-duo-cell {
  flex: 0 0 auto;
  width: max-content;
  max-width: 100%;
  justify-content: flex-start;
  gap: 12px;
}
html body .ds-apps-duo-left {
  flex: 0 0 auto;
}
html body .ds-apps-duo-copy span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* === ds-home-glue-v70inline === */
/* Search Everywhere copy, CTA, and glued rec chip share one 16px inset
   from the photo card. Loaded last so 28/18/14/12/10 leftovers cannot drift. */
html body .ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere .ds-everywhere-in,
html body .ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere:has(> .dg-advice) .ds-everywhere-in {
  padding-left: var(--ds-everywhere-inset);
  padding-right: var(--ds-everywhere-inset);
  align-items: flex-start;
}
html body .ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere .ds-everywhere-cta {
  margin-left: 0;
  margin-right: 0;
  align-self: flex-start;
}
html body .ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere > section.dg-advice,
html body .ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere > .dg-advice {
  left: var(--ds-everywhere-inset);
  right: var(--ds-everywhere-inset);
  padding-top: 14px;
  padding-bottom: 14px;
}

/* === ds-home-glue-v72chiptop === */
/* Phone rec chip: kicker was glued to the rim (10px pad, 9px caps).
   16px top air inside the chip. Photo bottom pad grows with the chip
   so Search Everywhere stays above it. Same <a>. */
@media (max-width: 767px) {
  html body .ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere:has(> .dg-advice) .ds-everywhere-in,
  html body .ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere .ds-everywhere-in {
    min-height: 200px;
    padding-bottom: 100px;
  }
  html body .ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere > section.dg-advice,
  html body .ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere > .dg-advice {
    padding-top: 16px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    gap: 6px;
    justify-content: flex-start;
    height: auto;
    min-height: 0;
    max-height: none;
  }
  html body .ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere > section.dg-advice .dg-advice-kicker,
  html body .ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere.ds-everywhere > .dg-advice .dg-advice-kicker {
    line-height: 1.2;
  }
}