/*
 * Digital Janit brand skin for the pages that keep Edumall's templates
 * (course pages, lessons, dashboard, cart, checkout, account).
 */
:root {
	--edumall-color-primary: #0A6BD6 !important;
	--edumall-color-primary-rgb: 10, 107, 214 !important;
	--edumall-color-secondary: #0E1430 !important;
	--edumall-color-secondary-rgb: 14, 20, 48 !important;
	--edumall-color-third: #F7890C !important;
	--edumall-color-heading: #0E1430 !important;
	--edumall-color-text: #4B5475 !important;
	--edumall-color-link: #0A6BD6 !important;
	--edumall-color-link-hover: #0756B0 !important;
	--edumall-color-form-focus-border: #0A6BD6 !important;
	--edumall-typography-body-font-family: "Inter", "Hind", "Segoe UI", system-ui, sans-serif !important;
	--edumall-typography-headings-font-family: "Inter", "Hind", "Segoe UI", system-ui, sans-serif !important;
	--edumall-typography-headings-font-weight: 600 !important;
	--edumall-typography-headings-letter-spacing: -0.02em !important;
	--tutor-color-primary: #0A6BD6 !important;
	--tutor-color-primary-rgb: 10, 107, 214 !important;
	--tutor-color-primary-hover: #0756B0 !important;
}
body { -webkit-font-smoothing: antialiased; }
.tm-button.style-flat,
.tutor-btn-primary,
button.single_add_to_cart_button,
.woocommerce .button.alt { border-radius: 12px; }

/* Edumall's breadcrumb bar in brand colours instead of orange */
#page-title-bar .page-title-bar-inner,
#page-title-bar .page-title-bar-bg { background: #F5F7FC !important; background-image: none !important; }
#page-title-bar { border-bottom: 1px solid #E6E9F2; }
#page-title-bar .insight_core_breadcrumb a,
#page-title-bar a { color: #0A6BD6 !important; }
#page-title-bar .insight_core_breadcrumb,
#page-title-bar .heading,
#page-title-bar { color: #4B5475 !important; }

/* Inter everywhere (Hind only fills in Devanagari letters, which Inter does not have) */
:root {
	--tutor-font-family-body: "Inter", "Hind", system-ui, sans-serif !important;
	--tutor-font-family-heading: "Inter", "Hind", system-ui, sans-serif !important;
	--e-global-typography-primary-font-family: "Inter" !important;
	--e-global-typography-secondary-font-family: "Inter" !important;
	--e-global-typography-text-font-family: "Inter" !important;
	--e-global-typography-accent-font-family: "Inter" !important;
}
html body, body button, body input, body select, body textarea, body optgroup,
body h1, body h2, body h3, body h4, body h5, body h6,
.elementor-heading-title, .elementor-widget-text-editor, .elementor-button, .elementor-widget-container,
.tm-heading .heading, .tm-heading .description, .tm-button, .tm-button .button-text,
.woocommerce, .woocommerce-page, .tutor-wrap, .tutor-dashboard, .tutor-course-details-page, .tutor-modal,
.page-title-bar, #page-title-bar .heading, .widget, .widget-title { font-family: "Inter", "Hind", system-ui, sans-serif !important; }

/* Typography system for Edumall / Tutor / WooCommerce pages */
:root {
	--edumall-typography-body-font-size: 16px !important;
	--edumall-typography-body-line-height: 1.65 !important;
	--edumall-typography-body-letter-spacing: -0.011em !important;
	--edumall-typography-headings-line-height: 1.22 !important;
	--edumall-typography-headings-letter-spacing: -0.02em !important;
}
body { line-height: 1.65; letter-spacing: -0.011em; font-feature-settings: "kern", "calt"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body h1, body h2 { line-height: 1.18; letter-spacing: -0.022em; }
body h3, body h4 { line-height: 1.3; letter-spacing: -0.017em; }
body h5, body h6 { line-height: 1.35; letter-spacing: -0.011em; }
body p, body li { line-height: 1.65; }
body button, body .button, body .tutor-btn, body .tm-button, body input, body select, body textarea { letter-spacing: -0.006em; }
.price, .amount, .tutor-course-price, .woocommerce-Price-amount { font-variant-numeric: tabular-nums; }
[lang="hi"] { letter-spacing: 0; line-height: 1.75; }

/* Inter everywhere on Edumall, Tutor LMS and WooCommerce pages. Browsers do not let
   form fields inherit the page font, so they are set here too; icon fonts keep theirs. */
body, button, input, select, textarea, optgroup, .select2-container, .tutor-wrap, .woocommerce, .woocommerce-page { font-family: "Inter", "Hind", "Segoe UI", system-ui, sans-serif; }
code, kbd, pre, samp { font-family: "Inter", "Hind", "Segoe UI", system-ui, sans-serif; font-variant-numeric: tabular-nums; }