/**
 * Muoi Content Hub typography 2.1.1
 * Uses fonts already available on every modern device, with full Vietnamese
 * coverage. Loaded after the theme so copied inline font declarations cannot
 * break accents or create mixed typography.
 */
:root {
  --mhrh-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

/* All plugin-generated category, taxonomy and hub pages. */
.mhrh-page,
.mhrh-page button,
.mhrh-page input,
.mhrh-page select,
.mhrh-page textarea,
.mhrh-page option {
  font-family: var(--mhrh-font-sans) !important;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mhrh-page h1,
.mhrh-page h2,
.mhrh-page h3,
.mhrh-page h4,
.mhrh-page h5,
.mhrh-page h6,
.mhrh-page h1 a,
.mhrh-page h2 a,
.mhrh-page h3 a,
.mhrh-page h4 a,
.mhrh-page strong,
.mhrh-page b {
  font-family: var(--mhrh-font-sans) !important;
  font-style: normal;
  font-variant-ligatures: normal;
  text-transform: none;
  overflow-wrap: anywhere;
}

.mhrh-page h1 { font-weight: 800; line-height: 1.12; letter-spacing: -.035em; }
.mhrh-page h2 { font-weight: 700; line-height: 1.22; letter-spacing: -.025em; }
.mhrh-page h3 { font-weight: 700; line-height: 1.3; letter-spacing: -.018em; }
.mhrh-page h4,
.mhrh-page h5,
.mhrh-page h6 { font-weight: 700; line-height: 1.38; letter-spacing: -.01em; }

.mhrh-page p,
.mhrh-page li,
.mhrh-page small,
.mhrh-page time,
.mhrh-page label,
.mhrh-page a,
.mhrh-page span {
  font-family: var(--mhrh-font-sans) !important;
  font-variant-ligatures: normal;
}

.mhrh-page p,
.mhrh-page li { line-height: 1.7; }

/* Prevent accents from being clipped in hotel prices and CTA buttons. */
.mhrh-price,
.mhrh-review-price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 5px;
  min-height: 28px;
  overflow: visible;
}

.mhrh-price small,
.mhrh-price strong,
.mhrh-price span,
.mhrh-review-price small,
.mhrh-review-price strong,
.mhrh-review-price span {
  display: inline-block;
  margin: 0;
  padding: 2px 0;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  overflow: visible;
}

.mhrh-price strong,
.mhrh-review-price strong { font-weight: 700 !important; }

.mhrh-card-actions a,
.mhrh-review-actions a,
.mhrh-read,
.mhrh-price-link,
.mhrh-blog-read {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-family: var(--mhrh-font-sans) !important;
  font-size: 13px;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  overflow: visible;
}

/* The Blog dropdown is outside .mhrh-page and therefore needs its own rule. */
.mhrh-blog-menu-parent,
.mhrh-blog-menu-parent > a,
.mhrh-blog-menu-parent > .sub-menu,
.mhrh-blog-menu-parent > .sub-menu a {
  font-family: var(--mhrh-font-sans) !important;
  font-synthesis: none;
}

/*
 * Normalize all current and future single posts. These rules override font
 * declarations pasted from Word, Google Docs or another website while keeping
 * heading hierarchy and intentional bold/italic emphasis.
 */
.single-post .entry-content,
.single-post .post-content,
.single-post .blog-details-content,
.single-post article .entry-content {
  font-family: var(--mhrh-font-sans) !important;
  color: #26312a;
  font-size: 17px;
  line-height: 1.78;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.single-post .entry-content p,
.single-post .entry-content li,
.single-post .entry-content blockquote,
.single-post .entry-content td,
.single-post .entry-content th,
.single-post .post-content p,
.single-post .post-content li,
.single-post .blog-details-content p,
.single-post .blog-details-content li {
  font-family: var(--mhrh-font-sans) !important;
  font-size: 17px !important;
  line-height: 1.78 !important;
  letter-spacing: normal !important;
}

.single-post .entry-content p *,
.single-post .entry-content li *,
.single-post .entry-content blockquote *,
.single-post .post-content p *,
.single-post .post-content li *,
.single-post .blog-details-content p *,
.single-post .blog-details-content li * {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

.single-post .entry-content h1,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6,
.single-post .post-content h1,
.single-post .post-content h2,
.single-post .post-content h3,
.single-post .blog-details-content h1,
.single-post .blog-details-content h2,
.single-post .blog-details-content h3 {
  font-family: var(--mhrh-font-sans) !important;
  color: #142019;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -.02em !important;
}

.single-post .entry-content h2,
.single-post .post-content h2,
.single-post .blog-details-content h2 { margin-top: 1.75em; font-size: clamp(26px, 3vw, 34px) !important; }

.single-post .entry-content h3,
.single-post .post-content h3,
.single-post .blog-details-content h3 { margin-top: 1.5em; font-size: clamp(21px, 2.4vw, 27px) !important; }

@media (max-width: 700px) {
  .single-post .entry-content,
  .single-post .post-content,
  .single-post .blog-details-content,
  .single-post .entry-content p,
  .single-post .entry-content li,
  .single-post .post-content p,
  .single-post .post-content li,
  .single-post .blog-details-content p,
  .single-post .blog-details-content li { font-size: 16px !important; line-height: 1.72 !important; }
}