/* v974: Hindi city page (/hi/deoghar) - type sizes for Devanagari.
   The page is the English city template (city-page.html); this file is added only on Hindi pages (CmsHindiCity.translate).
   Devanagari needs more height than Latin (matras above, conjuncts below), never letter-spacing, and is hard to read
   below ~13px, so: no serif display faces, no tracking, small labels 13px, reading text 16px, roomier line-height,
   and a smaller hero heading (Hindi headings are longer). Selector R = html[lang=hi] body[data-lead-page=city]
   .city-linked-page x2 so it outranks the template's own !important rules. */

/* one family: Inter for Latin (stay names, prices), Noto Sans Devanagari for Hindi */
html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page,
html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page :is(h1,h2,h3,h4,p,a,span,strong,b,small,li,dt,dd,summary,button,label,div,input,select) {
  font-family: Inter, 'Noto Sans Devanagari', 'Kohinoor Devanagari', 'Mangal', system-ui, sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* ---------- headings ---------- */
html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page section.cp-hero h1 {
  font-size: clamp(1.9rem, 8.2vw, 2.4rem) !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}
html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page :is(.cp-section h2, .cp-section-head h2) {
  font-size: 23px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}
html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page :is(h3, .cp-planning-card strong, .cp-access-card strong, .cp-tool-txt strong, .cp-highlight-copy strong) {
  line-height: 1.4 !important;
}
html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page .cp-faq-item summary h3 { font-size: 18px !important; font-weight: 600 !important; }

/* ---------- small labels: 13px, bold, no tracking ---------- */
html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page :is(.cp-kicker, .cp-eyebrow, .cp-small-label, .cp-explore-eyebrow, .cp922-kicker, .cp922-stats dt, .cp922-rating dt, .cp922-label, .cp-hero-meta-item span) {
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}
html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page :is(.cp-breadcrumb, .cp-breadcrumb a, .cp-breadcrumb span, .cp-stay-footer span, .cp-highlight-copy small, .cp-explore-links span, .cp-side-links a, .cp918-tabs a, .cp-map-load, .cp-text-link, .ys917-cl a) {
  font-size: 14px !important;
  line-height: 1.5 !important;
}
html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page .cp-stay-footer strong { font-size: 14px !important; }
/* hero numbers row: the template sets these with the font shorthand (section.cp-hero …) */
html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page section.cp-hero .cp-hero-meta-item span {
  font: 600 13px/1.5 Inter, 'Noto Sans Devanagari', system-ui, sans-serif !important;
}
/* phone bottom bar: keep each button on one line */
html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page .cp779-btn {
  font: 700 14px/1.3 Inter, 'Noto Sans Devanagari', system-ui, sans-serif !important;
  white-space: nowrap !important;
  padding: 0 10px !important;
}

/* ---------- reading text: 16px, line-height 1.8 ---------- */
html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page :is(.cp-rich, .cp-rich p, .cp-rich li, .cp-body-copy, .cp-faq-item > div, .cp-access-card p, .cp-planning-card span, .cp-section-intro, .cp-section-head p, .cp-tool-txt span, .cp-guide-cta p, .cp-side-card p, .cp-area-card span, .cp-nearby-note, .cp922-lead, .cp922-content, .cp922-content p, .cp922-content li) {
  font-size: 16px !important;
  line-height: 1.8 !important;
}
html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page .cp-faq-item summary,
html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page .cp-faq-item summary span {
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 600 !important;
}
html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page section.cp-hero p {
  font-size: 16px !important;
  line-height: 1.7 !important;
}

/* ---------- desktop ---------- */
@media (min-width: 901px) {
  html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page section.cp-hero h1 {
    font-size: clamp(2.6rem, 3.6vw, 3.4rem) !important;   /* was up to 89px in the English display face */
    line-height: 1.25 !important;
  }
  html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page :is(.cp-section h2, .cp-section-head h2) {
    font-size: 32px !important;
    line-height: 1.35 !important;
  }
  html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page :is(.cp-planning-card strong, .cp-access-card strong) { font-size: 19px !important; }
  html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page .cp-faq-item summary h3 { font-size: 20px !important; }
  html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page :is(#about, #history, #why-visit, #best-time) :is(.cp-rich, .cp-rich p, .cp-rich li, .cp-body-copy) {
    font-size: 18px !important;
    line-height: 1.85 !important;
  }
  html[lang=hi] body[data-lead-page="city"].city-linked-page.city-linked-page :is(.cp-access-card p, .cp-planning-card span, .cp-section-intro, .cp-faq-item > div) { font-size: 17px !important; }
}

/* the English drop cap splits a Devanagari syllable ("दे|वघर") - off on Hindi pages */
html[lang=hi] body.cp835[data-lead-page="city"] #cpAboutContent > p:first-child::first-letter {
  float: none !important;
  font: inherit !important;
  padding: 0 !important;
  color: inherit !important;
}

/* "Read this page in English" link under the heading (light on the dark phone hero, navy on the light desktop hero) */
html[lang=hi] body[data-lead-page="city"] .cp973-en {
  display: inline-block; margin: 6px 0 4px; font: 600 14px/1.4 Inter, system-ui, sans-serif !important;
  color: #FFD3AE !important; text-decoration: underline; text-underline-offset: 3px;
}
@media (min-width: 901px) {
  html[lang=hi] body.cp835[data-lead-page="city"] .cp973-en { color: #062B5C !important; }
}