/* Thành Phát EV v0.0.78 — Roboto trial, all public pages.
   This file loads after v0.0.77's component styles so older plugins
   cannot accidentally restore a different body font.
   Google Fonts CSS is enqueued in inc/assets.php with display=swap.
*/
:root { --tpa-font: "Roboto", Arial, Helvetica, sans-serif; --tpa-font-sans: var(--tpa-font); }
html, body, body.tpa-site,
body :is(h1,h2,h3,h4,h5,h6,p,a,span,li,dt,dd,blockquote,small,strong,b,em,label,button,input,textarea,select,option,th,td),
body :is(.wp-block, .wp-block-button__link, .woocommerce, .woocommerce-page, .select2-container),
body [class*="tpa-"], body [class*="dxh-"] {
  font-family: var(--tpa-font) !important;
}
/* WordPress Dashicons, Font Awesome and WooCommerce star pseudoelements
   keep their own font-family from the plugin/icon stylesheet. */
/* Vietnamese long-form articles: clearer line rhythm on both desktop/mobile. */
body.single-post .tpa-article .tpa-prose {
  font-size: 17px;
  line-height: 1.78;
  letter-spacing: 0;
  font-weight: 400;
  font-kerning: normal;
  overflow-wrap: break-word;
}
body.single-post .tpa-article .tpa-prose :is(p, li, blockquote) {
  line-height: inherit;
}
body.single-post .tpa-article .tpa-prose :is(h2, h3, h4) {
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}
body.single-product .woocommerce-Tabs-panel :is(p,li),
body.single-product .woocommerce-product-details__short-description :is(p,li) {
  line-height: 1.75;
}
@media (max-width: 767px) {
  body.single-post .tpa-article .tpa-prose {
    font-size: 16px;
    line-height: 1.8;
  }
  body.single-post .tpa-article .tpa-prose :is(h2, h3, h4) {
    line-height: 1.38 !important;
  }
}