/* =========================================================
   GOOGLE FONTS – MONTSERRAT & ROBOTO
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&family=Roboto:wght@400;500&display=swap');

/* =========================================================
   GLOBAL TYPOGRAPHY OVERRIDES – GEM LMS
   ========================================================= */

/* Body text */
html,
body,
p,
span,
li,
div,
td,
th,
input,
textarea,
select,
button {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
}

/* Headings – Montserrat Bold */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700;
}

/* Sub-headings – Montserrat Semi-Bold */
.subheading,
.section-title,
.page-title,
.module-title,
.ic-Label,
.ic-Action-header__Title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600;
}

/* =========================================================
   IMPROVED WHITE SPACE & READABILITY
   ========================================================= */

/* Main content breathing room */
#content,
.user_content,
.ic-Layout-contentMain {
  padding: 24px 32px !important;
}

/* Space between Canvas columns */
.ic-Layout-columns {
  gap: 32px !important;
}

/* Better paragraph spacing */
.user_content p {
  margin-bottom: 1.1em;
  line-height: 1.65;
}

/* Limit text width on large screens for readability */
.user_content {
  max-width: 1100px;
  margin: 0 auto;
}

/* =========================================================
   FULL-WIDTH EMBEDDED CONTENT (LTI, SCORM, External URLs)
   ========================================================= */

/* General iframe fix */
iframe#tool_content,
iframe.ltiLaunchFrame,
iframe.tool_launch,
.tool_content_wrapper iframe,
.module_external_url iframe,
.iframe_external_tool {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  border: none !important;
}

/* Remove padding ONLY for external tools */
body:has(.tool_content_wrapper) #content {
  padding: 0 !important;
  max-width: 100% !important;
}

/* Optional: increase default iframe height */
iframe#tool_content,
iframe.ltiLaunchFrame,
iframe.tool_launch {
  min-height: 850px !important;
}

iframe {
  overflow: hidden !important;
}
/* =========================================================
   IMPROVE SPACING ON SETTINGS / PROFILE PAGES
   ========================================================= */

/* Space between form rows (Full Name, Display Name, etc.) */
.ic-Form-group {
  margin-bottom: 20px !important;
}

/* Space between label and helper text */
.ic-Form-group__Label,
.ic-Label {
  margin-bottom: 6px !important;
}

/* Helper / description text spacing */
.ic-Form-group__Subtext,
.profile_settings p,
.profile_settings span {
  margin-top: 6px !important;
  line-height: 1.6;
}

/* Section spacing (Web Services, Approved Integrations, etc.) */
.profile_settings h2,
.profile_settings h3,
.ic-Settings__section {
  margin-top: 40px !important;
  margin-bottom: 16px !important;
}
/* =========================================================
   FORCE BRAND TYPOGRAPHY ON CANVAS MODULES & NAVIGATION
   ========================================================= */

/* Module titles in course navigation */
.ic-ModuleMenu__moduleName,
.ic-ModuleMenu__itemName,
.ic-ModuleList__item-title,
.ic-ModuleList__item-link {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important; /* adjust as needed */
}

/* Assignment / Page / Quiz titles in content area */
.ic-DashboardCard__header,
.ic-Card__title,
.ic-TitleBar__title,
.ic-Action-header__Title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
}

/* Canvas rich text editor headings inside modules */
.ProseMirror h1,
.ProseMirror h2,
.ProseMirror h3,
.ProseMirror h4,
.ProseMirror h5,
.ProseMirror h6 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
}

/* Subheadings inside pages, modules, and announcements */
.ic-Label,
.ic-SectionTitle,
.ic-Action-header__SubTitle,
.module-title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
}
/* Normalize top-level page titles across Canvas */
.ic-DashboardHeader__title,
.ic-TitleBar__title,
.page-title,
.ic-Action-header__Title {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 26px !important; /* same size for all pages */
}