/* Page Contact Gutenberg. Le fond existant reste visible, sans calque de superposition. */

body:has(.dh66-contact-native) {
	background-color: var(--dh66-navy-900, #002858);
	background-image: url("../../images/prototype/fond-direct-habitat-66.webp");
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

body:has(.dh66-contact-native) :is(#main-container, .site-main, .site-main > div, .ct-container-full),
body:has(.dh66-contact-native) .ct-footer {
	background: transparent;
}

body:has(.dh66-contact-native) .hero-section {
	display: none;
}

body:has(.dh66-contact-native) .ct-footer {
	border-top-color: rgb(255 255 255 / 0.12);
}

.dh66-contact-native {
	width: 100%;
	max-width: none;
	min-height: 100dvh;
	margin: 0;
	padding: 0;
	background: transparent;
	color: var(--dh66-text-strong, #f1f6f8);
}

.editor-styles-wrapper .dh66-contact-native {
	background-color: var(--dh66-navy-900, #002858);
	background-image: url("../../images/prototype/fond-direct-habitat-66.webp");
	background-position: center;
	background-size: cover;
}

.entry-content > .dh66-contact-native.alignfull {
	width: 100vw;
	max-width: none;
	margin-inline: calc(50% - 50vw);
}

.dh66-contact-native *,
.dh66-contact-native *::before,
.dh66-contact-native *::after {
	box-sizing: border-box;
}

.dh66-contact-native :focus-visible {
	outline: 3px solid var(--dh66-orange-500, #ff7300);
	outline-offset: 4px;
}

.dh66-contact-native :where(.alignwide) {
	width: min(1240px, calc(100% - 56px));
	max-width: none;
	margin-inline: auto;
}

.dh66-contact-native :where(h1, h2, h3, p, ul) {
	margin-top: 0;
}

.dh66-contact-native :where(h1, h2, h3):not(.has-text-color) {
	color: #f7fafc;
}

.dh66-contact-native :where(p, li):not(.has-text-color) {
	color: rgb(247 250 252 / 0.82);
}

.dh66-contact-hero {
	padding-block: clamp(72px, 10vw, 142px) clamp(54px, 7vw, 92px);
}

.dh66-contact-kicker {
	margin-bottom: 18px;
	color: #ffad69 !important;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.dh66-contact-title {
	max-width: 840px;
	margin-bottom: 0;
	font-size: clamp(44px, 6.4vw, 82px);
	line-height: 0.98;
	letter-spacing: -0.05em;
}

.dh66-contact-lead {
	max-width: 58ch;
	margin: 26px 0 32px;
	font-size: clamp(17px, 1.5vw, 21px);
	line-height: 1.65;
}

.dh66-contact-button .wp-block-button__link {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	padding: 14px 22px;
	border: 1px solid transparent;
	border-radius: 12px;
	background: var(--dh66-orange-500, #ff7300);
	color: var(--dh66-navy-900, #002858);
	font-weight: 850;
	text-decoration: none;
}

.dh66-contact-button--secondary .wp-block-button__link {
	border-color: rgb(255 255 255 / 0.34);
	background: rgb(255 255 255 / 0.1);
	color: #fff;
	backdrop-filter: blur(16px) saturate(130%);
	-webkit-backdrop-filter: blur(16px) saturate(130%);
}

.dh66-contact-proof {
	padding-bottom: clamp(54px, 7vw, 92px);
}

.dh66-contact-proof__grid,
.dh66-contact-form__layout {
	gap: clamp(18px, 2.4vw, 30px);
}

.dh66-contact-glass,
.dh66-contact-proof__grid .wp-block-column,
.dh66-contact-faq__item {
	border: 1px solid rgb(255 255 255 / 0.24);
	border-radius: 18px;
	background: linear-gradient(135deg, rgb(255 255 255 / 0.16), rgb(255 255 255 / 0.07));
	box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.28), 0 24px 68px rgb(0 15 36 / 0.28);
	backdrop-filter: blur(22px) saturate(135%);
	-webkit-backdrop-filter: blur(22px) saturate(135%);
}

.dh66-contact-proof__grid .wp-block-column {
	min-height: 154px;
	padding: clamp(22px, 2.7vw, 34px);
}

.dh66-contact-proof__grid h3,
.dh66-contact-proof__grid p {
	margin-bottom: 0;
}

.dh66-contact-proof__grid h3 {
	font-size: clamp(19px, 1.7vw, 24px);
}

.dh66-contact-proof__grid h3 + p {
	margin-top: 10px;
}

.dh66-contact-form {
	padding-block: clamp(72px, 8vw, 112px);
}

.dh66-contact-form__layout {
	display: grid !important;
	width: min(1120px, 100%);
	grid-template-columns: minmax(0, 1fr) !important;
	align-items: flex-start;
	margin-inline: auto;
}

.dh66-contact-form__aside,
.dh66-contact-form__panel {
	padding: clamp(26px, 3.4vw, 46px);
}

.dh66-contact-form__aside {
	position: static;
	display: grid;
	grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.28fr);
	gap: 10px clamp(24px, 4vw, 52px);
	align-items: start;
}

.dh66-contact-form__aside h2,
.dh66-contact-form__panel h2 {
	font-size: clamp(28px, 3vw, 40px);
	line-height: 1.06;
	letter-spacing: -0.04em;
}

.dh66-contact-form__aside ul {
	display: grid;
	grid-column: 2;
	grid-row: 1 / span 2;
	gap: 8px;
	margin: 0;
	padding-left: 1.25rem;
}

.dh66-contact-form__note {
	grid-column: 1 / -1;
	margin-top: 10px !important;
	padding-top: 16px;
	border-top: 1px solid rgb(255 255 255 / 0.2);
	font-size: 14px;
}

.dh66-contact-form__panel > p {
	max-width: 62ch;
	margin-bottom: 20px;
}

.dh66-contact-native .forminator-ui.forminator-custom-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 18px;
	margin: 0 !important;
}

.dh66-contact-native .forminator-ui.forminator-custom-form .forminator-row {
	min-width: 0;
	margin-bottom: 0 !important;
}

/* Les identifiants sont ceux du formulaire Forminator 536. */
.dh66-contact-native #forminator-module-536 > .forminator-row:has(> #email-1),
.dh66-contact-native #forminator-module-536 > .forminator-row:has(> #phone-1),
.dh66-contact-native #forminator-module-536 > .forminator-row:has(> #radio-2) {
	grid-column: 1;
}

.dh66-contact-native #forminator-module-536 > .forminator-row:has(> #address-1),
.dh66-contact-native #forminator-module-536 > .forminator-row:has(> #text-1) {
	grid-column: 2;
}

.dh66-contact-native #forminator-module-536 > :is(
	.forminator-response-message,
	.forminator-row:has(> #name-1),
	.forminator-row:has(> #radio-1),
	.forminator-row:has(> #text-2),
	.forminator-row:has(> #radio-3),
	.forminator-row:has(> #checkbox-1),
	.forminator-row:has(> #textarea-1),
	.forminator-row:has(> #upload-1),
	.forminator-row:has(> #consent-1),
	.forminator-row:has(> #captcha-1),
	.forminator-row-last
) {
	grid-column: 1 / -1;
}

.dh66-contact-native #forminator-module-536 > .forminator-response-message {
	order: 0;
}

.dh66-contact-native #forminator-module-536 > .forminator-row:has(> #name-1) {
	order: 1;
}

.dh66-contact-native #forminator-module-536 > .forminator-row:has(> #radio-1) {
	order: 2;
}

.dh66-contact-native #forminator-module-536 > .forminator-row:has(> #text-2) {
	order: 3;
}

.dh66-contact-native #forminator-module-536 > .forminator-row:has(> #radio-3) {
	order: 4;
}

.dh66-contact-native #forminator-module-536 > .forminator-row:has(> #email-1),
.dh66-contact-native #forminator-module-536 > .forminator-row:has(> #phone-1) {
	order: 5;
}

.dh66-contact-native #forminator-module-536 > .forminator-row:has(> #address-1) {
	order: 6;
}

.dh66-contact-native #forminator-module-536 > .forminator-row:has(> #checkbox-1) {
	order: 7;
}

.dh66-contact-native #forminator-module-536 > .forminator-row:has(> #textarea-1) {
	order: 8;
}

.dh66-contact-native #forminator-module-536 > .forminator-row:has(> #radio-2) {
	order: 9;
}

.dh66-contact-native #forminator-module-536 > .forminator-row:has(> #text-1) {
	order: 10;
}

.dh66-contact-native #forminator-module-536 > .forminator-row:has(> #upload-1) {
	order: 11;
}

.dh66-contact-native #forminator-module-536 > .forminator-row:has(> #consent-1) {
	order: 12;
}

.dh66-contact-native #forminator-module-536 > .forminator-row:has(> #captcha-1) {
	order: 13;
}

.dh66-contact-native #forminator-module-536 > .forminator-row-last {
	order: 14;
}

.dh66-contact-native .forminator-ui.forminator-custom-form :is(
	.forminator-label,
	.forminator-description,
	.forminator-radio-label,
	.forminator-checkbox-label,
	.forminator-uploaded-file--title,
	.forminator-uploaded-file--size
) {
	color: #f7fafc !important;
}

.dh66-contact-native .forminator-ui.forminator-custom-form .forminator-description {
	opacity: 0.76;
}

.dh66-contact-native .forminator-ui.forminator-custom-form :is(
	.forminator-input,
	.forminator-textarea,
	.forminator-select2 + .forminator-select .selection .select2-selection--single
) {
	min-height: 44px !important;
	border-color: rgb(255 255 255 / 0.3) !important;
	background: rgb(0 24 52 / 0.66) !important;
	color: #fff !important;
}

.dh66-contact-native .forminator-ui.forminator-custom-form .forminator-input {
	height: 44px !important;
	padding: 8px 12px !important;
}

.dh66-contact-native .forminator-ui.forminator-custom-form .forminator-textarea {
	height: 100px !important;
	min-height: 100px !important;
	padding: 10px 12px !important;
	resize: vertical;
}

.dh66-contact-native #forminator-module-536 :is(#radio-1, #radio-2, #radio-3) .forminator-field {
	display: flex;
	flex-wrap: wrap;
	gap: 7px 18px;
	align-items: center;
}

.dh66-contact-native #forminator-module-536 :is(#radio-1, #radio-2, #radio-3) :is(.forminator-label, .forminator-description) {
	flex: 0 0 100%;
	margin: 0 !important;
}

.dh66-contact-native #forminator-module-536 :is(#radio-1, #radio-2, #radio-3) .forminator-radio {
	display: inline-flex !important;
	min-height: 34px;
	align-items: center;
	margin: 0 !important;
}

.dh66-contact-native #forminator-module-536 #checkbox-1 .forminator-field {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 7px 14px;
}

.dh66-contact-native #forminator-module-536 #checkbox-1 :is(.forminator-label, .forminator-description) {
	grid-column: 1 / -1;
	margin: 0 !important;
}

.dh66-contact-native #forminator-module-536 #checkbox-1 .forminator-checkbox {
	display: inline-flex !important;
	min-height: 34px;
	align-items: center;
	margin: 0 !important;
}

.dh66-contact-native #forminator-module-536 #upload-1 .forminator-multi-upload {
	min-height: 82px !important;
	padding: 14px !important;
}

.dh66-contact-native #forminator-module-536 #consent-1 .forminator-checkbox__wrapper {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}

.dh66-contact-native #forminator-module-536 #consent-1 :is(.forminator-checkbox, .forminator-checkbox__label, p) {
	margin: 0 !important;
}

.dh66-contact-native #forminator-module-536 #captcha-1 {
	min-height: 78px;
}

.dh66-contact-native .forminator-ui.forminator-custom-form :is(
	.forminator-input,
	.forminator-textarea
)::placeholder {
	color: rgb(247 250 252 / 0.56) !important;
}

.dh66-contact-native .forminator-ui.forminator-custom-form .forminator-button-submit {
	min-height: 52px !important;
	background: var(--dh66-orange-500, #ff7300) !important;
	color: var(--dh66-navy-900, #002858) !important;
}

.dh66-contact-native .forminator-ui.forminator-custom-form .forminator-error-message {
	color: #ffd2cc !important;
}

.dh66-contact-faq {
	padding-block: clamp(54px, 7vw, 92px) clamp(82px, 10vw, 132px);
}

.dh66-contact-faq__layout {
	display: grid;
	grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
	gap: clamp(28px, 5vw, 72px);
}

.dh66-contact-faq__intro h2 {
	font-size: clamp(32px, 4vw, 54px);
	line-height: 1.02;
	letter-spacing: -0.04em;
}

.dh66-contact-faq__list {
	display: grid;
	gap: 14px;
}

.dh66-contact-faq__item {
	padding: 0 22px;
}

.dh66-contact-faq__item summary {
	padding-block: 22px;
	color: #fff;
	font-weight: 850;
	cursor: pointer;
}

.dh66-contact-faq__item > p {
	padding-bottom: 22px;
}

@media (hover: hover) and (pointer: fine) {
	.dh66-contact-proof__grid .wp-block-column,
	.dh66-contact-faq__item {
		transition: transform 280ms var(--dh66-ease-out, cubic-bezier(.16, 1, .3, 1)), border-color 220ms ease;
	}

	.dh66-contact-proof__grid .wp-block-column:hover,
	.dh66-contact-faq__item:hover {
		border-color: color-mix(in srgb, var(--dh66-orange-500, #ff7300) 42%, white);
		transform: translateY(-4px);
	}
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.dh66-contact-glass,
	.dh66-contact-proof__grid .wp-block-column,
	.dh66-contact-faq__item {
		background: rgb(4 24 42 / 0.96);
	}
}

@media (max-width: 900px) {
	.dh66-contact-form__layout,
	.dh66-contact-faq__layout {
		display: grid;
		grid-template-columns: 1fr;
	}

	.dh66-contact-form__aside {
		grid-template-columns: 1fr;
	}

	.dh66-contact-form__aside ul,
	.dh66-contact-form__note {
		grid-column: 1;
		grid-row: auto;
	}

	.dh66-contact-native .forminator-ui.forminator-custom-form {
		grid-template-columns: 1fr;
	}

	.dh66-contact-native #forminator-module-536 > .forminator-row {
		grid-column: 1 / -1 !important;
	}

	.dh66-contact-native #forminator-module-536 #checkbox-1 .forminator-field {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 680px) {
	body:has(.dh66-contact-native) {
		background-attachment: scroll;
		background-position: 68% center;
	}

	.dh66-contact-native :where(.alignwide) {
		width: min(1240px, calc(100% - 32px));
	}

	.dh66-contact-hero {
		padding-block: 44px 40px;
	}

	.dh66-contact-title {
		font-size: clamp(36px, 10.5vw, 44px);
		line-height: 1.02;
		letter-spacing: -0.035em;
	}

	.dh66-contact-proof__grid {
		display: grid;
		grid-template-columns: 1fr;
	}

	.dh66-contact-form__aside,
	.dh66-contact-form__panel {
		padding: 24px 20px;
	}

	.dh66-contact-native #forminator-module-536 #checkbox-1 .forminator-field {
		grid-template-columns: 1fr;
	}

	.dh66-contact-native #forminator-module-536 :is(#radio-1, #radio-2, #radio-3) .forminator-radio,
	.dh66-contact-native #forminator-module-536 #checkbox-1 .forminator-checkbox {
		min-height: 44px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dh66-contact-native *,
	.dh66-contact-native *::before,
	.dh66-contact-native *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}