/* 
 * DOCUMENTATION JP — CSS RÉORGANISÉ
 * ----------------------------------------------------------
 * Fichier : assets/css/jp-temoignages.css
 * Rôle : Section Témoignages.
 *
 * Lecture conseillée :
 * 1. fondations et structure du composant ;
 * 2. éléments internes et états ;
 * 3. adaptations responsive et compatibilité.
 *
 * IMPORTANT : l'ordre de cascade est volontairement préservé lorsqu'un déplacement
 * pourrait modifier le rendu. Les doublons retirés sont uniquement ceux dont une
 * déclaration strictement identique existe plus loin dans le même contexte CSS.
  */

/* * FICHIER CSS RÉORGANISÉ
 * Fichier : assets/css/jp-temoignages.css
 * Rôle : Styles du composant ou du module indiqué par le nom du fichier.
 *
 * Organisation :
 * 1. Styles de base du module
 * 2. États et interactions
 * 3. Adaptations responsives, dans l’ordre du fichier d’origine
 *
 * Maintenance : l’ordre des règles est conservé afin de respecter la cascade CSS.
 * Les doublons strictement identiques dans un même bloc ont été supprimés. */

/* *
 * jp-temoignages.css
 * Rôle : Module Témoignages.
 *
 * Organisation du fichier :
 * 1. Variables et fondations éventuelles
 * 2. Structure principale du composant
 * 3. États, variantes et interactions
 * 4. Adaptations responsives
 *
 * Les doublons strictement identiques ont été supprimés. Les surcharges
 * volontaires et les fallbacks compatibles ont été conservés pour ne pas
 * modifier le rendu ou le comportement existant. */

/* =========================================================
   TÉMOIGNAGES
   ========================================================= */

/* Coque du carrousel de témoignages avec flèches */

.jp-testimonials-shell {
        position: relative;
        padding: 0 34px;
}

/* Fenêtre visible du carrousel de témoignages */

.jp-testimonials-scroll {
        width: 100%;
        overflow: hidden;
        padding-bottom: 0;
}

/* Piste horizontale des colonnes de témoignages */

.jp-testimonials-track {
        display: flex;
        gap: 18px;
        transition: transform 1.2s ease;
        will-change: transform;
}

/* Colonne contenant deux témoignages */

.jp-testimonial-column {
        min-width: 100%;
        display: grid;
        grid-template-rows: 1fr 1fr;
        gap: 16px;
}

/* Carte individuelle de témoignage */

.jp-testimonial {
        position: relative;
        display: grid;
        grid-template-columns: 115px 1fr;
        gap: 18px;
        align-items: center;
        background: #fff;
        border-radius: 18px;
        padding: 14px;
        box-shadow: 0 10px 28px rgba(0,0,0,.08);
}

/* Photo du témoin */

.jp-testimonial-photo {
        width: 115px;
        height: 115px;
        border-radius: 18px;
        object-fit: cover;
        display: block;
        margin: auto;
        box-shadow: 0 12px 26px rgba(16,35,63,.18);
}

/* Zone texte du témoignage */

.jp-testimonial-content {
        position: relative;
        min-width: 0;
        padding-left: 4px;
}

/* Grand guillemet décoratif */

.jp-testimonial-quote {
        color: var(--jp-main);
        font-size: 60px;
        line-height: .8;
        font-weight: 700;
        margin-bottom: 12px;
        opacity: .85;
}

/* Texte du témoignage */

.jp-testimonial-text, .jp-testimonial p {
        font-family: "Poppins",sans-serif;
        font-size: 14px;
        line-height: 1.8;
        font-weight: 300;
        color: #475569;
}

/* Nom et fonction du témoin */

.jp-author-line {
        margin-top: 14px;
        font-size: 12px;
        font-weight: 700;
        color: var(--jp-dark);
        line-height: 1.3;
}

/* Flèches du carrousel de témoignages */

.jp-testimonial-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: auto;
        height: 46px;
        border-radius: 50%;
        border: none;
        background: none;
        color: var(--jp-main);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 48px;
        font-weight: 300;
        line-height: 1;
        cursor: pointer;
        z-index: 5;
        padding: 0;
        box-shadow: none;
}

/*  CIBLE — Composant : .jp-testimonial-arrow-left  */

.jp-testimonial-arrow-left {
        left: 8px;
}

/*  CIBLE — Composant : .jp-testimonial-arrow-right  */

.jp-testimonial-arrow-right {
        right: 8px;
}

/*  CIBLE — État interactif : .jp-testimonial-arrow, .jp-testimonial-arrow:hover, .jp-testimonial-arrow:focus, .jp-testimonial-arrow…  */

.jp-testimonial-arrow, .jp-testimonial-arrow:hover, .jp-testimonial-arrow:focus, .jp-testimonial-arrow:active, .jp-testimonial-arrow:visited {
        background: none !important;
        color: var(--jp-main) !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
}

/*  CIBLE — État interactif : .jp-testimonial-arrow:hover  */

.jp-testimonial-arrow:hover {
        color: var(--jp-dark);
}