/* ============================================================================
   MGT Typography Refresh — site-wide font system (loaded last from header.php).
   Headings: Manrope 700 · Body: Inter 400 · Buttons: Inter 600
   Nav & Testimonials: Inter 500 · Scale: 400 / 500 / 600 / 700 only
   Body 18px, paragraphs at 1.7 line-height, headings #1A1A1A, body #4B5563,
   section whitespace increased ~25%.
   (Fonts load as ONE variable-font file each via Google Fonts — see header.php.)
   ============================================================================ */

/* ---------- base body ----------
   The legacy theme's layout grid was designed around a 15px base; 18px broke its
   metrics. 16px is the sweet spot: a clear readability upgrade that the existing
   components (nav, cards, tables, buttons) still fit around. */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #4B5563;
    -webkit-font-smoothing: antialiased;
}
p, li, dd, td, blockquote,
.general-text, .schedule-para, .course-desc, .benefit-list li {
    line-height: 1.7;
}
input, textarea, select {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* ---------- headings: Manrope Bold, near-black ----------
   Colour is set with element-only selectors so any class-based colour
   (e.g. .fc-white on dark sections, footer headings) still wins. */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Manrope', 'Inter', sans-serif;
    font-weight: 700;
    color: #1A1A1A;
    letter-spacing: -0.01em;
}
.title, .section-heading, .page-header, .box-title, .portfolioo-title,
.benefits-title, .benefit-highlight, .widget-title, .modal-title,
.page__heading, .summary-title, .slider-title {
    font-family: 'Manrope', 'Inter', sans-serif !important;
    font-weight: 700;
}

/* ---------- buttons: Inter SemiBold ---------- */
.button, .btn, button, input[type="submit"], input[type="button"],
.flat-button-slider a, .enrol-button, .button_style2, .mgt-auth-btn,
.mgt-tabby-btn, .mgt-combo-submit, .loginField, .btn-checkout, .btn-submit {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600;
}

/* ---------- navigation: Inter Medium ---------- */
#mainnav a, #mainnav li a, #menu a, .top-navigator a, .ft-menu a,
.trail-items a, .trail-items li, .custom-info {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}

/* ---------- testimonials: Inter Medium ---------- */
.testimonial, .testimonial p, .testimonials p, .testi-text,
.mgt-nh-tcard blockquote, .tcard blockquote, blockquote {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}

/* ---------- weight-scale hygiene: clamp stray weights ---------- */
b, strong { font-weight: 700; }
[class*="fb-600"] { font-weight: 600; }
[class*="fb-500"] { font-weight: 500; }
[class*="fb-300"], [class*="font-light"] { font-weight: 400; }

/* ---------- section whitespace: +25% ---------- */
.flat-row       { padding-top: 38px; }
.pad-top0px     { padding-top: 0; }
.pad-top10px    { padding-top: 13px; }
.pad-top40px    { padding-top: 50px; }
.pad-top70px    { padding-top: 88px; }
.pad-bottom0px  { padding-bottom: 0; }
.pad-bottom20px { padding-bottom: 25px; }
.pad-bottom30px { padding-bottom: 38px; }
.pad-bottom40px { padding-bottom: 50px; }
.pad-bottom70px { padding-bottom: 88px; }