/* ============================================================
   axiory.com chrome adaptation for the Gold leverage LP
   Loaded after the designer's inline styles and before ax-chrome.css,
   so the chrome's own classed values still win any tie.
   ============================================================ */

/* ---- page offset + dynamic header height (set by assets/js/app.js) ---- */
:root {
  --header-h: 80px;
}

body {
  /* the chrome header is position:fixed — push the page below it */
  padding-top: var(--header-h, 80px);
}

/* the designer's anchors assumed her 68px sticky pill */
section[id] {
  scroll-margin-top: calc(var(--header-h, 80px) + 20px);
}

.hero .container {
  min-height: calc(100dvh - var(--header-h, 80px));
}

/* the designer's page inherits the 16px browser default into <main>; the chrome sets
   html/body to 5-10px, which un-sized text (.text-link, .tiers-link) would inherit */
main {
  font-size: 16px;
}

/* ---- undo LP global resets inside the chrome scope ---- */
.ax-scope img {
  display: inline;
  max-width: none;
}

/* the chrome reuses the .btn class name — undo the LP button skin (mint pill) */
.ax-scope .btn {
  display: inline-block;
  background: none;
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  white-space: normal;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  transition: none;
}

.ax-scope .btn:hover,
.ax-scope .btn:active {
  transform: none;
  box-shadow: none;
}

/* the LP body uses antialiased smoothing; axiory.com renders with the default */
.ax-scope {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

/* footer: the origin's shared /footer/footer-{en,jp}.php include (not the chrome copy) */
/* the shared footer sizes a few props in rem assuming a 16px root; the chrome's root
   scale (5-10px) collapsed its line-height so lines overlapped on mobile. Same values
   in px; `body` raises specificity over the footer's own inline <style> (loaded later). */
body footer .footer__text {
  line-height: 24px;
}

body footer .footer__nav ul li {
  padding: 0 4.8px;
  line-height: 24px;
}

body footer .footer__nav ul li:first-of-type {
  padding: 0;
}

body footer .social {
  margin: 48px 0;
}

@media only screen and (min-width: 1200px) {
  body footer .footer__text {
    padding: 16px 20px;
  }
}