/*
 * MITWET type system
 *
 * Cabin and DM Sans are both loaded by inc/assets.php. Keeping the family
 * assignment here, after all legacy route styles, prevents component-level
 * Arial shorthands from rendering Vietnamese diacritics inconsistently.
 */
:root {
  --vd-copy: "Cabin", Arial, Helvetica, sans-serif;
  --vd-display: "DM Sans", "Cabin", Arial, Helvetica, sans-serif;
}

.villain-demo-site,
.vd-footer.mael-footer-luxury,
.vdp-product,
.vd-collections,
.villainww-contact-v3,
.villainww-policy-v6,
.villainww-about-v1 {
  font-family: var(--vd-copy);
}

/* Reapply the copy family where source-parity uses the font shorthand. */
.vd-header,
.vd-announcement,
.vd-mega,
.vd-drawer,
.vd-footer.mael-footer-luxury :is(a, span, p, div, input, button, label),
.vdp-product :is(h1, h2, h3, h4, p, a, button, input, select, textarea, label, legend, small, span, dt, dd),
.vd-collections :is(h1, h2, h3, p, a, button, input, select, textarea, label, span),
.villainww-contact-v3 :is(h1, h2, h3, p, a, button, input, select, textarea, label, span),
.villainww-policy-v6 :is(h1, h2, h3, p, a, button, input, select, textarea, label, span),
.villainww-about-v1 :is(h1, h2, h3, p, a, button, input, select, textarea, label, span) {
  font-family: var(--vd-copy);
}

/* DM Sans is reserved for product and page headings, not tiny utility labels. */
.vd-page h1,
.vd-collections__head h1,
.vc3-title,
.vp6-title,
.vdp-product h1,
.vdp-product h2,
.vdp-product h3 {
  font-family: var(--vd-display);
}

/* Cart drawer, full cart, checkout, and account flows are all WooCommerce UI. */
.vd-drawer--cart :is(a, p, span, strong, button, input, select, textarea, label),
.woocommerce-cart .vd-shell :is(h1, h2, h3, h4, p, a, button, input, select, textarea, label, th, td, span, strong, small, dt, dd),
.woocommerce-checkout .vd-shell :is(h1, h2, h3, h4, p, a, button, input, select, textarea, label, th, td, span, strong, small, dt, dd),
.woocommerce-account .vd-shell :is(h1, h2, h3, h4, p, a, button, input, select, textarea, label, th, td, span, strong, small, dt, dd) {
  font-family: var(--vd-copy);
}

/* WooCommerce prints payment options outside the checkout shell in some
   templates, so normalize that island explicitly as well. */
.woocommerce-checkout #payment :is(label, p, a, button, span, strong, small, li) {
  font-family: var(--vd-copy);
}
.woocommerce-checkout #payment .wc_payment_method > label {
  font-family: var(--vd-copy) !important;
}

/* Route styles contain high-specificity shorthand declarations for tables and
   product pricing. Keep those text runs in the same family as their controls. */
.woocommerce-cart table.vd-cart-table,
.woocommerce-cart table.vd-cart-table :is(th, td, a, span, input, button, label),
.woocommerce-cart .vd-cart-collaterals,
.woocommerce-cart .vd-cart-collaterals :is(th, td, a, span, input, button, label),
.vdp-product .vdp-price,
.vdp-product .vdp-buybox :is(p, span, a, button, input, select, label, small),
.vdp-product .vdp-accordions :is(summary, p, li, strong) {
  font-family: var(--vd-copy) !important;
}

.woocommerce-cart .vd-cart-title,
.woocommerce-cart .vd-cart-collaterals .cart_totals > h2,
.woocommerce-checkout #customer_details::before,
.woocommerce-checkout #order_review_heading {
  font-family: var(--vd-display);
}

/* A 600 weight exists in the loaded Cabin family. Do not synthesize 800 at 11px. */
.woocommerce-checkout #payment #place_order,
.woocommerce-cart .vd-cart-table__update-row .button,
.woocommerce-cart .vd-cart-collaterals .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .vd-cart-coupon-panel .coupon .button,
.woocommerce-cart .vd-cart-collaterals .shipping-calculator-form .button,
.vd-drawer--cart .woocommerce-mini-cart__buttons a,
.vdp-product .single_add_to_cart_button,
.vdp-product .vdp-add-to-cart {
  font-family: var(--vd-copy) !important;
  font-weight: 600 !important;
  font-size: 12px;
  line-height: 1.15;
  letter-spacing: .075em;
}

/* PayPal's secure cross-origin iframe owns its internal font. These rules
   cover only MITWET's surrounding message and controls. */
.mitwet-paypal-express,
.mitwet-paypal-express :is(p, a, button, span, strong, small, label) {
  font-family: var(--vd-copy);
}