/* XGQN P30 — Typography audit & desktop price legibility (06 Nov 2026).
 * Public Transport frontend only; no changes to routes, markup, card geometry,
 * image sizing, form handlers, service visibility or Admin typography.
 * Bebeboo is already served by layouts.transport; do not duplicate font files.
 */

/* Consolidate semantic headings after the old P10/P40 cascades on Home,
 * Money Page, Listing, News, service/category and static pages. Do not
 * override Bootstrap/FontAwesome icon fonts, pseudo-icons or code snippets. */
body.transport-native #main-content :is(h1, h2, h3, h4, h5, h6) {
  font-family: 'Bebeboo', Arial, sans-serif !important;
}

/* Root cause of screenshot mismatch: P40 used
 * `font:800 16px/1.34 system-ui,... !important` for the image title.
 * Reinstate the website typeface while keeping the original dark overlay,
 * two-line clamp, link semantics and mobile proportions. */
body.transport-native.qnvf23g-home #main-content #vf23h3-panel-routes
.trp02-card--route .home_price_card_media > .trp40-image-title {
  font-family: 'Bebeboo', Arial, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 17px !important;
  line-height: 1.33 !important;
  letter-spacing: 0 !important;
}

/* PC: Lịch & giá / numeric fare / confirmation must be noticeably readable.
 * Only card text is changed, without affecting the actual published price. */
@media (min-width: 992px) {
  body.transport-native.qnvf23g-home #main-content .vf23h3-showroom-shell
  .vf23h3-panel .trp02-card .trp02-card-info .home_price_value_label {
    font-family: 'Bebeboo', Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.38 !important;
    letter-spacing: 0 !important;
    color: var(--xgp38-h-193850,#193850) !important;
  }
  body.transport-native.qnvf23g-home #main-content .vf23h3-showroom-shell
  .vf23h3-panel .trp02-card .trp02-card-info strong {
    font-family: 'Bebeboo', Arial, sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
  }
  body.transport-native.qnvf23g-home #main-content #vf23h3-panel-routes
  .trp02-card--route .trp02-card-info .xgqn-p70-red-price {
    font-family: 'Bebeboo', Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    color: #c62828 !important;
    letter-spacing: 0 !important;
  }
}

/* Mobile stays compact and does not inherit the desktop price enlargement. */
@media (max-width: 767.98px) {
  body.transport-native.qnvf23g-home #main-content #vf23h3-panel-routes
  .trp02-card--route .home_price_card_media > .trp40-image-title {
    font-size: 13.5px !important;
    line-height: 1.3 !important;
  }
}