/*
 * iTrip type scale — loaded after the Gofly theme (see src/app/(public)/[lang]/layout.tsx).
 *
 * The theme's text is sized for a showcase (40–70px headings, 18px paragraphs), which reads too
 * large for a marketplace. This layer only touches font-size / line-height and scales everything
 * down ~20–30%, with clamp() so phones shrink smoothly instead of relying on the theme's many
 * breakpoint rules. The theme uses long, very specific selectors per element; rather than mirror
 * each one, the sizes below are marked !important. Nothing else here should use !important.
 */

/* ---- Base ------------------------------------------------------------------------------ */
body { font-size: 15px; line-height: 1.65; }
p { font-size: 16px; line-height: 1.65; }
h1 { font-size: clamp(28px, 2.4vw + 12px, 34px); }
h2 { font-size: clamp(24px, 1.6vw + 12px, 28px); }
h3 { font-size: clamp(20px, 1vw + 12px, 23px); }
h4 { font-size: clamp(18px, 0.6vw + 12px, 20px); line-height: 1.35; }
h5 { font-size: 17px; }
h6 { font-size: 15px; }

/* ---- Section headings (home, detail pages) ------------------------------------------- */
.section-title h2 { font-size: clamp(24px, 1.4vw + 14px, 30px) !important; line-height: 1.2 !important; letter-spacing: -0.01em; }
.section-title p { font-size: 16px !important; line-height: 1.6 !important; padding-top: 10px !important; }

/* ---- Heroes & page banners ---------------------------------------------------------- */
.home4-banner-section .banner-content-wrap .banner-content h1 { font-size: clamp(30px, 2.8vw + 12px, 44px) !important; line-height: 1.15 !important; }
.home4-banner-section .banner-content-wrap .banner-content p { font-size: clamp(15px, 0.4vw + 12px, 17px) !important; line-height: 1.55 !important; }
.breadcrumb-section .banner-content h1 { font-size: clamp(26px, 2vw + 12px, 38px) !important; line-height: 1.2 !important; }
.breadcrumb-section .banner-content > span { font-size: 15px !important; }
.breadcrumb-section .banner-content > span strong { font-size: clamp(20px, 1vw + 12px, 24px) !important; }

/* ---- Home sections -------------------------------------------------------------------- */
.home4-about-section .about-wrapper .about-content .counter-wrapper .single-counter h2,
.home4-about-section .about-wrapper .about-content .counter-wrapper .single-counter h2 strong { font-size: clamp(34px, 2vw + 20px, 48px) !important; }
.home4-about-section .about-wrapper .about-content .counter-wrapper .single-counter span,
.counter-area span,
.counter-area h6 { font-size: 15px !important; }
.home4-about-section .about-content ul li { font-size: 16px !important; }
.home4-feature-section .feature-card h4 { font-size: 18px !important; line-height: 1.35 !important; }
.home4-feature-section .feature-card p { font-size: 15px !important; line-height: 1.6 !important; }
.destination-card .destination-content .title-area a,
.destination-card .destination-content a,
.destination-card2 .destination-content h5,
.destination-card2 .destination-content h5 a { font-size: 17px !important; }
.blog-card .blog-content .blog-content-top h4 a,
.blog-card2 .blog-content h4,
.blog-card2 .blog-content h4 a { font-size: 18px !important; line-height: 1.4 !important; }
.partner-section .partner-title h5,
.partner-section .partner-title a { font-size: 17px !important; }
.faq-wrap .accordion .accordion-item .accordion-header .accordion-button { font-size: 16px !important; line-height: 1.45 !important; }
.faq-wrap .accordion .accordion-item .accordion-body { font-size: 15px !important; line-height: 1.65 !important; }
.itrip-footer .f-cta h3 { font-size: clamp(20px, 1.2vw + 12px, 24px) !important; }

/* ---- Tour / package detail ------------------------------------------------------------ */
.package-details-page .package-details-warpper h4 { font-size: clamp(18px, 0.6vw + 12px, 21px) !important; line-height: 1.35 !important; }
.package-details-page .package-details-warpper p,
.package-details-page .package-details-warpper .items-list li { font-size: 15.5px !important; line-height: 1.7 !important; }
.package-details-page .package-details-warpper strong { font-size: inherit; }
.package-details-page .package-details-sidebar .pricing-and-booking-area .price-area span { font-size: clamp(22px, 1vw + 14px, 26px) !important; }
.package-card .package-img-wrap .batch span { font-size: 14px !important; }
.breadcrumb-section .banner-content .batch span { font-size: 15px !important; }

/* ---- Misc ------------------------------------------------------------------------------ */
.lead { font-size: 17px; font-weight: 400; line-height: 1.6; }
.widget-title,
h5.widget-title,
.sidebar-area .single-widget .widget-title h5 { font-size: 18px !important; line-height: 1.35 !important; }
