/* ==========================================================================
   Content typography — written / CMS content only
   p 16px · h2 26px bold · h3 20px bold (mobile: h2 22px, h3 18px, p 16px)

   Scope: package-details section content, blog post body, CMS pages and
   activity/region/destination descriptions. Cards, heroes, homepage section
   titles, header and footer keep their own design.
   Loaded last (view/layout/header.php); the leading "body" keeps these rules
   above the legacy per-section rules (#overview, .package-info-card#… etc.).
   ========================================================================== */

/* ---------- Paragraphs: 16px ---------- */
body .pack-details .content :is(#trip-intro, #overview, #trip-info, #cost-info, #faqs-cont) p,
body .pack-details .content .itinerary-desc p,
body .blog-details .blog-content .content > p,
body .common-page-content .content > p,
body .category-page-content .content > p {
  font-size: 16px;
}

/* ---------- h2: 26px bold ---------- */
body .pack-details .content :is(#trip-intro, #trip-highlights, #season-weather, #overview, #cost-info, #trekking-equipment, #route-map, #photo_videos, #trip-info, #review, #faqs) > h2,
body .pack-details .content :is(#trip-intro, #overview, #trip-info, #cost-info, #faqs-cont) h2,
body .pack-details .content #itinerary .itinerary-main-heading,
body .pack-details .content #fixed-departures .dep-heading-col h2,
body .blog-details .blog-content .content > h2,
body .common-page-content .content > h2,
body .category-page-content .content > h2 {
  font-size: 26px;
  font-weight: 700;
}

/* ---------- h3: 20px bold ---------- */
body .pack-details .content :is(#trip-intro, #overview, #trip-info, #faqs-cont) h3,
body .pack-details .content #cost-info :is(.includes, .excludes) > h3,
body .blog-details .blog-content .content > h3,
body .common-page-content .content > h3,
body .category-page-content .content > h3 {
  font-size: 20px;
  font-weight: 700;
}

/* ---------- Mobile: slightly smaller headings, body text stays 16px ---------- */
@media (max-width: 767.98px) {
  body .pack-details .content :is(#trip-intro, #trip-highlights, #season-weather, #overview, #cost-info, #trekking-equipment, #route-map, #photo_videos, #trip-info, #review, #faqs) > h2,
  body .pack-details .content :is(#trip-intro, #overview, #trip-info, #cost-info, #faqs-cont) h2,
  body .pack-details .content #itinerary .itinerary-main-heading,
  body .blog-details .blog-content .content > h2,
  body .common-page-content .content > h2,
  body .category-page-content .content > h2 {
    font-size: 22px;
  }

  /* trip-details.css forces smaller sizes here with !important at <=480/380/340px */
  body .pack-details .content #fixed-departures .dep-heading-col h2 {
    font-size: 22px !important;
  }

  body .pack-details .content :is(#trip-intro, #overview, #trip-info, #faqs-cont) h3,
  body .pack-details .content #cost-info :is(.includes, .excludes) > h3,
  body .blog-details .blog-content .content > h3,
  body .common-page-content .content > h3,
  body .category-page-content .content > h3 {
    font-size: 18px;
  }
}