/* =====================================================================
   lrdf-tutor-charte.css
   Adapte le rendu de Tutor LMS a la charte La Route du Fil.
   Regle d'or : le VERT (#2A9D8F) est reserve aux CTA.
   Tous les autres accents Tutor -> navy #003049.
   Ne cible que des selecteurs .tutor-* : aucun impact sur le reste du site.
   Source des valeurs : Kit Elementor actif #6 (lu sur la prod).
   ===================================================================== */

/* 1. Accents Tutor non-CTA (onglets actifs, barre de progression, liens,
      etoiles, focus) : on repointe la variable primaire de Tutor vers le navy.
      Seul le CSS de Tutor consomme cette variable -> zero fuite ailleurs. */
:root,
.tutor-wrap,
.tutor-frontend-dashboard {
  --tutor-color-primary: #003049;        /* navy - Titres h1 de la charte */
  --tutor-color-primary-hover: #00263a;  /* navy assombri (hover liens/onglets) */
  --tutor-color-primary-rgb: 0, 48, 73;
}

/* 2. Typographie de la charte sur les pages Tutor
      (polices deja chargees par le Kit Elementor : zero police en plus). */
.tutor-wrap,
.tutor-course-list,
.tutor-single-course,
.tutor-frontend-dashboard {
  font-family: "Public Sans", sans-serif;
}
.tutor-wrap h1, .tutor-wrap h2, .tutor-wrap h3, .tutor-wrap h4,
.tutor-course-name, .tutor-course-details-title, .tutor-segment-title {
  font-family: "Red Hat Display", sans-serif;
}
/* Titre principal de cours -> navy */
.tutor-course-details-title,
.tutor-course-name a {
  color: #003049;
}

/* 3. CTA = boutons d'action primaires de Tutor.
      Clone exact des CTA du site :
      repos  -> fond vert #2A9D8F, texte blanc
      survol -> fond vert fonce #087467, texte blanc (identique)
      rayon 26px, padding 15/20/15/20, AUCUNE bordure. */
.tutor-btn.tutor-btn-primary,
.tutor-wrap .tutor-btn-primary,
a.tutor-btn-primary,
button.tutor-btn-primary {
  background-color: #2A9D8F !important;
  border: 0 !important;
  color: #FFFFFF !important;
  border-radius: 26px !important;
  padding: 15px 20px 15px 20px !important;
}
.tutor-btn.tutor-btn-primary:hover,
.tutor-wrap .tutor-btn-primary:hover,
a.tutor-btn-primary:hover,
button.tutor-btn-primary:hover,
.tutor-btn.tutor-btn-primary:focus,
a.tutor-btn-primary:focus,
button.tutor-btn-primary:focus {
  background-color: #087467 !important;
  border: 0 !important;
  color: #FFFFFF !important;
}
