/* =====================================================================
   TekTek Academy — retouches par-dessus le template HiStudy.
   Charge APRES style.css : ce qui est ici gagne toujours.
   Ne modifie jamais style.css, une mise a jour du template l'effacerait.
   ===================================================================== */

:root {
  /* Couleurs de la marque — remplace par les tiennes */
  --color-primary: #1f4fd8;
  --color-secondary: #e08a1e;
}

/* ---------------------------------------------------------------------
   Logo
   --------------------------------------------------------------------- */
.rbt-header .logo img { max-height: 46px; width: auto; }
.logo-texte {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--color-primary);
}

/* Carte du formulaire : legere elevation, comme dans la demo */
.tektek-carte-formulaire {
  background: #fff;
  border-radius: 10px;
  padding: 34px 30px;
  box-shadow: 0 16px 48px rgba(31, 79, 216, .10);
}

/* Avatars empiles */
.tektek-avatars { display: flex; }
.tektek-avatars img {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #fff;
  margin-left: -14px;
}
.tektek-avatars img:first-child { margin-left: 0; }

/* Etoiles */
.rbt-like-total .rating i { color: var(--color-secondary); margin-right: 3px; }

/* ---------------------------------------------------------------------
   Cartes de formation un peu plus sobres
   --------------------------------------------------------------------- */
.rbt-card.variation-01 .rbt-card-title { font-size: 18px; line-height: 1.4; }

/* ---------------------------------------------------------------------
   Accessibilite : pas d'animation si la personne l'a desactivee
   --------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

@media (max-width: 991px) {
  .tektek-carte-formulaire { padding: 26px 20px; }
}

/* ---------------------------------------------------------------------
   Garde-fou : le template force width:100% sur les images de la
   banniere. Cette regle empeche toute image decorative de recouvrir
   le contenu si on en rajoute plus tard.
   --------------------------------------------------------------------- */
.rbt-banner-area .tektek-decor img {
  width: auto;
  max-width: 340px;
  height: auto;
}