/* ----------------------------------------------------------------------------
 * Typography alignment for the 9 bespoke industry pages
 * (medical_industry, furniture_industry, automobile_industry, pharma,
 *  metal_industry, food_industry, pharma_distribution, paints,
 *  cosmetics_industry).
 *
 * These pages are ALREADY on the brand palette (#eeff38 lime on near-black);
 * what set them apart was the font (SF Pro Text) and their heading treatment.
 * This file only aligns type with the v3 system. Their layout, colours, markup
 * and copy are left alone, so nothing is lost and the change is easy to revert.
 *
 * It loads AFTER each page's own <style> block, and every selector is a
 * page-specific class — Bootstrap names (.container, .row, .col-*) are
 * deliberately untouched.
 *
 * Tokens come from v3-shell.css (:root), loaded by views/partials/v3_head.php.
 * -------------------------------------------------------------------------- */

/* body copy */
.ind-banner,.main-sec-ats,.apps-benefits,.business_row,.helped_over,
.classic-cta,.full-cta-classic,.inner-classic-cta,.partnership-independent-cta,
.saying-section,.achieving_task,.launch_dlivry,.masonary-grid-cb,.ats-cb{
  font-family:var(--v3-body);
}
.main-sec-ats p,.apps-benefits p,.business_row p,.helped_over p,
.classic-cta p,.saying-section p,.achieving_task p,.launch_dlivry p{
  font-family:var(--v3-body);line-height:1.65;
}

/* headings — the display face is what makes the rest of the site recognisable */
.ind-banner h1,
.same-large-heading,.same-large-heading h1,.same-large-heading h2,
.new-heading-style,.new-heading-style h2,.new-heading-style h3,
.food-common-heading,.food-common-heading h2,.food-common-heading h3{
  font-family:var(--v3-display);
  font-weight:800;
  text-transform:uppercase;
  line-height:.94;
  letter-spacing:-.005em;
  text-wrap:balance;
}
.ind-banner h1{font-size:clamp(38px,5.4vw,76px)}
.same-large-heading,.same-large-heading h2,
.new-heading-style h2,.food-common-heading h2{font-size:clamp(30px,4vw,52px)}

/* sub-headings stay in the body face so they don't compete with the display type */
.apps-benefits h3,.apps-benefits h4,.box h3,.box h4,
.business_row h3,.business_row h4,.achieving_task h3,.launch_dlivry h3{
  font-family:var(--v3-body);font-weight:700;line-height:1.3;
}

/* tabs */
.nav-tabs > li > a,.mobile-tabs a,.mobile-tabs select{
  font-family:var(--v3-body);font-weight:600;
}

/* buttons */
.btn-register-header,.gradient-color,.gradient-color a{
  font-family:var(--v3-body);font-weight:700;letter-spacing:0;
}

/* pull-quote block */
.saying-section blockquote,.saying-section h2,.saying-section h3{
  font-family:var(--v3-display);font-weight:800;text-transform:uppercase;line-height:1.02;
}