/*
 Theme Name:   Coaching Child
 Theme URI:    http://coaching.thimpress.com/
 Description:  Coaching Child Theme
 Author:       Alexandre Grodent
 Author URI:   https://alexgr.com
 Template:     coaching
 Version:      1.0.1
 Text Domain:  coaching-child
*/

:root {
    --thim-avatar-bg: var(--bg-section-color, #fcf5f0);
    --thim-avatar-fg: var(--e-global-color-text, #223);
    --thim-avatar-size: 100%;
    --thim-avatar-font-size: 20px;
}

/* Cacher totalement le champ texte qui affichait "rating-5" */
/* .elementor-14094 .elementor-element.elementor-element-cfc8d55 .thim-ekits-testimonial__position {
  display: none;
} */

/* Injecter les étoiles ailleurs — ici sous le nom */
/* .elementor-14094 .elementor-element.elementor-element-cfc8d55 .thim-ekits-testimonial__footer::after {
  content: "★★★★★";
  color: #F5A623;
  font-size: 1.2em;
  display: block;
  margin-top: 5px;
} */

.thim-ekits-testimonial__rating {
    margin-bottom: 8px;
    font-size: 1.6rem;
    color: #f5b50a;
}
.star {
    display: inline-block;
}
.star.empty {
    color: #ccc;
}

/* .elementor-14094
    .elementor-element.elementor-element-cfc8d55
    .thim-ekits-testimonial__client-content {
    margin: 32px 0px 24px 0px;
}

.elementor-14094 .elementor-element.elementor-element-cfc8d55 .thim-ekits-testimonial__quote-icon {
    left: 50%;
    transform: translate(-50%, 0);
    display: none;
} */

/* ===== Avatars: Initiales en cercle ===== */
.thim-ekits-testimonial__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.thim-ekits-testimonial__avatar-initials {
    /* Taille par défaut : ajustable via variables */
    /* --thim-avatar-size: 64px;
    --thim-avatar-font-size: 22px; */

    width: var(--thim-avatar-size);
    height: var(--thim-avatar-size);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1; /* garantit un cercle parfait */

    font-weight: 600;
    font-size: var(--thim-avatar-font-size);
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.02em;

    /* Couleurs (override possibles via Elementor > CSS personnalisé) */
    background: var(--thim-avatar-bg, #eef3f8);
    color: var(--thim-avatar-fg, #223);
    border: 4px solid var(--thim-body-bg-color, #fff);

    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Harmonise l’espacement avec la version image */
.thim-ekits-testimonial__avatar .thim-ekits-testimonial__image,
.thim-ekits-testimonial__avatar .thim-ekits-testimonial__avatar-initials {
    margin: 0 auto;
}

/* ===== État actif (slide actif) : border à la couleur du thème ===== */
/* Thumbs (galerie du haut/bas) */
.thim-ekits-testimonial__avatars .swiper-slide-active .thim-ekits-testimonial__avatar-initials,
/* Slide contenu (layout "default") */
.thim-ekits-testimonial__content .swiper-slide-active .thim-ekits-testimonial__avatar-initials {
    /* Utilise d'abord la variable globale Elementor si présente */
    border-color: var(--e-global-color-primary, currentColor);
    /* Optionnel : léger halo pour mieux ressortir */
    /* box-shadow: 0 0 0 3px
        color-mix(in srgb, var(--e-global-color-primary, #2ec4b6) 10%, transparent); */
    transform: translateZ(0); /* anti-bug rendu */
    z-index: 1;
    scale: 1.08;
}

/* Si tu veux que l’avatar "image" reçoive aussi le halo/bord en actif
   (cohérence visuelle avec les initiales) */
/* .thim-ekits-testimonial__avatars .swiper-slide-active .thim-ekits-testimonial__image,
.thim-ekits-testimonial__content .swiper-slide-active .thim-ekits-testimonial__image {
    outline: 2px solid var(--e-global-color-primary, currentColor);
    outline-offset: 2px;
    border-radius: 50%; /* suppose que ton contrôle "border radius" est circulaire
} */

/* ===== Réglages responsive faciles via variables ===== */
/* @media (min-width: 768px) {
    .thim-ekits-testimonial__avatar-initials {
        --thim-avatar-size: 72px;
        --thim-avatar-font-size: 24px;
    }
}
@media (min-width: 1024px) {
    .thim-ekits-testimonial__avatar-initials {
        --thim-avatar-size: 80px;
        --thim-avatar-font-size: 26px;
    }
} */