/*
 * Overrides landings location (VAE, mécanique, hub, etc.).
 * Sélecteurs = classes Breakdance settings.advanced.classes (pbt-landing-*),
 * pas les IDs générés bde-*-{postId}-{nodeId} (instables entre environnements).
 */

/* Hero : fil d'Ariane Rank Math ([rank_math_breadcrumb] via Shortcode) */
.breakdance .pbt-landing-breadcrumb .rank-math-breadcrumb,
.breakdance .pbt-landing-breadcrumb .rank-math-breadcrumb p {
	margin: 0;
	color: inherit;
}

.breakdance .pbt-landing-breadcrumb a {
	color: inherit;
	text-decoration: none;
}

.breakdance .pbt-landing-breadcrumb a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.breakdance .pbt-landing-breadcrumb .separator,
.breakdance .pbt-landing-breadcrumb .last {
	color: inherit;
}

/*
 * Réassurance : grille 2×2 + 5ᵉ pastille centrée.
 * Breakdance empile les 5 colonnes dès phone_landscape — on rétablit
 * icône au-dessus du texte, 2 colonnes, dernière tuile centrée.
 */
@media (max-width: 767px) {
	.breakdance .pbt-landing-trust .section-container {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.breakdance .pbt-landing-trust .bde-columns {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
		column-gap: 1.6rem;
		row-gap: 2.8rem;
	}

	.breakdance .pbt-landing-trust .bde-columns > .bde-column {
		flex: 0 1 calc((100% - 1.6rem) / 2);
		width: calc((100% - 1.6rem) / 2);
		max-width: calc((100% - 1.6rem) / 2);
		align-items: center;
		text-align: center;
	}

	.breakdance .pbt-landing-trust .bde-icon-box {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 1.2rem;
		padding: 0;
		height: 100%;
	}

	.breakdance .pbt-landing-trust .ee-iconbox-content,
	.breakdance .pbt-landing-trust .ee-iconbox-title {
		text-align: center;
		margin: 0;
	}

	.breakdance .pbt-landing-trust .ee-iconbox-title {
		font-size: 1.4rem;
		line-height: 1.3;
	}

	.breakdance .pbt-landing-trust .ee-iconbox-icon.breakdance-icon-atom {
		flex-shrink: 0;
	}

	.breakdance .pbt-landing-trust .bde-columns > .bde-column:nth-child(3) .ee-iconbox-title {
		word-break: keep-all;
	}
}

/* Carte « Réservez en 3 clics » — pastilles numérotées */
.breakdance .pbt-landing-booking-step-num {
	flex-shrink: 0;
	min-width: 3.2rem;
}

.breakdance .pbt-landing-booking-phone {
	text-decoration: none;
}

.breakdance .pbt-landing-booking-phone:hover {
	text-decoration: underline;
}

@media (max-width: 479px) {
	.breakdance .pbt-landing-booking-card.bde-div {
		padding: 2.4rem;
	}
}

/* Accessoires : conserver les gouttières horizontales de section */
.breakdance .pbt-landing-accessoires .section-container {
	padding-left: var(--bde-section-horizontal-padding);
	padding-right: var(--bde-section-horizontal-padding);
}

/* FAQ */
.breakdance .pbt-landing-faq .section-container {
	padding-left: var(--bde-section-horizontal-padding);
	padding-right: var(--bde-section-horizontal-padding);
}

.breakdance .pbt-landing-faq .bde-accordion--bordered-bottom {
	border-top: 1px solid #eeeeee;
}

.breakdance .pbt-landing-faq .bde-accordion__title-tag {
	margin: 0;
}

.breakdance .pbt-landing-faq .bde-accordion__icon {
	width: 3.6rem !important;
	height: 3.6rem !important;
	border-radius: 50%;
	background-color: #f4f6e8 !important;
	mask-image: none !important;
	-webkit-mask-image: none !important;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
}

.breakdance .pbt-landing-faq .bde-accordion__icon::after {
	content: "";
	width: 1.4rem;
	height: 1.4rem;
	background-color: #adc640;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center;
	mask-size: contain;
	-webkit-mask-size: contain;
}

.breakdance .pbt-landing-faq .bde-accordion__icon--default::after {
	mask-image: var(--bde-accordion-icon-default);
	-webkit-mask-image: var(--bde-accordion-icon-default);
}

.breakdance .pbt-landing-faq .bde-accordion__icon--active::after {
	mask-image: var(--bde-accordion-icon-active);
	-webkit-mask-image: var(--bde-accordion-icon-active);
}

/* Encadré info / renvoi */
.breakdance .pbt-landing-callout a {
	color: #adc640;
	font-weight: 700;
	text-decoration: none !important;
}

.breakdance .pbt-landing-callout a:hover {
	text-decoration: underline;
}

/*
 * Sections contenu étroit : 75 % du boxed en desktop / tablette paysage.
 * Tablet portrait (≤1023px) : contained = 100 % du boxed.
 */
@media (min-width: 1024px) {
	.breakdance .pbt-landing-narrow .section-container {
		max-width: calc(var(--bde-section-width) * 0.75);
	}
}
