/**
 * HangNgoaiShop 3.9.55.71.1 — Editorial Legacy Inline Typography Final Lock
 * Scope: single WordPress posts only.
 * Purpose: neutralize legacy inline Arial/16px wrappers so the 3.9.55.71
 * editorial hierarchy can render as designed without modifying post content.
 */

/*
 * Old posts frequently wrap headings in inline spans such as:
 * <h2><span style="font-size:16px;font-family:arial,...">...</span></h2>
 * Those inline declarations outrank the parent heading typography. Only
 * legacy Arial/Helvetica wrappers inside editorial headings are normalized.
 */
body.yhn-editorial-single-quiet-premium.yhn-editorial-legacy-typography-final-lock
.blog-wrapper.blog-single #ftwp-postcontent :is(h2,h3,h4) span[style*="arial" i],
body.yhn-editorial-single-quiet-premium.yhn-editorial-legacy-typography-final-lock
.blog-wrapper.blog-single #ftwp-postcontent :is(h2,h3,h4) span[style*="helvetica" i],
body.yhn-editorial-single-quiet-premium.yhn-editorial-legacy-typography-final-lock
.blog-wrapper.blog-single .entry-content.single-page > :is(h2,h3,h4) span[style*="arial" i],
body.yhn-editorial-single-quiet-premium.yhn-editorial-legacy-typography-final-lock
.blog-wrapper.blog-single .entry-content.single-page > :is(h2,h3,h4) span[style*="helvetica" i]{
  font-family:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  font-style:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  color:inherit!important;
  text-transform:inherit!important;
}

/*
 * Preserve intentional emphasis (strong/em/links), but remove the legacy
 * Arial family from ordinary prose wrappers. This is deliberately limited to
 * spans that actually declare Arial/Helvetica inline.
 */
body.yhn-editorial-single-quiet-premium.yhn-editorial-legacy-typography-final-lock
.blog-wrapper.blog-single #ftwp-postcontent :is(p,li,blockquote,td,th) span[style*="arial" i],
body.yhn-editorial-single-quiet-premium.yhn-editorial-legacy-typography-final-lock
.blog-wrapper.blog-single #ftwp-postcontent :is(p,li,blockquote,td,th) span[style*="helvetica" i],
body.yhn-editorial-single-quiet-premium.yhn-editorial-legacy-typography-final-lock
.blog-wrapper.blog-single .entry-content.single-page :is(p,li,blockquote,td,th) span[style*="arial" i],
body.yhn-editorial-single-quiet-premium.yhn-editorial-legacy-typography-final-lock
.blog-wrapper.blog-single .entry-content.single-page :is(p,li,blockquote,td,th) span[style*="helvetica" i]{
  font-family:inherit!important;
}

/*
 * The common legacy 16px + Arial wrapper is formatting residue rather than an
 * intentional size choice. Let the Quiet Premium parent control its size and
 * line-height while leaving other custom inline sizes untouched.
 */
body.yhn-editorial-single-quiet-premium.yhn-editorial-legacy-typography-final-lock
.blog-wrapper.blog-single #ftwp-postcontent :is(p,li,blockquote,td,th) span[style*="font-size: 16px"][style*="arial" i],
body.yhn-editorial-single-quiet-premium.yhn-editorial-legacy-typography-final-lock
.blog-wrapper.blog-single #ftwp-postcontent :is(p,li,blockquote,td,th) span[style*="font-size:16px"][style*="arial" i],
body.yhn-editorial-single-quiet-premium.yhn-editorial-legacy-typography-final-lock
.blog-wrapper.blog-single .entry-content.single-page :is(p,li,blockquote,td,th) span[style*="font-size: 16px"][style*="arial" i],
body.yhn-editorial-single-quiet-premium.yhn-editorial-legacy-typography-final-lock
.blog-wrapper.blog-single .entry-content.single-page :is(p,li,blockquote,td,th) span[style*="font-size:16px"][style*="arial" i]{
  font-size:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  color:inherit!important;
}

/* Captions must remain caption-sized even when old content wraps them in 16px Arial. */
body.yhn-editorial-single-quiet-premium.yhn-editorial-legacy-typography-final-lock
.blog-wrapper.blog-single :is(.wp-caption-text,figcaption) span[style*="arial" i],
body.yhn-editorial-single-quiet-premium.yhn-editorial-legacy-typography-final-lock
.blog-wrapper.blog-single :is(.wp-caption-text,figcaption) span[style*="helvetica" i]{
  font-family:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  color:inherit!important;
  letter-spacing:inherit!important;
}
