/*
  NJ — Project Testimonial
  Design auto-contenu (même raisonnement que les autres plugins nj-* : le
  HTML rendu par ce shortcode est invisible au compilateur de CSS des
  Global Classes Elementor). Reproduit fidèlement `.testimonial` combiné à
  `.case-testimonial-figure` (padding final 44px) de realisation-unifiber.html.
  L'espacement extérieur (max-width, padding-top) reste géré par le wrapper
  Elementor existant (`case-testimonial`, classes Global `case-testimonial` +
  `wrap`) — ce shortcode ne stylise que la carte elle-même.
*/

.nj-project-testimonial-figure {
  margin: 0;
  display: flex;
  flex-direction: column;
  padding: 44px;
  border: 1px solid var(--line-10);
  border-radius: 6px;
  background: var(--panel-015);
}

.nj-project-testimonial-quote {
  margin: 0;
  font-family: var(--font);
  font-weight: 300;
  font-size: clamp(18px, 2vw, 23px);
  line-height: 1.5;
  letter-spacing: -0.015em;
  color: var(--fg-dim-85);
}

.nj-project-testimonial-figcaption {
  margin-top: auto;
  padding-top: 30px;
  display: flex;
  align-items: center;
  gap: 14px;
  /* Le thème parent Hello Biz applique `figcaption { font-style: italic }`
     globalement (theme.css) — notre sélecteur de classe (0,1,0) l'emporte déjà
     sur le sien (0,0,1), mais on le neutralise explicitement pour ne pas
     dépendre de l'ordre de chargement des feuilles de style. */
  font-style: normal;
}

.nj-project-testimonial-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  flex: none;
  border: 1px solid var(--line-10);
  display: flex;
}

.nj-project-testimonial-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.nj-project-testimonial-avatar-mono {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(255, 122, 60, 0.14);
  color: var(--accent);
  font-family: var(--font);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.nj-project-testimonial-who {
  display: flex;
  flex-direction: column;
  line-height: 1.35;
  font-family: var(--font);
}

.nj-project-testimonial-name {
  font-size: 14px;
  font-weight: 500;
  color: var(--fg);
}

.nj-project-testimonial-role {
  font-size: 12.5px;
  color: var(--fg-dim-46);
}

@media(max-width:768px){
.nj-project-testimonial-figure {
	padding: 30px;
	}
}