/* Oima Workforce typography for both employee portal and sign-in screens.
   Golos Text Black = weight 900. Montserrat is the default for everything else.
   Loaded after existing portal/extension CSS and scoped away from Odoo backend. */
:root {
  --wp-font-body: "Montserrat", "Segoe UI", Arial, sans-serif;
  --wp-font-heading: "Golos Text", "Montserrat", "Segoe UI", sans-serif;
}

/* The portal's original stylesheet defines a system font on html/body.
   Override only the two self-contained Workforce views. */
body:has(> .wp-shell),
body:has(> .wp-login),
.wp-shell,
.wp-login {
  font-family: var(--wp-font-body);
}

/* Form controls often have a browser default or a specific font shorthand. */
.wp-shell :is(button, input, select, textarea, option, optgroup),
.wp-login :is(button, input, select, textarea, option, optgroup) {
  font-family: var(--wp-font-body);
}

/* Only H1 is Golos Black. Every H2–H6, subsection label and
   accessible heading uses Montserrat Bold, including mobile and the login. */
.wp-shell h1, .wp-login h1 {
  font-family: var(--wp-font-heading) !important;
  font-weight: 900 !important;
}
.wp-shell :is(h2,h3,h4,h5,h6,[role="heading"]),
.wp-login :is(h2,h3,h4,h5,h6,[role="heading"]),
.wp-shell .wp-section-heading > strong {
  font-family: var(--wp-font-body) !important;
  font-weight: 700 !important;
}

/* Native course materials and embedded HTML should inherit Montserrat unless
   they are themselves marked up as headings. */
.wp-shell .wp-rich,
.wp-shell .wp-media,
.wp-shell .wp-section-lessons,
.wp-login-form,
.wp-login-feature {
  font-family: var(--wp-font-body);
}

/* Attendance summary is an H2-equivalent, not a page H1. */
.wp-shell .wp-attendance-summary-title {
  font-family: var(--wp-font-body) !important;
  font-weight: 700 !important;
}