/* Site-brand overrides for the Specialty Practice Audit widget, loaded after
   specialty-practice-audit.css on /specialty-practice-audit only. The widget CSS
   is shared with the WordPress embed, so the site look lives here instead. */

.unlimited-specialty-audit {
  --font-display: "Nunito Variable", "Nunito", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Nunito Sans Variable", "Nunito Sans", ui-sans-serif, system-ui, sans-serif;
}

/* Primary action: brand blue, like "Get a Demo" everywhere else. */
.unlimited-specialty-audit .usa-btn--primary {
  background-color: #076cac;
  border-radius: 0.5rem;
}
.unlimited-specialty-audit .usa-btn--primary:hover {
  background-color: #133256;
}
.unlimited-specialty-audit .usa-btn--secondary-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #133256;
  font-weight: 700;
  border-radius: 0.5rem;
  text-decoration: none;
  transition: background-color 0.15s;
}
.unlimited-specialty-audit .usa-btn--secondary-link:hover {
  background: #f3f4f6;
}
.unlimited-specialty-audit .usa-landing__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

/* Clear the fixed site header, and use the site's light hero wash. */
#usa-screen-landing .usa-landing__hero {
  padding-top: 8.5rem;
}
#usa-screen-landing .usa-landing {
  background: linear-gradient(to bottom, #e8f3fa, #f8fcfd 40%, #fff);
}
.unlimited-specialty-audit .usa-landing__eyebrow {
  color: #076cac;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 900;
  letter-spacing: 0.15em;
}
.unlimited-specialty-audit .usa-landing__headline {
  color: #133256;
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* Cards: flat white with a hairline border, like the specialty pages. */
#usa-screen-landing .usa-landing__card {
  border: 1px solid #e2eef8;
  border-radius: 1rem;
  box-shadow: none;
}
#usa-screen-landing .usa-landing__card-icon {
  width: 40px;
  height: 40px;
  border-radius: 0.75rem;
  background-color: #eef7fc;
  color: #076cac;
}
#usa-screen-landing .usa-landing__category-item {
  border-color: #e2eef8;
  border-radius: 0.75rem;
}

/* The quiz's sticky progress bar pinned to top: 0 and covered the site's fixed
   nav. Start it below the nav (88px tall at the top of the page) and pin it
   under the nav once scrolled (72px), with the nav kept in front. */
.unlimited-specialty-audit .usa-progress-header {
  margin-top: 5.5rem;
  top: 4.5rem;
  z-index: 40;
}

/* Screens shown without the progress bar (results preview, form, results)
   still need to clear the fixed nav. */
.unlimited-specialty-audit .usa-progress-header.usa-hidden ~ .usa-screen:not(#usa-screen-landing) {
  padding-top: 5.5rem;
}

/* Results header: side by side, the score block (ring, badge, headline,
   description) was squeezed to ~160px next to the summary paragraph, so the
   headline wrapped one word per line. Put the ring beside the score details
   and give the summary its own row. */
@media (min-width: 860px) {
  #usa-screen-results .usa-results__header-inner {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }
  #usa-screen-results .usa-results__score-block {
    flex-direction: row;
    align-items: center;
    gap: 36px;
    text-align: left;
  }
  #usa-screen-results .usa-results__score-meta {
    flex: 1;
    min-width: 0;
  }
  #usa-screen-results .usa-results__summary {
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid #e2eef8;
  }
}