/* ============================================================
   ChemSmog — type adjustments (Widerview review, 2026-09)
   Loaded last. Scope is deliberately narrow: buttons and the
   "Before you buy" box texts go to 16px; everything else keeps
   the sizes defined by the theme stylesheets.
   ============================================================ */

/* ---- buttons & pills: 16px ---- */
body .cs-cta,
body .cs-btn-primary,
body .cs-btn-outline,
body .cs-btn-pill,
body .cs-shop-category-btn,
body .checkout-button,
body .cs-auction-bid-btn,
body .cs-quote-next,
body .cs-quote-back,
body .cs-pill-tabs a,
body .cs-select-pill,
body .cs-pill-toggle a,
body .cs-tabs__btn,
body .cs-auction-tab-btn,
body .cs-dashboard__nav-item,
body .cs-modal__cancel,
body .cs-clear-filter {
    font-size: 16px !important;
}
/* compact buttons on the product page (three in a row) */
body .cs-btn-primary--mini { font-size: 15px !important; }
/* footer newsletter pill sits in a narrow column: keep it on one line */
body .cs-footer__newsletter-form .cs-btn-pill { font-size: 15px !important; white-space: nowrap; }

/* ---- "Before you buy" box texts: 16px ---- */
body .cs-step-card__body {
    font-size: 16px !important;
}

/* ---- mobile ---- */
@media (max-width: 767px) {
    body .cs-cta,
    body .cs-btn-primary,
    body .cs-btn-outline,
    body .cs-btn-pill,
    body .cs-shop-category-btn { font-size: 15px !important; }
    body .cs-btn-primary--mini { font-size: 14px !important; }
}