/**
 * @file
 * Cloudoffis global typography — Public Sans across the product.
 */

@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap');

:root {
  --co-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --themefont: var(--co-font-family);
}

html {
  font-family: var(--co-font-family);
}

body,
button,
input,
select,
textarea,
optgroup {
  font-family: var(--co-font-family);
}

body {
  font-family: var(--co-font-family) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--co-font-family) !important;
}

.co-layout,
.co-layout .co-main,
.co-layout .co-sidebar,
.co-layout .page-main,
.co-lp-detail,
.layout-container,
.top-bar,
.sidebar,
.main-body-section,
.tooltip,
.popover,
.form-text,
.form-search,
.form-select,
.form-control,
.btn,
.button,
input[type="submit"],
input[type="button"],
.mat-button,
.mat-raised-button,
.mat-button-toggle,
.dropdown-menu,
.modal,
table,
.label,
.badge {
  font-family: var(--co-font-family);
}

/* Opigno / contrib blocks inside Cloudoffis shell */
.co-layout .opigno-lp-step-list,
.co-layout .learning-path-progress,
.co-layout .statistics-table,
.co-module-answer-content,
.co-catalogue-wrap,
.co-all-courses-page,
.co-achievements-page,
.co-login-page .co-login-right,
.co-login-page .co-form-panel {
  font-family: var(--co-font-family);
}

/* Login marketing panel — match product sans (was Playfair) */
.co-login-left__tagline h2,
.co-form-title {
  font-family: var(--co-font-family) !important;
}

/* Aristotle / Opigno UI inside Cloudoffis pages */
body.section-module,
body.page-opigno-module-group-answer-form,
body.page-opigno-module-module-result,
body.page-opigno-module-restart-restart-activity,
body.page-view-opigno-training-catalog,
body.page-entity-group-canonical,
.opigno_activity,
.opigno_activity__wrapper,
.h5p-content,
.h5p-container {
  font-family: var(--co-font-family) !important;
}

/*
 * Override Aristotle --themefont (Roboto/Montserrat in dist/main.css).
 * Loaded after parent theme CSS via library weight + :root redefinition.
 */
html:root {
  --themefont: var(--co-font-family);
}

html body {
  font-family: var(--co-font-family) !important;
}