/*
 * Thành Phát Auto — site-wide typography system v0.3.28
 * Goal: one Arial family across the entire public site, ecommerce-like hierarchy,
 * normal tracking, and no synthetic ultra-bold text.
 * Loaded at priority 99 so it also normalizes Pages/WooCommerce/plugin frontend CSS.
 */

:root{--tpa-font:Arial,Helvetica,sans-serif}

html,body,
button,input,select,textarea,optgroup,label,legend,
h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,th,td,small,strong,b,em,span,
.woocommerce,.woocommerce-page,
.select2-container,.select2-dropdown,.select2-results,.select2-search__field,
.wp-block-button__link,
[class*="tpa-"],[class*="dxh-"]{
  font-family:Arial,Helvetica,sans-serif!important;
}

body{font-weight:400;line-height:1.5;letter-spacing:0;text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit}
p,li,dt,dd,td,small{font-weight:400}
strong,b{font-weight:600}

/* Core hierarchy — Arial looks best without synthetic 800/900 weights. */
h1,h2{font-weight:700!important;letter-spacing:0!important}
h3,h4,h5,h6{font-weight:600!important;letter-spacing:0!important}
button,.button,.wp-element-button,.wp-block-button__link,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{
  font-weight:600!important;letter-spacing:0!important;
}
label,legend{font-weight:600;letter-spacing:0}

/* Navigation/footer: readable rather than heavy. */
header a,nav a,.tpa-header a,.tpa-site-header a,.tpa-footer a,footer a{font-weight:500!important;letter-spacing:0!important}
header strong,.tpa-header strong,.tpa-site-header strong,footer strong,.tpa-footer strong{font-weight:600!important}

/* Eyebrows / kickers / micro labels: remove decorative tracking that looked harsh in Arial. */
.tpa-overline,.tpa-card-kicker,.tpa-footer-kicker,.tpa-brand-index-kicker,
.tpa-category-content-overline,.tpa-product-section-label,.tpa-blog-category,
.tpa-blog-cta>span,.dxh-checkout__eyebrow,.dxh-checkout-card__kicker,
.dxh-hero-copy>p,.dxh-section-head p,.dxh-promo-copy>p,
.tpa-timeline-heading .tpa-overline,.tpa-process-head .tpa-overline,
.tpa-branch-cards article>span,.tpa-contact-info strong,
.tpa-shop-filter-mobile-group>strong,.tpa-popover-title span,.tpa-mobile-drawer-intro span,
.tpa-footer-column h2,.tpa-footer-map-index,.tpa-smart-menu-label,
.tpa-brand-index-stat span,.dxh-checkout-summary-body table.shop_table thead th{
  font-weight:600!important;
  letter-spacing:0!important;
}

/* Main page titles: keep hierarchy but avoid oversized display typography. */
.tpa-page-head h1{font-size:clamp(32px,3.4vw,44px)!important;line-height:1.15!important;letter-spacing:0!important}
.tpa-blog-hero h1{font-size:clamp(36px,4vw,52px)!important;line-height:1.08!important;letter-spacing:0!important}
.tpa-article-head h1{font-size:clamp(32px,4.2vw,48px)!important;line-height:1.15!important;letter-spacing:0!important}
.tpa-brand-index-head h1{font-size:clamp(34px,4vw,50px)!important;line-height:1.12!important;letter-spacing:0!important}
.tpa-standard-hero h1{font-size:clamp(34px,4vw,50px)!important;line-height:1.12!important;letter-spacing:0!important}
.woocommerce div.product .product_title{font-size:clamp(30px,3vw,42px)!important;line-height:1.15!important;letter-spacing:0!important;font-weight:700!important}
.dxh-cart-title-row h1{font-size:clamp(30px,3.2vw,40px)!important;line-height:1.15!important;letter-spacing:0!important}
.dxh-checkout__title{font-size:clamp(38px,4vw,50px)!important;line-height:1.1!important;letter-spacing:0!important}
.dxh-hero-copy h1{font-size:clamp(38px,4.6vw,56px)!important;line-height:1.08!important;letter-spacing:0!important;font-weight:700!important}

/* Section headings. */
.dxh-section-head h2,.tpa-process-head h2,.tpa-timeline-heading h2,
.tpa-standard-head h2,.tpa-category-content-head h2,.dxh-promo-copy h2,
.tpa-footer-media-copy h2,.tpa-footer-branches-head h2{
  font-weight:700!important;
  letter-spacing:0!important;
  line-height:1.18!important;
}
.dxh-section-head h2{font-size:clamp(24px,2.6vw,32px)!important}
.tpa-process-head h2{font-size:clamp(24px,2.6vw,32px)!important}
.tpa-timeline-heading h2{font-size:clamp(28px,3vw,40px)!important}
.dxh-contact-strip h2{font-weight:700!important;letter-spacing:0!important}

/* Home: the exact area reported by the user. */
.dxh-section-head p{font-size:12px!important;line-height:1.35!important}
.dxh-section-head>a,.tpa-section-head>a,.tpa-process-head>a{
  font-size:13px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-decoration:none!important;
}
.dxh-category-card strong,.dxh-brand-card strong{font-weight:600!important}

/* Product cards / catalogue. */
.tpa-card-title,.tpa-shop-results .tpa-card-title,.dxh-product-grid .tpa-card-title,
.tpa-sidebar-mini-copy strong,.dxh-cart-product-copy h2,
.tpa-blog-card-body h3,.tpa-blog-feature-small-body h3{
  font-weight:600!important;
  letter-spacing:0!important;
}
.tpa-product-price,.tpa-sidebar-mini-price,.dxh-cart-price,.dxh-cart-subtotal,
.woocommerce div.product p.price,.woocommerce div.product span.price{
  font-weight:700!important;
  letter-spacing:0!important;
}
.tpa-card-link,.tpa-sidebar-mini-head a,.tpa-blog-readmore,
.tpa-blog-pagination .page-numbers,.tpa-blog-cta a{
  font-weight:500!important;
  letter-spacing:0!important;
}

/* Shop filters and vehicle filters: selectable controls should not look like headings. */
.tpa-shop-filter>a,.tpa-shop-filter-mobile summary,.tpa-filter-all,.tpa-filter-term-link,
.tpa-filter-group-toggle,.tpa-vehicle-context-label,.tpa-vehicle-context-chip,
.tpa-vehicle-model-chip,.tpa-vehicle-filter-toggle,.tpa-vehicle-filter-chip,
.dxh-filter-button,.dxh-active-filter,.dxh-brand-filter>summary,
.dxh-brand-filter-body>.tpa-filter-all,.dxh-shop-mobile-filter>summary,
.dxh-mobile-filter-list a.is-active,.dxh-filter-panel-list a:hover,.dxh-filter-panel-list a.is-active{
  font-weight:600!important;
  letter-spacing:0!important;
}
.tpa-filter-child-link,.tpa-filter-child-link.is-active,.tpa-filter-term-link small,
.tpa-filter-child-link small{font-weight:500!important}

/* Blog / editorial. */
.tpa-blog-feature-copy h2,.tpa-blog-section-title h2,.tpa-blog-side-card h2{
  font-weight:700!important;letter-spacing:0!important
}
.tpa-blog-filter,.tpa-search-tabs a,.tpa-blog-search button{font-weight:600!important}
.tpa-blog-side-category strong,.tpa-blog-side-post-copy strong{font-weight:600!important}
.tpa-article .tpa-prose{font-weight:400;letter-spacing:0}

/* Cart. */
.dxh-cart-title-row h1 span{font-weight:600!important;letter-spacing:0!important}
.dxh-cart-continue,.dxh-cart-shopping-link{font-weight:500!important;text-decoration:none!important}
.dxh-cart-table-head,.dxh-cart-coupon label{font-weight:600!important;letter-spacing:0!important}
.dxh-cart-vehicle-meta b,.dxh-cart-stock{font-weight:600!important}
.dxh-cart-quantity input.qty{font-weight:600!important}
.dxh-cart-actions .button.dxh-update-cart,.dxh-cart-coupon button,
.dxh-cart-summary .shipping-calculator-button,
.dxh-cart-summary .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart .woocommerce .return-to-shop .button{font-weight:600!important}
.dxh-cart-summary>h2{font-weight:700!important;letter-spacing:0!important}
.dxh-cart-summary .cart_totals table.shop_table th{font-weight:600!important}
.dxh-cart-summary .cart_totals table.shop_table td{font-weight:600!important}
.dxh-cart-summary .cart_totals .order-total th,.dxh-cart-summary .cart_totals .order-total td{font-weight:700!important}

/* Checkout. */
.dxh-checkout__support span,.dxh-checkout-steps li strong,
.dxh-checkout-card__body--fields label,.dxh-checkout-summary-body table.shop_table .product-name,
.dxh-checkout-summary-body table.shop_table .product-name .product-quantity,
.dxh-checkout-summary-body table.shop_table tfoot th,
.dxh-checkout-summary-body #payment ul.payment_methods label,
.dxh-checkout-assurance strong{font-weight:600!important}
.dxh-checkout__support a,.dxh-checkout-card__head h2,
.dxh-checkout-summary-body table.shop_table tfoot td,
.dxh-checkout-summary-body table.shop_table tfoot tr.order-total th,
.dxh-checkout-summary-body table.shop_table tfoot tr.order-total td{
  font-weight:700!important;letter-spacing:0!important
}
.dxh-checkout-card__head h2{font-size:clamp(24px,2.3vw,30px)!important;line-height:1.2!important}
.dxh-checkout-summary-body #payment .place-order .button#place_order,
.dxh-checkout-summary-body .shipping-calculator-button{font-weight:600!important}

/* Standard Pages module. */
.tpa-business-facts dt,.tpa-branch-cards a,.tpa-lead-form label,
.tpa-contact-info span,.tpa-standard-promo-grid a{font-weight:600!important}
.tpa-about-contact>a:first-of-type{font-weight:700!important}
.tpa-about-contact>a:last-of-type{font-weight:500!important}

/* Timeline/process cards. */
.tpa-timeline-badge,.tpa-timeline-content time,.tpa-process-number{font-weight:600!important;letter-spacing:0!important}
.tpa-timeline-content h3,.tpa-process-copy h3{font-weight:600!important;letter-spacing:0!important}

/* Footer decorative microcopy: retain layout but make Arial natural. */
.tpa-footer-media-count strong{font-weight:700!important;letter-spacing:0!important}
.tpa-footer-media-meta,.tpa-footer-column h2,.tpa-footer-map-index,.tpa-footer-kicker{
  letter-spacing:0!important;
}

/* Responsive title tuning. */
@media(max-width:767px){
  .dxh-hero-copy h1{font-size:38px!important;line-height:1.1!important}
  .tpa-blog-hero h1,.tpa-standard-hero h1,.tpa-brand-index-head h1{font-size:34px!important}
  .dxh-checkout__title{font-size:38px!important}
  .woocommerce div.product .product_title{font-size:30px!important}
  .tpa-article-head h1{font-size:32px!important}
}