/* ============================================================
   CAP-RDR — APPLICATION DES TOKENS
   Ce fichier applique tokens.css aux éléments réels.
   Tu n'as normalement pas à y toucher.
   ============================================================ */

/* ---------- BASE ---------- */
body{
  background: var(--cap-paper);
  color: var(--cap-ink);
  font-family: var(--cap-font-body);
  font-size: var(--cap-size-body);
  line-height: var(--cap-line-height);
  -webkit-font-smoothing: antialiased;
}

h1,h2,h3,h4,h5,
.entry-title,
.tutor-course-name,
.tutor-fs-1,.tutor-fs-2,.tutor-fs-3,.tutor-fs-4,.tutor-fs-5{
  font-family: var(--cap-font-display);
  letter-spacing: var(--cap-tracking-display);
  line-height: 1.15;
  color: var(--cap-ink);
}

a{ color: var(--cap-pine); text-decoration-thickness: 1px; text-underline-offset: 2px; }
a:hover{ color: var(--cap-ink); }

:focus-visible{ outline: var(--cap-focus); outline-offset: 2px; }

/* Durées, compteurs, métadonnées : en chasse fixe */
.tutor-meta,
.tutor-course-duration,
.tutor-color-muted,
.woocommerce-price-suffix{
  font-family: var(--cap-font-mono);
  font-size: .78rem;
  letter-spacing: .04em;
  color: var(--cap-muted);
}

/* ---------- BOUTONS ---------- */
.wp-block-button__link,
button.wp-element-button,
input[type="submit"],
.tutor-btn,
.tutor-btn-primary,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt{
  font-family: var(--cap-font-display);
  font-weight: var(--cap-btn-weight);
  font-size: var(--cap-btn-size);
  text-transform: var(--cap-btn-transform);
  letter-spacing: 0;
  padding: var(--cap-btn-padding);
  border-radius: var(--cap-btn-radius);
  border: none;
  background: var(--cap-signal);
  color: var(--cap-ink);
  box-shadow: none;
  transition: background .18s ease, transform .12s ease;
}

.wp-block-button__link:hover,
button.wp-element-button:hover,
.tutor-btn:hover,
.tutor-btn-primary:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover{
  background: var(--cap-signal-alt);
  color: var(--cap-ink);
  transform: translateY(-1px);
}

/* Bouton secondaire : contour, pas de fond */
.tutor-btn-outline-primary,
.tutor-btn-ghost,
.is-style-outline .wp-block-button__link,
.woocommerce a.button.wc-backward{
  background: transparent;
  color: var(--cap-ink);
  border: var(--cap-btn-border) solid var(--cap-ink);
}
.tutor-btn-outline-primary:hover,
.is-style-outline .wp-block-button__link:hover{
  background: var(--cap-ink);
  color: var(--cap-paper-2);
}

/* ---------- CHAMPS DE FORMULAIRE ---------- */
input[type="text"],input[type="email"],input[type="password"],
input[type="number"],input[type="search"],textarea,select,
.tutor-form-control{
  background: var(--cap-paper-2);
  border: 1px solid var(--cap-line);
  border-radius: var(--cap-radius);
  padding: 11px 13px;
  font-family: var(--cap-font-body);
  font-size: 1rem;
  color: var(--cap-ink);
}
input:focus,textarea:focus,select:focus,.tutor-form-control:focus{
  border-color: var(--cap-pine);
  box-shadow: 0 0 0 3px rgba(62,107,96,.15);
}

/* ---------- CARTES ET ENCADRÉS ---------- */
.tutor-card,
.tutor-course-card,
.woocommerce ul.products li.product,
.tutor-dashboard-content{
  background: var(--cap-paper-2);
  border: 1px solid var(--cap-line);
  border-radius: var(--cap-radius);
  box-shadow: var(--cap-shadow);
  overflow: hidden;
}
.tutor-card img,
.tutor-course-card img{ border-radius: 0; }

/* ---------- PROGRESSION ---------- */
.tutor-progress-bar,
.tutor-progress-bar-wrap{
  background: var(--cap-line);
  border-radius: 999px;
  height: 6px;
  overflow: hidden;
}
.tutor-progress-value,
.tutor-progress-bar span{
  background: var(--cap-signal);
  border-radius: 999px;
}

/* ---------- LECTEUR DE COURS ---------- */
.tutor-course-topic-item.is-active,
.tutor-course-single-sidebar .is-active{
  border-left: 3px solid var(--cap-signal);
  background: rgba(229,168,0,.07);
}
.tutor-course-topic-item a{ color: var(--cap-ink); }

/* ---------- BADGES ---------- */
.tutor-badge-label,
.tutor-tag{
  font-family: var(--cap-font-mono);
  font-size: .66rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: var(--cap-btn-radius);
  padding: 3px 8px;
}

/* ---------- TABLEAUX (tableau de bord structure) ---------- */
.tutor-table th{
  font-family: var(--cap-font-mono);
  font-size: .7rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--cap-muted);
  border-bottom: 1px solid var(--cap-line);
}
.tutor-table td{ border-bottom: 1px solid var(--cap-line); }

/* ---------- LARGEUR DE LECTURE ---------- */
.tutor-container,
.site-content .entry-content{ max-width: var(--cap-width); }
.tutor-lesson-content, .entry-content > p{ max-width: 68ch; }

/* ---------- ON RETIRE LE BRUIT ---------- */
.tutor-ratings-stars, .tutor-course-rating{ display: none; }   /* pas d'étoiles : ce n'est pas une marketplace */

/* ---------- ACCESSIBILITÉ ---------- */
@media (prefers-reduced-motion: reduce){
  *{ transition: none !important; animation: none !important; }
}