/* ==========================================================================
   Pages Prestations (Naturopathie, Massages, Entreprises et professionnels) : gabarit du second agent.
   Chargé après style.css. Générateur : /root/build/prestation.php.
   ========================================================================== */

/* Pictos de liste : picto blanc posé dans un rond orange de 66 px (52 px en mobile). */
.pb-picto-rond img {
	box-sizing: border-box;
	aspect-ratio: 1;
	padding: 13px;
	border-radius: 50%;
	background: var(--cc-orange);
	object-fit: contain;
}

@media (max-width: 767px) {
	.pb-picto-rond img {
		padding: 10px;
	}
}

/* Pictos animaliers retournés comme dans la maquette. */
.pb-miroir img {
	transform: scaleX(-1);
}

/* Hero : la photo porte l'anneau à cheval sur son bord gauche. */
.pb-hero-photo.e-con {
	position: relative;
}

/* Bloc d'intro : la branche décorative reste sous le texte. */
.pb-intro-bloc > .pb-intro-gauche,
.pb-intro-bloc > .pb-intro-pictos {
	z-index: 1;
}

/* Liste à puces : texte au rythme de la maquette (pas de rognage, interligne du Paragraphe). */
.pb-puces .elementor-icon-list-icon {
	align-self: flex-start;
}

/* Étapes numérotées : badge de 38 x 40 sur le coin haut gauche de la carte. */
.pb-etape.e-con {
	position: relative;
}

.pb-etape-num.elementor-widget {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
}

/* Citation : guillemets décoratifs derrière le texte. */
.pb-citation.e-con {
	position: relative;
}

.pb-citation > .elementor-widget-heading {
	position: relative;
	z-index: 1;
}

.pb-guillemet {
	z-index: 0 !important;
}

/* Carte de la zone d'intervention : formes en % du cadre, cercle de zone autour de Valence. */
.pb-carte-zone.e-con {
	position: relative;
}

.pb-carte-zone .pb-zone-forme img {
	display: block;
	width: 100%;
	height: auto;
}

.pb-carte-zone .pb-carte-cercle.e-con {
	z-index: 1;
	box-sizing: border-box;
	aspect-ratio: 207.4 / 208.9;
	height: auto;
	min-height: 0;
	border: 7.8px solid #FFE14D;
	border-radius: 50%;
	background: color-mix(in srgb, var(--cc-creme) 75%, transparent);
}

.pb-carte-zone .pb-zone-pin {
	z-index: 2;
}

@media (max-width: 767px) {
	.pb-carte-zone .pb-carte-cercle.e-con {
		border-width: 6px;
	}
}

/* --------------------------------------------------------------------------
   Tablette : rangées côte à côte en paysage (900-1024 px, réglages tablette d'Elementor), empilées en portrait.
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 899px) {
	.pb-rangee-900.e-con {
		--flex-direction: column !important;
		--align-items: stretch !important;
	}
	.pb-rangee-900.e-con > .e-con:not(.pb-carte-zone) {
		--width: 100% !important;
	}
	.pb-rangee-900 .pb-tp-photo img,
	.pb-rangee-900 .pb-hero-photo img {
		height: 420px !important;
	}
	.pb-intro-bloc .pb-intro-feuille {
		display: none;
	}
}

/* Adresse (variable Logia sur deux lignes) : picto aligné sur le texte. */
.pb-adresse .elementor-icon-list-text {
	line-height: 1.3;
}

/* Pictos ronds aux couleurs de chaque page Massages. */
.pb-picto-rond--vert img {
	background: var(--cc-vert);
}

.pb-picto-rond--sauge img {
	background: var(--cc-sauge);
}

/* Bandeau fidélité : montants en ExtraBold, « 5e » en exposant. */
.pb-fidelite-offre strong {
	font-weight: 800;
}

.pb-fidelite-offre sup {
	font-size: .65em;
	line-height: 0;
}

/* Cartes « autres approches » : bouton en bas de carte. */
.pb-autres-massages .pb-carte-massage > .e-con:last-child {
	margin-top: auto;
}

/* Puces rondes de couleur (icône du widget) : disque de 17 px centré dans une case de 25, aligné sur la 1re ligne. */
.pb-puces--rond .elementor-icon-list-icon {
	justify-content: center;
	width: 25px;
	padding-top: 4px;
}

.pb-puces--rond .elementor-icon-list-text strong {
	font-weight: 700;
}

/* Entreprises : pictos des bénéfices (rond orange de 47 px), galets de l'intro sous le texte. */
.pb-gains .pb-picto-rond img {
	padding: 9px;
}

.pb-intro-bloc > .pb-intro-galets {
	pointer-events: none;
}

/* Libellés des cartes de formats sur une ligne quand le contenu a sa pleine largeur de 1312 px. */
@media (min-width: 1352px) {
	.pb-carte-format .elementor-button {
		white-space: nowrap;
	}
}