/* ==========================================================
   GWW BUSINESS ADVANCED — FINAL VISUAL POLISH V1.23.3.39
   Activated only when JS confirms the Business Advanced page.
   ========================================================== */

html.gww-biz-advanced-v3239 {
  --gww39-navy: #061b2d;
  --gww39-navy-2: #082238;
  --gww39-text: #e7eef6;
  --gww39-muted: #b9c7d6;
  --gww39-gold: #efbe49;
  --gww39-dark-text: #071a2c;
}

/* Long imported/test text must never force horizontal overflow. */
html.gww-biz-advanced-v3239 .gww39-about-card,
html.gww-biz-advanced-v3239 .gww39-overview-card,
html.gww-biz-advanced-v3239 .gww39-locations-card,
html.gww-biz-advanced-v3239 .gww39-press-card,
html.gww-biz-advanced-v3239 .gww39-contact-card,
html.gww-biz-advanced-v3239 .gww39-contact-form {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

/* Make body copy readable without changing headings/tier styling. */
html.gww-biz-advanced-v3239 .gww39-about-card p,
html.gww-biz-advanced-v3239 .gww39-about-card li,
html.gww-biz-advanced-v3239 .gww39-overview-card p,
html.gww-biz-advanced-v3239 .gww39-overview-card li {
  color: var(--gww39-text) !important;
  line-height: 1.55 !important;
}

/* Location/address line was still too dim in visual QA. */
html.gww-biz-advanced-v3239 .gww39-locations-card p,
html.gww-biz-advanced-v3239 .gww39-locations-card li,
html.gww-biz-advanced-v3239 .gww39-locations-card address,
html.gww-biz-advanced-v3239 .gww39-locations-card .gww39-readable-copy {
  color: var(--gww39-muted) !important;
  opacity: 1 !important;
}

/* Press recognition: preserve gold/dark theme, improve CTA contrast. */
html.gww-biz-advanced-v3239 .gww39-press-card a.gww39-press-cta,
html.gww-biz-advanced-v3239 .gww39-press-card button.gww39-press-cta {
  background: var(--gww39-gold) !important;
  border-color: var(--gww39-gold) !important;
  color: var(--gww39-dark-text) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

html.gww-biz-advanced-v3239 .gww39-press-card img {
  max-width: 100% !important;
  height: auto;
}

/* Contact inputs must not retain Bootstrap min-width behavior. */
html.gww-biz-advanced-v3239 .gww39-contact-form,
html.gww-biz-advanced-v3239 .gww39-contact-form * {
  box-sizing: border-box;
}
html.gww-biz-advanced-v3239 .gww39-contact-form input,
html.gww-biz-advanced-v3239 .gww39-contact-form textarea,
html.gww-biz-advanced-v3239 .gww39-contact-form select {
  max-width: 100% !important;
}

@media (max-width: 767.98px) {
  /* Remove the conspicuous white rails beside the dark Advanced content. */
  html.gww-biz-advanced-v3239,
  html.gww-biz-advanced-v3239 body,
  html.gww-biz-advanced-v3239 .gww39-mobile-shell {
    background-color: var(--gww39-navy) !important;
  }

  html.gww-biz-advanced-v3239 body {
    overflow-x: clip;
  }

  /* Readable body copy on a 320–430px phone without altering hero geometry. */
  html.gww-biz-advanced-v3239 .gww39-about-card p,
  html.gww-biz-advanced-v3239 .gww39-about-card li,
  html.gww-biz-advanced-v3239 .gww39-overview-card p,
  html.gww-biz-advanced-v3239 .gww39-overview-card li {
    font-size: 12.5px !important;
    line-height: 1.58 !important;
  }

  html.gww-biz-advanced-v3239 .gww39-locations-card p,
  html.gww-biz-advanced-v3239 .gww39-locations-card li,
  html.gww-biz-advanced-v3239 .gww39-locations-card address,
  html.gww-biz-advanced-v3239 .gww39-locations-card .gww39-readable-copy {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
  }

  /* Press card: stop squeezing image + copy + CTA into a tiny horizontal row. */
  html.gww-biz-advanced-v3239 .gww39-press-item {
    display: grid !important;
    grid-template-columns: 74px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px 12px !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  html.gww-biz-advanced-v3239 .gww39-press-item > img,
  html.gww-biz-advanced-v3239 .gww39-press-item .gww39-press-image {
    width: 74px !important;
    max-width: 74px !important;
    height: auto !important;
    grid-column: 1 !important;
  }
  html.gww-biz-advanced-v3239 .gww39-press-copy {
    grid-column: 2 !important;
    min-width: 0 !important;
  }
  html.gww-biz-advanced-v3239 .gww39-press-copy p,
  html.gww-biz-advanced-v3239 .gww39-press-copy div {
    line-height: 1.4 !important;
  }
  html.gww-biz-advanced-v3239 .gww39-press-card .gww39-press-cta {
    min-height: 40px !important;
    padding: 9px 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: normal !important;
  }

  /* Name and Phone were still squeezed into two tiny columns on mobile. */
  html.gww-biz-advanced-v3239 .gww39-name-phone-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
  html.gww-biz-advanced-v3239 .gww39-name-field,
  html.gww-biz-advanced-v3239 .gww39-phone-field {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html.gww-biz-advanced-v3239 .gww39-contact-form input,
  html.gww-biz-advanced-v3239 .gww39-contact-form textarea,
  html.gww-biz-advanced-v3239 .gww39-contact-form select {
    width: 100% !important;
  }
}

@media (max-width: 374.98px) {
  html.gww-biz-advanced-v3239 .gww39-press-item {
    grid-template-columns: 62px minmax(0, 1fr) !important;
    gap: 9px 10px !important;
  }
  html.gww-biz-advanced-v3239 .gww39-press-item > img,
  html.gww-biz-advanced-v3239 .gww39-press-item .gww39-press-image {
    width: 62px !important;
    max-width: 62px !important;
  }
}