/* Bond Supply — Full-width layout overrides (loads last) */

:root {
  --wp--style--global--content-size: 100%;
  --wp--style--global--wide-size: 100%;
  --container: min(1600px, 100% - 2rem);
}

html {
  width: 100%;
  max-width: none !important;
  overflow-x: clip;
}

body,
#page.site,
#content.site-content,
.site-main,
main.site-main {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Break colored bands out of any parent width constraint */
.announcement-bar,
.site-header,
.hero--premium,
.trust-bar,
.newsletter-section,
.site-footer,
.final-cta-section,
.mobile-sticky-cta {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}

.container {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: clamp(1.25rem, 4vw, 3rem);
}

.hero__grid {
  min-height: clamp(520px, 78vh, 780px);
}

@media (max-width: 768px) {
  .hero__grid {
    min-height: auto;
  }

  .container {
    padding-inline: clamp(1rem, 4vw, 1.5rem);
  }
}

@media (max-width: 900px) {
  .hero__grid {
    display: flex !important;
    flex-direction: column !important;
    min-height: auto !important;
    gap: 1.75rem;
    padding-block: 2rem;
  }

  .hero__content { order: 1; }
  .hero__visual { order: 2; }

  .hero__chips {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.45rem;
  }

  .hero__chip {
    font-size: 0.75rem;
    padding: 0.45rem 0.85rem;
  }
}