/* EVJF Deauville, bord de mer 2.2.0 : raccords de la page « Avis ».
   Le widget Trustindex (cdn.trustindex.io, layout 79) reste intact dans le DOM : il est seulement habillé ici pour
   ressembler à la maquette (entête .note-bloc, cartes .avis-carte). Les sélecteurs portent body.evjf-bdm et
   .evjf-avis-widget pour passer devant la CSS du widget (qui use de !important). */

/* ---------- héros : fil d'Ariane lisible sur le fond clair (da.css le peint en blanc pour les héros pleins) ---------- */
body.evjf-bdm .evjf-hero--petit .evjf-fil{color:var(--gris)}
body.evjf-bdm .evjf-hero--petit .evjf-fil a{color:var(--marine)}
/* ---------- héros : h2 + deux paragraphes en deux colonnes, comme l'intro de la maquette (le h2 reste dans la première colonne) ---------- */
body.evjf-bdm .evjf-hero--petit .evjf-intro{max-width:820px; margin:56px auto 0; columns:2; column-gap:44px}
body.evjf-bdm .evjf-hero--petit .evjf-intro h2{margin:0 0 18px; font-size:clamp(34px,3.7vw,52px)}
body.evjf-bdm .evjf-hero--petit .evjf-intro p{break-inside:avoid; font-size:16px; margin:0 0 12px; max-width:none}
body.evjf-bdm .evjf-hero--petit > .evjf-doodle{--w:150px; --rail:clamp(-10px, calc(50% - 690px), 64px)}
@media (max-width:820px){ body.evjf-bdm .evjf-hero--petit .evjf-intro{columns:1; margin-top:32px} }

/* ---------- conteneur du widget ---------- */
body.evjf-bdm .evjf-avis-widget{margin-top:-8px}
body.evjf-bdm .evjf-avis-widget pre.ti-widget{all:unset; display:block; font:inherit; white-space:normal; overflow:visible; margin:0; padding:0; background:none; border:0; max-width:none; color:inherit}
body.evjf-bdm .evjf-avis-widget .ti-widget, body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-container, body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-container *{font-family:var(--sans) !important; box-sizing:border-box}
body.evjf-bdm .evjf-avis-widget .ti-widget{font-size:14.5px; line-height:1.6; color:var(--texte)}

/* ---------- entête (note, étoiles, nombre d'avis) → .note-bloc de la maquette ---------- */
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-header{display:inline-flex !important; flex-direction:row; align-items:center; width:auto; padding:20px 28px !important; margin:0 0 40px !important; border:1px solid var(--filet) !important; border-radius:4px !important; background:var(--lumineux) !important; backdrop-filter:none}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-header .ti-header-content{display:flex !important; flex-wrap:nowrap; align-items:center; gap:24px; padding:0 !important; margin:0 !important}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-header .ti-header-content .ti-header-rating-text:not(.ti-mobile){display:grid !important; grid-template-columns:auto auto; grid-template-rows:auto auto auto; column-gap:24px !important; gap:0 24px !important; align-items:center; font-weight:400}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-header .ti-header-content .ti-header-rating-text.ti-mobile{display:none !important}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-header .ti-header-rating{grid-column:1; grid-row:1 / span 3; font-family:var(--display) !important; font-weight:var(--dweight); font-stretch:var(--dstretch); font-size:58px !important; line-height:1 !important; color:var(--marine) !important; margin:0 24px 0 0 !important}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-header .ti-header-content .ti-stars{grid-column:2; grid-row:1; display:block !important; line-height:1 !important; margin:0 0 4px !important; height:auto}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-header .ti-rating-text{grid-column:2; grid-row:2; font-family:var(--display) !important; font-weight:var(--dweight); font-stretch:var(--dstretch); font-size:26px !important; line-height:1.1 !important; color:var(--marine) !important; margin:0 !important}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-header .ti-header-rating-reviews{grid-column:2; grid-row:3; font-size:12.5px !important; letter-spacing:.12em; text-transform:uppercase; color:var(--gris) !important; line-height:1.5 !important; margin:0 !important}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-header .ti-header-rating-reviews::before{content:none !important; display:none !important}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-header .ti-header-logo{order:2; height:auto !important; margin:0 !important; padding-left:22px; border-left:1px solid var(--filet2); display:block; align-self:center}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-header .ti-header-logo .ti-header-logo-img{display:none !important}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-header .ti-header-logo::after{content:"Google"; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--gris); white-space:nowrap; line-height:1.5}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-header .ti-header-write-btn-container, body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-header .ti-widget-header-tick{display:none !important}

/* ---------- étoiles marine (les images jaunes du widget sont masquées, la note reste lisible via data-rating) ---------- */
body.evjf-bdm .evjf-avis-widget .ti-widget img.ti-star{display:none !important}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-stars::before{content:"★★★★★"; color:var(--marine); letter-spacing:2px; font-size:14px; line-height:1}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-header .ti-stars::before{font-size:22px}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-review-item[data-rating^="4"] .ti-stars::before{content:"★★★★☆"}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-review-item[data-rating^="3"] .ti-stars::before{content:"★★★☆☆"}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-review-item[data-rating^="2"] .ti-stars::before{content:"★★☆☆☆"}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-review-item[data-rating^="1"] .ti-stars::before{content:"★☆☆☆☆"}

/* ---------- grille des avis ---------- */
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-reviews-container{margin:0 -12px !important}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-reviews-container-wrapper{margin:0 !important; padding:0 !important; overflow:visible}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-review-item{padding:12px !important; transition:none !important; transform:none !important}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-review-item:hover{transform:none !important}

/* ---------- carte : fond crème lumineux, filet, initiale, nom, date, étoiles marine, texte replié ---------- */
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-review-item > .ti-inner{background:var(--lumineux) !important; background-color:var(--lumineux) !important; border:1px solid var(--filet) !important; border-width:1px !important; border-radius:4px !important; padding:22px 22px 18px !important; box-shadow:none}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-review-header{display:flex !important; align-items:center; gap:12px; margin-bottom:12px}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-review-header .ti-platform-icon{display:none !important}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-review-header .ti-profile-img{width:42px; height:42px; flex:none; margin:0 !important; border-radius:50%; background:var(--poudre); color:var(--marine); font-family:var(--display) !important; font-size:20px; line-height:1; display:grid; place-items:center; overflow:hidden}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-review-header .ti-profile-img::before{content:attr(data-t)}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-review-header .ti-profile-img img, body.evjf-bdm .evjf-avis-widget .ti-widget .ti-review-header .ti-profile-img .ti-profile-img-sprite{display:none !important}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-review-header .ti-profile-details{white-space:normal; margin:0 !important}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-container .ti-name{font-weight:600 !important; font-size:14.5px !important; color:var(--marine) !important; line-height:1.2; white-space:normal; padding-right:0; overflow:visible}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-container .ti-name a{color:var(--marine) !important}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-container .ti-date{font-size:12px !important; color:var(--gris) !important}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-reviews-container-wrapper .ti-inner > .ti-stars{margin:0 0 8px !important; height:auto; line-height:1}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-review-content{padding:0}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-review-content .ti-inner{font-size:14.5px !important; line-height:1.6 !important; color:var(--texte) !important; max-height:calc(7 * 1.6em); -webkit-line-clamp:7}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-review-content strong{color:inherit !important}
/* « Lire la suite » du widget, dans le dessin du bouton .suite de la maquette */
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-read-more{padding:8px 0 0 !important}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-read-more::after{display:none !important; content:none !important}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-read-more span{font-size:11.5px !important; letter-spacing:.14em; text-transform:uppercase; font-weight:600 !important; color:var(--marine) !important; opacity:1 !important; border-bottom:1.5px solid rgba(31,58,84,.35)}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-read-more span:hover{border-bottom-color:var(--marine); text-decoration:none !important}
/* la maquette ne montre pas de mention de plateforme sous les cartes (.srcg y est vide) : l'icône répétée du widget est simplement masquée */

/* ---------- « Charger plus » du widget et bouton vers Google, dans le dessin des boutons de la maquette ---------- */
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-load-more-reviews-container{margin-top:24px}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-load-more-reviews-container .ti-load-more-reviews-button{display:inline-block !important; margin:0 !important; font-size:13px !important; letter-spacing:.1em; text-transform:uppercase; font-weight:600 !important; padding:14px 24px !important; border:1.5px solid var(--marine) !important; border-width:1.5px !important; border-color:var(--marine) !important; color:var(--lumineux) !important; background:var(--marine) !important; background-color:var(--marine) !important; border-radius:4px !important; line-height:1.35 !important; transition:none}
body.evjf-bdm .evjf-avis-widget .ti-widget .ti-load-more-reviews-container .ti-load-more-reviews-button:hover{background:var(--bleu) !important; background-color:var(--bleu) !important; border-color:var(--bleu) !important; color:var(--marine) !important}
body.evjf-bdm .evjf-avis-plus{text-align:center; margin-top:14px}
body.evjf-bdm .evjf-avis-plus .evjf-btn::before{content:attr(data-t)}

/* ---------- téléphone ---------- */
@media (max-width:600px){
  body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-header{display:flex !important; width:auto; padding:16px 18px !important; margin-bottom:26px !important}
  body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-header .ti-header-content{flex-wrap:nowrap; gap:16px}
  body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-header .ti-header-rating-text:not(.ti-mobile){column-gap:16px !important; gap:0 16px !important}
  body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-header .ti-header-rating{font-size:44px !important; margin-right:16px !important}
  body.evjf-bdm .evjf-avis-widget .ti-widget .ti-widget-header .ti-header-logo{border:0; padding:0 0 0 8px}
  body.evjf-bdm .evjf-avis-widget .ti-widget .ti-reviews-container{margin:0 !important}
  body.evjf-bdm .evjf-avis-widget .ti-widget .ti-review-item{padding:0 0 18px !important}
}