/**
 * Wobi v2 - finitions.
 *
 * Corrections d'affichage relevees a l'audit : annotations manuscrites qui
 * mordaient sur les titres, fleches du carrousel posees sur le texte,
 * pastilles d'icone des cartes services illisibles.
 *
 * Charge apres wobi-v2-sections.css et wobi-v2-sections-2.css.
 */

/* ---------- 1. Annotation manuscrite du bloc agence ---------- */

/*
 * L'annotation etait en position absolue sans repere : son bloc parent
 * n'etait pas positionne, elle se calait donc sur un ancetre lointain et
 * retombait sur le titre. La colonne de texte devient son repere.
 */
body.home .v2-agence__col {
	position: relative;
}

/*
 * Elle se place a droite de la surtitre « Qui sommes-nous ? », qui est
 * courte : la place y est libre a toutes les largeurs.
 */
body.home .v2-agence__hand {
	right: 0;
	top: 0;
	max-width: 42%;
}

/* Sous 1200 px la colonne se resserre : l'annotation repasse dans le flux. */
@media (max-width: 1200px) {
	body.home .v2-agence__hand {
		position: static !important;
		max-width: none;
		margin: 8px 0 0;
		transform: rotate(-3deg);
		text-align: left;
	}
}

/* ---------- 2. Annotation manuscrite du hero ---------- */

/*
 * Le decalage negatif fixe sortait du gabarit des que la gouttiere se
 * resserrait, et l'annotation passait sur la photo. Il suit maintenant la
 * largeur disponible.
 */
body.home .v2-hero__hand {
	left: clamp(-70px, -4vw, -12px);
	bottom: 52px;
	max-width: 30%;
}

@media (max-width: 1280px) {
	body.home .v2-hero__hand {
		left: auto;
		right: 12px;
		bottom: 12px;
		max-width: 42%;
		text-align: right;
	}
	/* Sur la photo, le texte orange a besoin d'un fond pour rester lisible. */
	body.home .v2-hero__hand .elementor-widget-heading {
		background: rgba(255, 255, 255, .88);
		border-radius: 8px;
		padding: 1px 8px;
	}
}

@media (max-width: 1024px) {
	body.home .v2-hero__hand {
		display: none;
	}
}

/* ---------- 3. Pastilles d'icone des cartes services ---------- */

/*
 * L'icone n'avait pas de couleur de remplissage explicite au repos : elle
 * heritait une teinte claire sur fond blanc et paraissait vide.
 */
body.home .v2-svc__icone .elementor-icon svg {
	fill: var(--v2-ink) !important;
	width: 17px !important;
	height: 17px !important;
}

body.home .v2-svc:hover .v2-svc__icone .elementor-icon svg {
	fill: #fff !important;
}

/* ---------- 4. Fleches du carrousel de temoignages ---------- */

/*
 * Le style ElementsKit « arrow_inside » posait les fleches au milieu de la
 * carte, sur la fin du texte. Elles descendent sous l'avis, la carte
 * reservant la hauteur necessaire.
 */
body.home .v2-testi .elementskit-testimonial-slider {
	position: relative;
	padding-bottom: 86px !important;
}

body.home .v2-testi [class*="swiper-button"] {
	top: auto !important;
	bottom: 24px !important;
	margin: 0 !important;
	transform: none !important;
}

body.home .v2-testi .swiper-button-prev {
	left: auto !important;
	right: 88px !important;
}

body.home .v2-testi .swiper-button-next {
	left: auto !important;
	right: 32px !important;
}

body.home .v2-testi .swiper-pagination {
	position: absolute !important;
	bottom: 38px !important;
	left: 36px !important;
	width: auto !important;
	text-align: left !important;
}

@media (max-width: 767px) {
	body.home .v2-testi .elementskit-testimonial-slider {
		padding-bottom: 104px !important;
	}
	body.home .v2-testi .swiper-pagination {
		left: 50% !important;
		transform: translateX(-50%) !important;
		bottom: 66px !important;
	}
	body.home .v2-testi .swiper-button-prev {
		right: auto !important;
		left: calc(50% - 52px) !important;
	}
	body.home .v2-testi .swiper-button-next {
		right: auto !important;
		left: calc(50% + 8px) !important;
	}
}

/* ---------- 5. Carte des engagements de l'accueil ---------- */

/*
 * Remplace l'ancien bloc de chiffres restes en "X" : la synthese des
 * engagements de la page Services, qui n'attend aucun chiffre a valider.
 */
body.home .v2-impcard__liste .elementor-icon-list-item {
	align-items: flex-start;
}

body.home .v2-impcard__liste .elementor-icon-list-icon {
	background: var(--v2-orange);
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: grid;
	place-items: center;
	flex: 0 0 20px;
	margin-top: 3px;
}

body.home .v2-impcard__liste .elementor-icon-list-icon svg {
	fill: #fff !important;
	width: 9px !important;
	height: 9px !important;
}

body.home .v2-impcard__liste .elementor-icon-list-text {
	font-size: 14.5px;
	line-height: 1.55;
	font-weight: 500;
	color: var(--v2-text) !important;
}

/* Lien discret : l'accueil renvoie vers la methode detaillee. */
body.home .v2-btn--lien .elementor-button {
	background: transparent !important;
	padding: 0 !important;
	color: var(--v2-orange-dark) !important;
	font-size: 14px;
	font-weight: 600;
	box-shadow: none !important;
}

body.home .v2-btn--lien .elementor-button:hover {
	color: var(--v2-ink) !important;
}

body.home .v2-btn--lien .elementor-button-icon svg {
	width: 12px;
	height: 12px;
	fill: currentColor !important;
}

/* ---------- 6. Temoignages signes ---------- */

/*
 * Les trois temoignages n'ont pas de photo d'auteur : l'avatar generique a
 * ete retire. ElementsKit laisse alors un bloc d'entete vide, qu'on replie,
 * et un guillemet prend le relais comme repere visuel.
 */
body .v2-testi .elementskit-commentor-header:empty,
body .wobi-testi .elementskit-commentor-header:empty {
	display: none;
}

body .v2-testi .elementskit-commentor-content,
body .wobi-testi .elementskit-commentor-content {
	position: relative;
	padding-top: 10px;
}

body .v2-testi .elementskit-commentor-content::before,
body .wobi-testi .elementskit-commentor-content::before {
	content: '“';
	display: block;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 64px;
	line-height: .6;
	color: var(--v2-orange);
	margin-bottom: 10px;
}

/* Le nom et la fonction restent lisibles sans photo. */
body .v2-testi .elementskit-commentor-bio,
body .wobi-testi .elementskit-commentor-bio {
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid var(--v2-line);
}

body .v2-testi .elementskit-author-name,
body .wobi-testi .elementskit-author-name {
	display: block;
}

/* ---------- 7. Lien vers la page Temoignages ---------- */

/*
 * La section temoignages de l'accueil ne renvoyait nulle part : les trois
 * textes integraux sont sur la page dediee.
 */
body.home .v2-testi__btn {
	margin-top: 10px;
}

/* Sur mobile la colonne se centre : le bouton suit. */
@media (max-width: 767px) {
	body.home .v2-testi__btn .elementor-button {
		width: 100%;
		justify-content: center;
	}
}