/**
 * Plug&Sign — Pages intérieures (services, tarifs, blog, etc.)
 */

/* Typo titres — contenu principal uniquement (pas header / footer TB) */
body.page:not(.home) #page-container #et-boc .et-l--post .et_pb_text h1,
body.single #page-container #et-boc .et-l--post .et_pb_text h1 {
	font-weight: 800 !important;
	letter-spacing: -0.02em;
	line-height: 1.15 !important;
	color: var(--ps-text) !important;
}

body.page:not(.home) #page-container #et-boc .et-l--post .et_pb_bg_layout_light .et_pb_text h2,
body.single #page-container #et-boc .et-l--post .et_pb_bg_layout_light .et_pb_text h2 {
	font-weight: 700 !important;
	letter-spacing: -0.015em;
	color: var(--ps-text) !important;
}

body.page:not(.home) #page-container #et-boc .et-l--post .et_pb_text p,
body.single #page-container #et-boc .et-l--post .et_pb_text p {
	color: var(--ps-text-muted);
	line-height: var(--ps-line-height);
}

/* Espacement contenu principal */
body.page:not(.home) #page-container #et-boc .et-l--post .et_pb_section.et_section_regular,
body.single #page-container #et-boc .et-l--post .et_pb_section.et_section_regular {
	padding-top: 3.5rem !important;
	padding-bottom: 3.5rem !important;
}

/* Première section souvent hero serré */
body.page:not(.home) #page-container #et-boc .et-l--post .et_pb_section.et_pb_section_0.et_section_regular,
body.page:not(.home) #page-container #et-boc .et-l--post .et_pb_section.et_pb_section_1.et_section_regular {
	padding-top: 2.5rem !important;
}

/* -------------------------------------------------------------------------
   Tarifs & pages intérieures — bandes section (dégradé bleu legacy → orange clair)
   ------------------------------------------------------------------------- */

body.page:not(.home) #page-container #et-boc .et-l--post .et_pb_section.et_pb_section_1.et_section_regular {
	background-image: none !important;
	background-color: var(--ps-primary-light) !important;
}

/* Titres blurb (ex. tarifs — et_pb_blurb_0, et_pb_blurb_1) */
body.page:not(.home) #page-container #et-boc .et-l--post .et_pb_blurb .et_pb_module_header,
body.page:not(.home) #page-container #et-boc .et-l--post .et_pb_blurb .et_pb_module_header a {
	color: var(--ps-primary) !important;
}

/* -------------------------------------------------------------------------
   Tarifs — switcher mensuel / annuel
   ------------------------------------------------------------------------- */

.yearly-button.et_pb_button,
.monthly-button.et_pb_button {
	border-radius: var(--ps-radius-pill) !important;
	font-weight: 600 !important;
	background-image: none !important;
	background-color: var(--ps-bg-alt) !important;
	border: 1px solid var(--ps-border) !important;
	color: var(--ps-text-muted) !important;
	box-shadow: none !important;
}

.molti-active-switch-button.yearly-button.et_pb_button,
.molti-active-switch-button.monthly-button.et_pb_button {
	background-color: var(--ps-primary) !important;
	border-color: var(--ps-primary) !important;
	color: #fff !important;
}

.yearly-button.et_pb_button:hover,
.monthly-button.et_pb_button:hover {
	background-color: var(--ps-primary-light) !important;
	border-color: rgba(232, 93, 43, 0.3) !important;
	color: var(--ps-primary) !important;
}

.molti-active-switch-button.yearly-button.et_pb_button:hover,
.molti-active-switch-button.monthly-button.et_pb_button:hover {
	background-color: var(--ps-primary-hover) !important;
	border-color: var(--ps-primary-hover) !important;
	color: #fff !important;
}

/* Cartes tarifs (CTA promo) */
.monthly-pricing.et_pb_promo,
.yearly-pricing.et_pb_promo {
	border: 1px solid var(--ps-border) !important;
	border-radius: var(--ps-radius-lg) !important;
	box-shadow: var(--ps-shadow-sm) !important;
	overflow: hidden;
	transition: box-shadow var(--ps-transition), transform var(--ps-transition), border-color var(--ps-transition);
}

.monthly-pricing.et_pb_promo:hover,
.yearly-pricing.et_pb_promo:hover {
	box-shadow: var(--ps-shadow-md) !important;
	border-color: rgba(232, 93, 43, 0.2) !important;
	transform: translateY(-2px);
}

/* Page tarifs — rangée « Des services en plus » (5 cartes CTA) */
.faq-section-contact-page .et_pb_row_5col {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--ps-space-md);
	width: 100% !important;
	max-width: 75rem !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--ps-space-md) !important;
	padding-right: var(--ps-space-md) !important;
}

.faq-section-contact-page .et_pb_row_5col > .et_pb_column {
	width: auto !important;
	flex: 1 1 11rem;
	max-width: calc(20% - var(--ps-space-md));
	min-width: 11rem;
	margin: 0 !important;
	padding: 0 !important;
}

.faq-section-contact-page .monthly-pricing.et_pb_promo,
.faq-section-contact-page .yearly-pricing.et_pb_promo,
.faq-section-contact-page .contactFormCTA.et_pb_promo {
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding: var(--ps-space-md) var(--ps-space-sm) !important;
	background-color: #fff !important;
	border: 1px solid var(--ps-border) !important;
	border-radius: var(--ps-radius-lg) !important;
	box-shadow: var(--ps-shadow-sm) !important;
	box-sizing: border-box;
	transition: box-shadow var(--ps-transition), transform var(--ps-transition), border-color var(--ps-transition);
}

.faq-section-contact-page .monthly-pricing.et_pb_promo:hover,
.faq-section-contact-page .yearly-pricing.et_pb_promo:hover,
.faq-section-contact-page .contactFormCTA.et_pb_promo:hover {
	box-shadow: var(--ps-shadow-md) !important;
	border-color: rgba(232, 93, 43, 0.2) !important;
	transform: translateY(-2px);
}

.faq-section-contact-page .et_pb_promo .et_pb_promo_description {
	padding: 0 0 var(--ps-space-sm) !important;
}

.faq-section-contact-page .et_pb_promo .et_pb_module_header {
	font-size: 0.8125rem !important;
	line-height: 1.35 !important;
	letter-spacing: 0.04em;
}

.faq-section-contact-page .et_pb_promo .et_pb_button_wrapper {
	padding-top: var(--ps-space-xs);
}

@media (max-width: 980px) {
	.faq-section-contact-page .et_pb_row_5col > .et_pb_column {
		flex: 1 1 calc(50% - var(--ps-space-md));
		max-width: calc(50% - var(--ps-space-md));
		min-width: 10rem;
	}
}

@media (max-width: 600px) {
	.faq-section-contact-page .et_pb_row_5col > .et_pb_column {
		flex: 1 1 100%;
		max-width: 20rem;
	}
}

/* Page tarifs — pictos info help_tooltip (#section_faq) */
#section_faq .help_tooltip.et_pb_blurb,
#section_faq .et_pb_blurb.help_tooltip {
	position: relative !important;
	background-color: var(--ps-primary) !important;
}

#section_faq .help_tooltip .et-pb-icon {
	color: #fff !important;
}

#section_faq .help_tooltip.et_pb_blurb::after {
	background: var(--ps-primary) !important;
	color: #fff !important;
}

@media only screen and (min-width: 981px) {
	#section_faq .help_tooltip.et_pb_blurb::before {
		border-color: transparent var(--ps-primary) transparent transparent !important;
	}
}

@media only screen and (max-width: 980px) {
	#section_faq .help_tooltip.et_pb_blurb::before {
		border-color: transparent transparent transparent var(--ps-primary) !important;
	}
}

/* Tables pricing Divi */
.et_pb_pricing_table {
	border: 1px solid var(--ps-border) !important;
	border-radius: var(--ps-radius-lg) !important;
	box-shadow: var(--ps-shadow-sm) !important;
	overflow: hidden;
}

.et_pb_pricing_heading {
	background-color: var(--ps-dark) !important;
	background-image: none !important;
}

.et_pb_featured_table .et_pb_pricing_heading {
	background-color: var(--ps-primary) !important;
}

/* -------------------------------------------------------------------------
   Page À propos — bandeau recrutement (row 4, section 8)
   ------------------------------------------------------------------------- */

body.page-id-461 .et-l--post .et_pb_section_8 .et_pb_row_4 {
	background-color: var(--ps-primary) !important;
	box-shadow: 0 33px 44px 0 rgba(232, 93, 43, 0.53) !important;
}

body.page-id-461 .et-l--post .et_pb_section_8 .et_pb_row_4 .et_pb_text h1,
body.page-id-461 .et-l--post .et_pb_section_8 .et_pb_row_4 .et_pb_text h2,
body.page-id-461 .et-l--post .et_pb_section_8 .et_pb_row_4 .et_pb_text h3,
body.page-id-461 .et-l--post .et_pb_section_8 .et_pb_row_4 .et_pb_text h4,
body.page-id-461 .et-l--post .et_pb_section_8 .et_pb_row_4 .et_pb_text h5,
body.page-id-461 .et-l--post .et_pb_section_8 .et_pb_row_4 .et_pb_text p,
body.page-id-461 .et-l--post .et_pb_section_8 .et_pb_row_4 .et_pb_text span,
body.page-id-461 .et-l--post .et_pb_section_8 .et_pb_row_4 .et_pb_blurb .et_pb_module_header,
body.page-id-461 .et-l--post .et_pb_section_8 .et_pb_row_4 .et_pb_blurb .et_pb_module_header a,
body.page-id-461 .et-l--post .et_pb_section_8 .et_pb_row_4 .et_pb_blurb .et_pb_blurb_description,
body.page-id-461 .et-l--post .et_pb_section_8 .et_pb_row_4 .et_pb_text a:not(.et_pb_button) {
	color: #fff !important;
}

body.page-id-461 .et-l--post .et_pb_section_8 .et_pb_row_4 .et_pb_text span[style*="color"] {
	color: #fff !important;
}

body.page-id-461 .et-l--post .et_pb_section_8 .et_pb_row_4 .et_pb_text a:not(.et_pb_button):hover {
	color: rgba(255, 255, 255, 0.85) !important;
}

/* -------------------------------------------------------------------------
   Page carrières (459) — cartes benefits, ombre hover bleue (CSS custom Divi)
   ------------------------------------------------------------------------- */

body.page-id-459 .et_pb_section_1 .et_pb_blurb_0:hover,
body.page-id-459 .et_pb_section_1 .et_pb_blurb_1:hover,
body.page-id-459 .et_pb_section_1 .et_pb_blurb_2:hover,
body.page-id-459 .et_pb_section_1 .et_pb_blurb_3:hover,
body.page-id-459 .et_pb_section_1 .et_pb_blurb_4:hover {
	box-shadow: var(--ps-shadow-card-hover) !important;
}

/* -------------------------------------------------------------------------
   Cartes services (classes Molti)
   ------------------------------------------------------------------------- */

.service-card .et_pb_blurb_content,
.service-card-2 .et_pb_blurb_content,
.molti-column .et_pb_blurb_content {
	background-color: #fff !important;
}

/* Bandeau eIDAS (classe opt-in) */

.ps-badge-eidas,
.et_pb_section.ps-badge-eidas {
	background-color: var(--ps-success-light) !important;
	border-left: 4px solid var(--ps-success) !important;
}