/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/project-advice-banner/style.css ***!
  \*****************************************************************************************************************************************************************************************/
/**
 * Bandeau question — barre navy (maquette).
 *
 * Structure plate : image, titre, texte, boutons.
 * Desktop : lead à gauche, boutons à droite (space-between).
 * Fond full-bleed via pseudo-élément, contenu aligné sur le shell du site.
 * Tokens theme.json uniquement (AD-16).
 */

.wp-block-techniconcept-project-advice-banner {
	/*
	 * Pastille plus large que le glyphe : air autour de l’icône
	 * (sinon clip avec overflow:hidden si taille = glyphe).
	 */
	--tc-advice-banner-icon-size: 4.5rem;
	--tc-advice-banner-icon-pad: 1rem;
	/* Même écart horizontal icône → copy (titre + texte) sur le layout flex. */
	--tc-advice-banner-gap-inline: 2rem;
	box-sizing: border-box;
	position: relative;
	isolation: isolate;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	/*
	 * flex-start (pas space-between) : sous 1024px le wrap ne doit pas
	 * écarter icône et titre aux extrémités (effet « tout au milieu »).
	 * Desktop : la grille ci-dessous repartit lead | boutons.
	 */
	justify-content: flex-start;
	gap: 1.25rem var(--tc-advice-banner-gap-inline);
	width: 100%;
	max-width: none;
	margin-inline: 0;
	/*
	 * Padding-block racine : moitié du rythme section via block-spacing.css
	 * (1.5 / 2 / 2.5 rem). Marges verticales : même fichier.
	 * Gutters horizontaux hors shell : tokens container (full/wide ci-dessous).
	 */
	padding-inline: var(--tc-container-pad-inline-start)
		var(--tc-container-pad-inline-end);
	color: var(--wp--preset--color--on-primary, #fff);
	/* Sans full : fond navy sur la largeur container. */
	background-color: var(--wp--preset--color--primary-dark, #002b4d);
}

/*
 * Fond plein bord (full/wide) ; sans align le fond reste sur le bloc (container).
 * Le container visuel reste aligné avec header/footer via les gutters.
 */
.wp-block-techniconcept-project-advice-banner:is(.alignfull, .alignwide)::before {
	content: '';
	position: absolute;
	inset-block: 0;
	left: calc(50% - 50vw);
	right: calc(50% - 50vw);
	background-color: var(--wp--preset--color--primary-dark, #002b4d);
	z-index: -1;
}

.wp-block-techniconcept-project-advice-banner:is(.alignfull, .alignwide),
.is-layout-constrained
	> .wp-block-techniconcept-project-advice-banner:is(.alignfull, .alignwide),
.has-global-padding
	> .wp-block-techniconcept-project-advice-banner:is(.alignfull, .alignwide) {
	/* Marges verticales : block-spacing.css (ne pas forcer 0 ici). */
	/* Le ::before peint le full bleed ; évite double couche opaque. */
	background-color: transparent;
}

/*
 * Shell pages : le parent fournit déjà les gutters — padding-inline à 0
 * même en alignfull, sinon le contenu part vers le milieu (double gutter).
 */
.techniconcept-site-main__content
	.wp-block-post-content
	> .wp-block-techniconcept-project-advice-banner,
.techniconcept-site-main__content
	> .wp-block-techniconcept-project-advice-banner {
	padding-inline: 0;
}

/* Shell wide : plus de wrap (la grille à 1024px remplace le flex). */
@media (min-width: 1024px) {
	.wp-block-techniconcept-project-advice-banner {
		flex-wrap: nowrap;
	}
}

/*
 * Téléphone (UX-DR17 <=767px) : une seule colonne
 * icône centrée, titre collé au texte, plus d’air avant / entre les boutons.
 */
@media (max-width: 767px) {
	.wp-block-techniconcept-project-advice-banner {
		flex-direction: column;
		align-items: center;
		flex-wrap: nowrap;
		/* Écarts pilotés par enfant (titre/texte serrés, boutons aérés). */
		gap: 0.5rem;
		text-align: center;
	}

	.wp-block-techniconcept-project-advice-banner .tc-advice-banner__icon,
	.wp-block-techniconcept-project-advice-banner
		.wp-block-techniconcept-image.tc-advice-banner__icon,
	.wp-block-techniconcept-project-advice-banner figure.tc-advice-banner__icon {
		flex: 0 0 auto;
		align-self: center;
		margin-inline: auto !important;
		/* Icône au-dessus du titre (stack mobile) : plus d’air. */
		margin-block-end: 1rem !important;
	}

	.wp-block-techniconcept-project-advice-banner
		.wp-block-techniconcept-title,
	.wp-block-techniconcept-project-advice-banner h1,
	.wp-block-techniconcept-project-advice-banner h2,
	.wp-block-techniconcept-project-advice-banner h3 {
		flex: 0 0 auto;
		width: 100%;
		max-width: none;
		margin-block: 0 !important;
		text-align: center;
	}

	/* Filet accent du titre : hors bandeau (crée un trou titre → texte). */
	.wp-block-techniconcept-project-advice-banner
		.wp-block-techniconcept-title.has-title-accent {
		gap: 0;
	}

	.wp-block-techniconcept-project-advice-banner
		.wp-block-techniconcept-title.has-title-accent::before {
		content: none;
		display: none;
	}

	.wp-block-techniconcept-project-advice-banner .wp-block-techniconcept-text,
	.wp-block-techniconcept-project-advice-banner > p {
		width: 100%;
		max-width: none;
		margin: 0 !important;
		margin-inline-start: 0 !important;
		text-align: center;
	}

	.wp-block-techniconcept-project-advice-banner > .tc-advice-banner__actions {
		width: 100%;
		flex-direction: column;
		align-items: stretch;
		justify-content: center;
		/* Plus d’espace texte → boutons et entre les deux CTA. */
		margin-block-start: 0.85rem !important;
		gap: 1rem;
	}

	.wp-block-techniconcept-project-advice-banner .tc-advice-banner__action {
		justify-content: center;
		width: 100%;
		box-sizing: border-box;
	}

	.wp-block-techniconcept-project-advice-banner
		.tc-advice-banner__btn
		.wp-block-button__link {
		justify-content: center;
		text-align: center;
		white-space: normal;
	}
}

/* Icône circulaire (descendants : wrappers sync / éditeur) */
.wp-block-techniconcept-project-advice-banner .tc-advice-banner__icon,
.wp-block-techniconcept-project-advice-banner
	.wp-block-techniconcept-image.tc-advice-banner__icon,
.wp-block-techniconcept-project-advice-banner figure.tc-advice-banner__icon {
	box-sizing: border-box;
	flex: 0 0 var(--tc-advice-banner-icon-size);
	width: var(--tc-advice-banner-icon-size);
	height: var(--tc-advice-banner-icon-size);
	margin: 0 !important;
	/* Padding = air autour du glyphe (visible en entier). */
	padding: var(--tc-advice-banner-icon-pad);
	border-radius: var(--wp--custom--radius--full, 9999px);
	background-color: var(--wp--preset--color--on-primary, #fff);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	order: 1;
}

.wp-block-techniconcept-project-advice-banner .tc-advice-banner__icon img,
.wp-block-techniconcept-project-advice-banner
	.wp-block-techniconcept-image.tc-advice-banner__icon
	img,
.wp-block-techniconcept-project-advice-banner figure.tc-advice-banner__icon img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	object-fit: contain;
	display: block;
}

/* Titre + texte groupés au centre-gauche (descendants : wrappers sync). */
.wp-block-techniconcept-project-advice-banner
	.wp-block-techniconcept-title,
.wp-block-techniconcept-project-advice-banner h1,
.wp-block-techniconcept-project-advice-banner h2,
.wp-block-techniconcept-project-advice-banner h3 {
	flex: 1 1 12rem;
	min-width: 0;
	max-width: 28rem;
	margin: 0 !important;
	/*
	 * Annule le padding atomique du bloc titre : sinon le glyphe part à droite
	 * du texte et le padding-haut crée une asymétrie verticale dans le bandeau.
	 */
	padding: 0 !important;
	order: 2;
	color: inherit;
	font-family: var(
		--wp--preset--font-family--suisse-intl,
		SuisseIntl,
		Arial,
		Helvetica,
		sans-serif
	);
	font-size: var(--wp--preset--font-size--headline, 1.6875rem);
	font-weight: 700;
	line-height: 1.2;
}

.wp-block-techniconcept-project-advice-banner .wp-block-techniconcept-text,
.wp-block-techniconcept-project-advice-banner > p {
	/* Collé sous le titre : même indent que le gap flex icône → titre. */
	flex: 1 1 100%;
	order: 3;
	margin: 0 !important;
	margin-inline-start: calc(
		var(--tc-advice-banner-icon-size) + var(--tc-advice-banner-gap-inline)
	) !important;
	padding: 0 !important;
	max-width: 28rem;
	color: inherit;
	font-family: var(
		--wp--preset--font-family--suisse-intl,
		SuisseIntl,
		Arial,
		sans-serif
	);
	font-size: var(--wp--preset--font-size--body, 1rem);
	line-height: 1.45;
	opacity: 0.95;
}

/*
 * Desktop : grille 3 zones (icône | copy | boutons) — répartition maquette.
 */
@media (min-width: 1024px) {
	.wp-block-techniconcept-project-advice-banner {
		--tc-advice-banner-gap-inline: 1.25rem;
		display: grid;
		grid-template-columns: var(--tc-advice-banner-icon-size) minmax(0, 1fr) auto;
		grid-template-rows: auto auto;
		column-gap: var(--tc-advice-banner-gap-inline);
		row-gap: 0.35rem;
		align-items: center;
		justify-content: stretch;
	}

	.wp-block-techniconcept-project-advice-banner .tc-advice-banner__icon,
	.wp-block-techniconcept-project-advice-banner
		.wp-block-techniconcept-image.tc-advice-banner__icon,
	.wp-block-techniconcept-project-advice-banner
		figure.tc-advice-banner__icon {
		grid-column: 1;
		grid-row: 1 / -1;
		order: unset;
	}

	.wp-block-techniconcept-project-advice-banner
		.wp-block-techniconcept-title,
	.wp-block-techniconcept-project-advice-banner h1,
	.wp-block-techniconcept-project-advice-banner h2,
	.wp-block-techniconcept-project-advice-banner h3 {
		grid-column: 2;
		grid-row: 1;
		flex: unset;
		max-width: none;
		order: unset;
	}

	.wp-block-techniconcept-project-advice-banner
		.wp-block-techniconcept-text,
	.wp-block-techniconcept-project-advice-banner > p {
		grid-column: 2;
		grid-row: 2;
		flex: unset;
		max-width: none;
		margin-inline-start: 0 !important;
		order: unset;
	}

	.wp-block-techniconcept-project-advice-banner > .tc-advice-banner__actions {
		grid-column: 3;
		grid-row: 1 / -1;
		align-self: center;
		justify-self: end;
		order: unset;
	}
}

.wp-block-techniconcept-project-advice-banner > .tc-advice-banner__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 1rem 1.5rem;
	/* Rangée pleine largeur sous le texte : boutons calés à droite. */
	flex: 1 1 100%;
	margin: 0;
	order: 4;
}

.wp-block-techniconcept-project-advice-banner .tc-advice-banner__action {
	display: inline-flex;
	align-items: center;
	margin: 0;
}

.wp-block-techniconcept-project-advice-banner
	.tc-advice-banner__action
	.wp-block-buttons,
.wp-block-techniconcept-project-advice-banner
	.tc-advice-banner__action
	.wp-block-button {
	margin: 0;
}

/*
 * Boutons = même chrome que le site (theme.json + bouton TC).
 * Padding fill/outline : 0.75rem 1.25rem (comme techniconcept/button).
 * is-style-text : pas de padding (lien).
 */
.wp-block-techniconcept-project-advice-banner
	.tc-advice-banner__btn
	.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	gap: 0.4rem;
	padding: 0.75rem 1.25rem;
	border-radius: 0;
	font-family: var(
		--wp--preset--font-family--suisse-intl,
		SuisseIntl,
		Arial,
		sans-serif
	);
	font-size: var(--wp--preset--font-size--body-sm, 0.875rem);
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	line-height: 1.2;
	text-decoration: none;
}

.wp-block-techniconcept-project-advice-banner
	.tc-advice-banner__btn.is-style-text
	.wp-block-button__link {
	padding: 0;
	border-width: 0;
	border-style: none;
	background: transparent;
}

/*
 * Contenu legacy (pages non re-sauvées) : icônes dans les CTA.
 * Sans taille CSS elles explosent le layout — on les masque (migration éditeur
 * les retire à l’ouverture ; le filtre PHP les retire aussi au front).
 */
.wp-block-techniconcept-project-advice-banner .tc-advice-banner__btn-icon,
.wp-block-techniconcept-project-advice-banner
	.wp-block-techniconcept-image.tc-advice-banner__btn-icon,
.wp-block-techniconcept-project-advice-banner
	figure.tc-advice-banner__btn-icon {
	display: none !important;
}

/*
 * Legacy RDV / appel : boutons sans attrs fill/outline de l’inspecteur.
 * Dès qu’un fond ou is-style-outline est posé, ces fallbacks ne s’appliquent plus.
 */
.wp-block-techniconcept-project-advice-banner
	.tc-advice-banner__btn--rdv:not(.has-background)
	> .wp-block-button__link {
	background-color: var(--wp--preset--color--accent-strong, #287d63);
	color: var(--wp--preset--color--on-primary, #fff);
}

.wp-block-techniconcept-project-advice-banner
	.tc-advice-banner__btn--call:not(.is-style-outline)
	> .wp-block-button__link {
	background-color: transparent;
	border: 1px solid var(--wp--preset--color--on-primary, #fff);
	color: var(--wp--preset--color--on-primary, #fff);
}

/* Masquage des actions via attributs inspecteur (structure conservée). */
.wp-block-techniconcept-project-advice-banner.is-hide-rdv
	.tc-advice-banner__action--rdv,
.wp-block-techniconcept-project-advice-banner.is-hide-call
	.tc-advice-banner__action--call {
	display: none !important;
}

.wp-block-techniconcept-project-advice-banner.is-hide-rdv.is-hide-call
	> .tc-advice-banner__actions {
	display: none !important;
}

@media (min-width: 1024px) {
	.wp-block-techniconcept-project-advice-banner.is-hide-rdv
		> .tc-advice-banner__actions,
	.wp-block-techniconcept-project-advice-banner.is-hide-call
		> .tc-advice-banner__actions {
		min-width: 0;
		justify-content: flex-end;
	}
}

@media (min-width: 1024px) {
	.wp-block-techniconcept-project-advice-banner > .tc-advice-banner__actions {
		gap: 1rem 2rem;
		justify-content: space-between;
		min-width: clamp(24rem, 33vw, 34rem);
	}
}

/* Éditeur : pastille + compacte pour l’icône principale */
.editor-styles-wrapper .wp-block-techniconcept-project-advice-banner,
.block-editor-block-list__block.wp-block-techniconcept-project-advice-banner {
	background-color: var(--wp--preset--color--primary-dark, #002b4d);
	color: var(--wp--preset--color--on-primary, #fff);
}

.editor-styles-wrapper
	.wp-block-techniconcept-project-advice-banner
	.tc-advice-banner__icon:has(.components-placeholder),
.block-editor-block-list__block.wp-block-techniconcept-project-advice-banner
	.tc-advice-banner__icon:has(.components-placeholder) {
	width: 2.5rem;
	height: 2.5rem;
	flex-basis: 2.5rem;
	background-color: transparent !important;
	border-radius: 0.2rem;
}

.editor-styles-wrapper
	.wp-block-techniconcept-project-advice-banner
	.tc-advice-banner__icon
	.components-placeholder {
	min-height: 0 !important;
	width: 100%;
	height: 100%;
	padding: 0 !important;
	margin: 0;
	background: rgba(255, 255, 255, 0.12);
	box-shadow: none;
	border: 1px dashed rgba(255, 255, 255, 0.45);
	border-radius: 0.2rem;
	justify-content: center;
	align-items: center;
}

.editor-styles-wrapper
	.wp-block-techniconcept-project-advice-banner
	.tc-advice-banner__icon
	.components-placeholder__label,
.editor-styles-wrapper
	.wp-block-techniconcept-project-advice-banner
	.tc-advice-banner__icon
	.components-placeholder__instructions,
.editor-styles-wrapper
	.wp-block-techniconcept-project-advice-banner
	.tc-advice-banner__icon
	.components-placeholder__fieldset
	> .components-form-file-upload {
	display: none !important;
}

.editor-styles-wrapper
	.wp-block-techniconcept-project-advice-banner
	.tc-advice-banner__icon
	.components-placeholder__fieldset {
	display: flex;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	align-items: center;
	justify-content: center;
}

.editor-styles-wrapper
	.wp-block-techniconcept-project-advice-banner
	.tc-advice-banner__icon
	.components-button {
	min-width: 0;
	min-height: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	justify-content: center;
	font-size: 0;
	line-height: 0;
	background: transparent !important;
	box-shadow: none !important;
	border: none !important;
	color: var(--wp--preset--color--on-primary, #fff) !important;
}

.editor-styles-wrapper
	.wp-block-techniconcept-project-advice-banner
	.tc-advice-banner__icon
	.components-button
	svg {
	display: none;
}

.editor-styles-wrapper
	.wp-block-techniconcept-project-advice-banner
	.tc-advice-banner__icon
	.components-button::before {
	content: '+';
	font-size: var(--wp--preset--font-size--body, 1rem);
	line-height: 1;
	font-weight: 700;
}


/*# sourceMappingURL=style-index.css.map*/