/* ═══════════════════════════════════════════════════════════════
   DHAARA — TYPOGRAPHY FIX (heading line-height)
   ───────────────────────────────────────────────────────────────
   WHY THIS FILE EXISTS

   css/style.min.css begins with a chain of 27 @import rules, and
   #4 of them is `bootstrap.min.css`. Bootstrap's "reboot" contains:

       .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
           font-family:inherit; font-weight:500;
           line-height:1.1; color:inherit }

   A 1.1 line box is shorter than a font's ascender + descender, so
   the tops (and occasionally the feet) of heading glyphs are clipped.

   Measured on the live site before this fix:
       h1 36px -> computed line-height 39.6px  (ratio 1.10)
       h2 30px -> 33px                        (ratio 1.10)
       h3 20px -> 22px                        (ratio 1.10)
       h3 15px -> 16.5px                      (ratio 1.10)
   2,904 headings across 102 pages were affected.

   WHY AN OVERRIDE AND NOT A CLEANUP

   Removing the bootstrap.min.css @import from style.min.css would
   strip Bootstrap's grid and utility classes (.row, .col-lg-*,
   .container, spacing helpers) that this theme relies on, and would
   very likely break page layout. Instead this file re-asserts a
   readable line-height on the bare heading selectors.

   WHY THIS IS SAFE

   - Same specificity (0,0,1) as the reboot rule, but this file is
     loaded LAST, so it wins only where nothing more specific applies.
   - Any theme rule with a class/id selector (e.g. `.sec-title h1`,
     `.breadcrumb-area .left h1`) has HIGHER specificity and is
     completely unaffected. Pages already styled correctly do not
     move.
   - Only headings that were inheriting the 1.1 reboot value change.

   1.25 matches the rhythm of the theme's own explicit heading rules
   (40px on 32px = 1.25, 30px on 24px = 1.25, 26px on 20px = 1.3).
   ═══════════════════════════════════════════════════════════════ */

h1, h2, h3, h4, h5, h6 {
  line-height: 1.25;
}