/* ========================================
   UNIFORMISATION TYPOGRAPHIQUE - LHSQC
   ========================================
   
   Ce fichier uniformise toutes les fonts du site
   selon les variables CSS définies
   ======================================== */

/* ========================================
   IMPORTS DE FONTS
   ======================================== */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap');

/* ========================================
   RÈGLES GLOBALES
   ======================================== */
* {
  font-family: var(--font-family-primary) !important;
}

/* ========================================
   MENUS PRINCIPAUX
   ======================================== */
#cssmenu,
#cssmenuLogin {
  font-family: var(--font-family-secondary) !important;
}

#cssmenu > ul > li > a,
#cssmenuLogin > ul > li > a {
  font-family: var(--font-family-secondary) !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
}

#cssmenu ul ul li a,
#cssmenuLogin ul ul li a {
  font-family: var(--font-family-secondary) !important;
  font-weight: 400 !important;
}

/* ========================================
   TITRES ET EN-TÊTES
   ======================================== */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-secondary) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

h1 {
  font-size: var(--font-size-3xl) !important;
  font-weight: 700 !important;
}

h2 {
  font-size: var(--font-size-2xl) !important;
  font-weight: 600 !important;
}

h3 {
  font-size: var(--font-size-xl) !important;
  font-weight: 600 !important;
}

h4 {
  font-size: var(--font-size-lg) !important;
  font-weight: 500 !important;
}

h5 {
  font-size: var(--font-size-base) !important;
  font-weight: 500 !important;
}

h6 {
  font-size: var(--font-size-sm) !important;
  font-weight: 500 !important;
}

/* ========================================
   BOUTONS
   ======================================== */
.SubmitButton,
.SubmitButtonSmall {
  font-family: var(--font-family-secondary) !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
}

.STHSPHPLoginButton,
a.STHSPHPLoginButton {
  font-family: var(--font-family-secondary) !important;
  font-weight: 600 !important;
}

/* ========================================
   TABLEAUX
   ======================================== */
.tablesorter,
table.basictablesorter {
  font-family: var(--font-family-primary) !important;
  font-size: var(--font-size-sm) !important;
}

.tablesorter th,
table.basictablesorter th {
  font-family: var(--font-family-secondary) !important;
  font-weight: 600 !important;
}

/* ========================================
   FORMULAIRES
   ======================================== */
.STHSPHPSearch_Field {
  font-family: var(--font-family-primary) !important;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
textarea,
select {
  font-family: var(--font-family-primary) !important;
  font-size: var(--font-size-base) !important;
}

/* ========================================
   ÉLÉMENTS SPÉCIAUX
   ======================================== */
.STHSPHPTeamHeader_Table {
  font-family: var(--font-family-secondary) !important;
}

.STHSPHPTeam_HomeSecondaryTable {
  font-family: var(--font-family-secondary) !important;
}

.STHSPHPDraftSelectionTitle {
  font-family: var(--font-family-secondary) !important;
  font-weight: 600 !important;
}

/* ========================================
   ALERTES ET NOTIFICATIONS
   ======================================== */
.STHSPHPMenuOutOfDate,
.STHSPHPMenuOutOfDateSTHSHosting {
  font-family: var(--font-family-secondary) !important;
  font-weight: 700 !important;
}

/* ========================================
   PARAGRAPHES ET TEXTE
   ======================================== */
p {
  font-family: var(--font-family-primary) !important;
  line-height: 1.6 !important;
}

/* ========================================
   LIENS
   ======================================== */
a {
  font-family: inherit !important;
}

/* ========================================
   LISTES
   ======================================== */
ul, ol {
  font-family: var(--font-family-primary) !important;
}

li {
  font-family: inherit !important;
}

/* ========================================
   CODES ET MONOSPACE
   ======================================== */
code,
pre,
kbd,
samp {
  font-family: var(--font-family-mono) !important;
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 768px) {
  h1 {
    font-size: var(--font-size-2xl) !important;
  }
  
  h2 {
    font-size: var(--font-size-xl) !important;
  }
  
  h3 {
    font-size: var(--font-size-lg) !important;
  }
  
  #cssmenu > ul > li > a,
  #cssmenuLogin > ul > li > a {
    font-size: var(--font-size-sm) !important;
  }
}

/* ========================================
   ACCESSIBILITÉ
   ======================================== */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ========================================
   IMPRESSION
   ======================================== */
@media print {
  * {
    font-family: 'Times New Roman', serif !important;
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Times New Roman', serif !important;
  }
}