@import url("./sales-page-font-size.css");

/**
 * Maps UI roles to the sizes in sales-page-font-size.css (add variables there first).
 *
 * Requires: html.sales-page-font-scale
 * Load after page-inline-map.css and page-mobile-min-type.css
 */

html.sales-page-font-scale {
  font-size: var(--sales-font-size-normal) !important;
}

html.sales-page-font-scale #__next {
  font-size: var(--sales-font-size-normal) !important;
}

/* Normalize descendants to the page rhythm (beats most class-based font sizes). */
html.sales-page-font-scale #__next * {
  font-size: inherit !important;
}

/*
 * Hero subtitle (accent line under the hero headline): heading token size.
 */
html.sales-page-font-scale #__next .bw-subtitle-text {
  font-size: var(--sales-font-size-heading) !important;
}

/* Headings & emphasis that use the heading size (hero title span overrides below) */
html.sales-page-font-scale #__next h1,
html.sales-page-font-scale #__next h2,
html.sales-page-font-scale #__next h3,
html.sales-page-font-scale #__next h4,
html.sales-page-font-scale #__next h5,
html.sales-page-font-scale #__next h6,
html.sales-page-font-scale #__next .bw-hero-mini-card-title,
html.sales-page-font-scale #__next .branch-writing_h2__13kuK,
html.sales-page-font-scale #__next .bw-price {
  font-size: var(--sales-font-size-heading) !important;
}

/* Primary hero headline */
html.sales-page-font-scale #__next .sales-hero-title,
html.sales-page-font-scale #__next .bw-hero-title {
  font-size: var(--sales-font-size-hero) !important;
}

html.sales-page-font-scale #__next .pricing-btn,
html.sales-page-font-scale #__next button.pricing-btn {
  font-size: var(--sales-font-size-normal) !important;
}

html.sales-page-font-scale .sales-site-footer {
  font-size: var(--sales-font-size-normal) !important;
}

html.sales-page-font-scale .sales-site-footer * {
  font-size: inherit !important;
}

html.sales-page-font-scale .sales-site-footer .sales-site-footer-link,
html.sales-page-font-scale .sales-site-footer .sales-site-footer-copy {
  font-size: var(--sales-font-size-normal) !important;
}

html.sales-page-font-scale .sy-cookie-consent-banner {
  --sy-cookie-consent-text-font-size: var(--sales-font-size-normal) !important;
}

html.sales-page-font-scale .sy-cookie-consent-text,
html.sales-page-font-scale .sy-cookie-consent-text a,
html.sales-page-font-scale .sy-cookie-consent-text span,
html.sales-page-font-scale .sy-cookie-consent-btn {
  font-size: var(--sales-font-size-normal) !important;
}

html.sales-page-font-scale .youtube-comment-username,
html.sales-page-font-scale .youtube-comment-text {
  font-size: var(--sales-font-size-normal) !important;
  line-height: 1.45 !important;
}

html.sales-page-font-scale .bw-testimonial-db__name,
html.sales-page-font-scale .bw-testimonial-db__quote {
  font-size: var(--sales-font-size-normal) !important;
}

html.sales-page-font-scale .bw-testimonial-db::before {
  font-size: clamp(3.35rem, 2.25rem + 3.5vw, 4.75rem) !important;
  line-height: 1 !important;
}

html.sales-page-font-scale .bw-testimonial-db.bw-testimonial--no-photo::before {
  font-size: clamp(9.6rem, 8rem + 6.3vw, 13.5rem) !important;
  line-height: 0.64 !important;
  top: -2rem !important;
  left: -1rem !important;
}

html.sales-page-font-scale .bw-testimonial-load-error {
  font-size: var(--sales-font-size-normal) !important;
}