/* ==========================================================
   GÎTE LE GRENIER — DESIGN V3
   La Ferme de Flo
   ========================================================== */


/* ==========================================================
   01. VARIABLES
   ========================================================== */

:root {
	--flo-grenier-green: #5b8e01;
	--flo-grenier-green-dark: #314b18;
	--flo-grenier-green-deep: #223512;
	--flo-grenier-green-light: #eaf3dc;

	--flo-grenier-cream: #f7f4ec;
	--flo-grenier-cream-dark: #eee7d9;
	--flo-grenier-white: #ffffff;

	--flo-grenier-text: #30342d;
	--flo-grenier-muted: #687062;

	--flo-grenier-font-sans: Arial, Helvetica, sans-serif;

	--flo-grenier-radius-small: 16px;
	--flo-grenier-radius-medium: 24px;
	--flo-grenier-radius-large: 36px;

	--flo-grenier-shadow-soft:
		0 18px 50px rgba(42, 54, 31, 0.10);

	--flo-grenier-shadow-card:
		0 12px 30px rgba(42, 54, 31, 0.09);
}


/* ==========================================================
   02. STRUCTURE GÉNÉRALE
   ========================================================== */

.lodging-hero,
.lodging-section {
	position: relative;
	width: min(1200px, calc(100% - 40px));
	box-sizing: border-box;
	margin-right: auto !important;
	margin-left: auto !important;
}

.lodging-section {
	margin-top: 90px !important;
	margin-bottom: 90px !important;
}

.lodging-section h2,
.lodging-section h3,
.lodging-hero h1 {
	text-transform: none;
}

.lodging-section p,
.lodging-hero p {
	color: var(--flo-grenier-text);
	font-size: 17px;
	line-height: 1.75;
}

.lodging-nowrap {
	white-space: nowrap;
}

.lodging-section a,
.lodging-hero a {
	transition:
		color 180ms ease,
		background-color 180ms ease,
		border-color 180ms ease,
		transform 180ms ease,
		box-shadow 180ms ease;
}


/* ==========================================================
   03. HERO
   ========================================================== */

.lodging-hero {
	overflow: hidden;
	margin-top: 45px !important;
	margin-bottom: 90px !important;
	background:
		linear-gradient(
			135deg,
			#f8f5ec 0%,
			#edf3e3 100%
		);
	border: 1px solid rgba(91, 142, 1, 0.13);
	border-radius: var(--flo-grenier-radius-large);
	box-shadow: var(--flo-grenier-shadow-soft);
}

.lodging-hero > .vc_column_container {
	display: flex;
}

.lodging-hero > .vc_column_container > .vc_column-inner {
	width: 100%;
}

.lodging-hero__content > .vc_column-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding:
		clamp(42px, 6vw, 80px)
		clamp(28px, 4vw, 52px) !important;
}

.lodging-hero__content .wpb_content_element {
	margin-bottom: 0;
}

.lodging-hero__eyebrow {
	margin-bottom: 13px !important;
}

.lodging-hero__eyebrow p {
	margin: 0;
	color: var(--flo-grenier-green-dark);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.16em;
	line-height: 1.3;
	text-transform: uppercase;
}

.lodging-hero__title {
	margin: 0 0 18px !important;
	color: var(--flo-grenier-green-deep);
	font-size: clamp(44px, 5.4vw, 72px);
	font-weight: 700;
	letter-spacing: -0.045em;
	line-height: 0.98;
}

.lodging-hero__subtitle {
	max-width: 590px;
	margin-bottom: 8px !important;
}

.lodging-hero__subtitle p {
	margin: 0;
	color: var(--flo-grenier-text);
	font-size: clamp(18px, 2vw, 22px);
	line-height: 1.55;
}


/* ==========================================================
   04. CARACTÉRISTIQUES DU HERO
   ========================================================== */

.lodging-summary {
	display: flex;
	flex-wrap: wrap;
	margin: 24px -6px 27px !important;
}

.lodging-summary > .vc_column_container {
	display: flex;
	padding: 6px;
}

.lodging-summary > .vc_column_container > .vc_column-inner {
	display: flex;
	width: 100%;
	padding: 0 !important;
}

.lodging-summary__item {
	width: 100%;
	margin: 0 !important;
}

.lodging-summary__item > .wpb_wrapper {
	display: flex;
	height: 100%;
	min-height: 132px;
	box-sizing: border-box;
	padding: 15px 17px;
	background: rgba(255, 255, 255, 0.76);
	border: 1px solid rgba(49, 75, 24, 0.11);
	border-radius: var(--flo-grenier-radius-small);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.72),
		0 8px 20px rgba(42, 54, 31, 0.045);
}

/* Icône au-dessus, information lisible sur toute la largeur. */
.lodging-summary__layout {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	width: 100%;
	gap: 8px;
}

.lodging-summary__text {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	width: 100%;
	min-width: 0;
	gap: 4px;
}

.lodging-summary__text strong,
.lodging-summary__text span {
	display: block;
	margin: 0;
}

.lodging-summary__text strong {
	color: var(--flo-grenier-green-dark);
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.015em;
	line-height: 1.1;
	white-space: nowrap;
}

.lodging-summary__text span {
	color: var(--flo-grenier-muted);
	font-family: var(--flo-grenier-font-sans);
	font-size: 13.5px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.2;
	white-space: nowrap;
}

.lodging-mini-icon {
	position: relative;
	display: inline-flex;
	flex: 0 0 38px;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	overflow: hidden;
	background:
		radial-gradient(
			circle at 30% 22%,
			rgba(255, 255, 255, 0.95) 0 12%,
			transparent 13%
		),
		linear-gradient(
			145deg,
			#fbf9f2 0%,
			#e8f2d8 100%
		);
	border: 1px solid rgba(91, 142, 1, 0.15);
	border-radius: 12px;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.82),
		0 6px 15px rgba(42, 54, 31, 0.09);
}

.lodging-mini-icon svg {
	display: block;
	width: 25px;
	height: 25px;
	filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.45));
}


/* ==========================================================
   05. IMAGE PRINCIPALE
   ========================================================== */

.lodging-hero__visual > .vc_column-inner {
	display: flex;
	height: 100%;
	padding: 0 !important;
}

.lodging-hero__image {
	width: 100%;
	margin: 0 !important;
}

.lodging-hero__image .wpb_wrapper,
.lodging-hero__image .vc_figure,
.lodging-hero__image .vc_single_image-wrapper {
	width: 100%;
	height: 100%;
}

.lodging-hero__image img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 570px;
	object-fit: cover;
}


/* ==========================================================
   06. BOUTONS
   ========================================================== */

.lodging-button {
	margin-top: 4px;
	margin-bottom: 0 !important;
}

.lodging-button .vc_btn3 {
	position: relative;
	overflow: hidden;
	padding: 16px 28px !important;
	background:
		linear-gradient(
			135deg,
			var(--flo-grenier-green) 0%,
			#76a927 100%
		) !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow:
		0 12px 25px rgba(91, 142, 1, 0.24);
	color: var(--flo-grenier-white) !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	letter-spacing: 0.01em;
	line-height: 1.2 !important;
	text-transform: none !important;
}

.lodging-button .vc_btn3:hover,
.lodging-button .vc_btn3:focus {
	background:
		linear-gradient(
			135deg,
			#4e7b00 0%,
			#67981c 100%
		) !important;
	box-shadow:
		0 16px 32px rgba(91, 142, 1, 0.30);
	color: var(--flo-grenier-white) !important;
	transform: translateY(-2px);
}

.lodging-button .vc_btn3:focus-visible {
	outline: 3px solid rgba(91, 142, 1, 0.30);
	outline-offset: 4px;
}


/* ==========================================================
   07. INTRODUCTIONS DE SECTIONS
   ========================================================== */

.lodging-section__intro {
	max-width: 760px;
	margin: 0 auto 38px !important;
	text-align: center;
}

.lodging-section__intro h2 {
	margin: 0 0 14px;
	color: var(--flo-grenier-green-deep);
	font-size: clamp(34px, 4vw, 50px);
	font-weight: 700;
	letter-spacing: -0.035em;
	line-height: 1.08;
}

.lodging-section__intro p {
	margin: 0;
	color: var(--flo-grenier-muted);
	font-size: 18px;
	line-height: 1.65;
}


/* ==========================================================
   08. GALERIE
   ========================================================== */

.lodging-section--gallery {
	margin-top: 90px !important;
}

.lodging-gallery {
	margin-top: 15px;
}

.lodging-gallery .vc_grid-item {
	overflow: hidden;
	border-radius: var(--flo-grenier-radius-medium);
}

.lodging-gallery .vc_gitem-animated-block,
.lodging-gallery .vc_gitem-zone,
.lodging-gallery .vc_gitem-zone-img {
	border-radius: var(--flo-grenier-radius-medium);
}

.lodging-gallery .vc_gitem-zone {
	overflow: hidden;
	box-shadow: var(--flo-grenier-shadow-card);
	transition:
		transform 240ms ease,
		box-shadow 240ms ease;
}

.lodging-gallery .vc_grid-item:hover .vc_gitem-zone {
	box-shadow:
		0 18px 38px rgba(42, 54, 31, 0.15);
	transform: translateY(-4px);
}

.lodging-gallery img {
	width: 100%;
}


/* ==========================================================
   09. PRÉSENTATION
   ========================================================== */

.lodging-section--presentation {
	padding:
		clamp(38px, 6vw, 70px)
		clamp(22px, 5vw, 65px);
	background: var(--flo-grenier-cream);
	border: 1px solid rgba(74, 78, 68, 0.08);
	border-radius: var(--flo-grenier-radius-large);
	box-shadow: var(--flo-grenier-shadow-soft);
}

.lodging-presentation > .vc_column-inner {
	padding-right: clamp(20px, 4vw, 55px) !important;
}

.lodging-section__content {
	margin-bottom: 0 !important;
}

.lodging-section__content h2 {
	margin: 0 0 23px;
	color: var(--flo-grenier-green-deep);
	font-size: clamp(34px, 4vw, 49px);
	font-weight: 700;
	letter-spacing: -0.035em;
	line-height: 1.1;
}

.lodging-section__content p {
	margin: 0 0 18px;
}

.lodging-section__content p:last-child {
	margin-bottom: 0;
}


/* ==========================================================
   10. CARTE RÉCAPITULATIVE
   ========================================================== */

.lodging-highlight > .vc_column-inner {
	height: 100%;
	padding: 0 !important;
}

.lodging-highlight__card {
	height: 100%;
	margin-bottom: 0 !important;
}

.lodging-highlight__card > .wpb_wrapper {
	height: 100%;
	box-sizing: border-box;
	padding: 29px 27px;
	background:
		linear-gradient(
			145deg,
			var(--flo-grenier-green-dark) 0%,
			var(--flo-grenier-green-deep) 100%
		);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: var(--flo-grenier-radius-medium);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.05),
		0 18px 36px rgba(34, 53, 18, 0.20);
}

.lodging-highlight__card h3 {
	margin: 0 0 18px;
	color: var(--flo-grenier-white);
	font-size: 24px;
	line-height: 1.18;
}

/* Une ligne = icône à gauche, titre puis réponse à droite. */
.lodging-highlight__line {
	display: flex !important;
	align-items: flex-start !important;
	gap: 12px;
	padding: 13px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

.lodging-highlight__line:last-child {
	border-bottom: 0;
}

.lodging-highlight__text {
	display: flex !important;
	flex: 1 1 auto;
	flex-direction: column !important;
	align-items: flex-start !important;
	min-width: 0;
	gap: 2px;
}

.lodging-highlight__label {
	display: block;
	margin: 0;
	color: rgba(255, 255, 255, 0.72);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.28;
}

.lodging-highlight__value {
	display: block;
	margin: 0;
	color: var(--flo-grenier-white);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	text-align: left;
	white-space: normal;
}

.lodging-line-icon {
	position: relative;
	display: inline-flex;
	flex: 0 0 36px;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	margin-top: 1px;
	overflow: hidden;
	background:
		linear-gradient(
			145deg,
			rgba(255, 255, 255, 0.14) 0%,
			rgba(255, 255, 255, 0.07) 100%
		);
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 11px;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 5px 13px rgba(10, 25, 4, 0.12);
}

.lodging-line-icon svg {
	display: block;
	width: 24px;
	height: 24px;
	filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.10));
}


/* ==========================================================
   11. CARTES DES ESPACES
   ========================================================== */

.lodging-cards {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px !important;
}

.lodging-cards > .vc_column_container {
	display: flex;
	padding: 12px;
}

.lodging-cards > .vc_column_container > .vc_column-inner {
	display: flex;
	width: 100%;
	padding: 0 !important;
}

.lodging-card {
	width: 100%;
	margin-bottom: 0 !important;
}

.lodging-card > .wpb_wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	box-sizing: border-box;
	padding: 28px 28px 30px;
	background: var(--flo-grenier-white);
	border: 1px solid rgba(49, 75, 24, 0.10);
	border-radius: var(--flo-grenier-radius-medium);
	box-shadow: var(--flo-grenier-shadow-card);
	text-align: center;
	transition:
		transform 220ms ease,
		box-shadow 220ms ease,
		border-color 220ms ease;
}

.lodging-card:hover > .wpb_wrapper {
	border-color: rgba(91, 142, 1, 0.25);
	box-shadow:
		0 18px 38px rgba(42, 54, 31, 0.13);
	transform: translateY(-4px);
}

.lodging-card__heading {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-bottom: 13px;
	gap: 11px;
}

.lodging-card__icon {
	position: relative;
	display: inline-flex;
	flex: 0 0 46px;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	overflow: hidden;
	background:
		radial-gradient(
			circle at 30% 22%,
			rgba(255, 255, 255, 0.95) 0 12%,
			transparent 13%
		),
		linear-gradient(
			145deg,
			#fbf9f2 0%,
			#e8f2d8 100%
		);
	border: 1px solid rgba(91, 142, 1, 0.15);
	border-radius: 14px;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.82),
		0 7px 17px rgba(42, 54, 31, 0.09);
}

.lodging-card__icon svg {
	display: block;
	width: 30px;
	height: 30px;
	filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.45));
}

.lodging-card h3 {
	margin: 0;
	color: var(--flo-grenier-green-dark);
	font-size: 24px;
	line-height: 1.18;
}

.lodging-card p {
	width: 100%;
	max-width: 330px;
	margin: 0 auto;
	color: var(--flo-grenier-muted);
	font-size: 16px;
	line-height: 1.62;
}


/* ==========================================================
   12. EXPÉRIENCE À LA FERME
   ========================================================== */

.lodging-section--experience {
	overflow: hidden;
	background:
		linear-gradient(
			135deg,
			var(--flo-grenier-green-deep) 0%,
			#3c5b20 100%
		);
	border-radius: var(--flo-grenier-radius-large);
	box-shadow:
		0 24px 55px rgba(34, 53, 18, 0.20);
}

.lodging-experience__visual > .vc_column-inner {
	height: 100%;
	padding: 0 !important;
}

.lodging-experience__image {
	width: 100%;
	height: 100%;
	margin: 0 !important;
}

.lodging-experience__image .wpb_wrapper,
.lodging-experience__image .vc_figure,
.lodging-experience__image .vc_single_image-wrapper {
	width: 100%;
	height: 100%;
}

.lodging-experience__image img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 590px;
	object-fit: cover;
}

.lodging-experience__content > .vc_column-inner {
	padding:
		clamp(38px, 6vw, 70px)
		clamp(30px, 5vw, 65px) !important;
}

.lodging-experience__content h2 {
	margin: 0 0 18px;
	color: var(--flo-grenier-white);
	font-size: clamp(34px, 4vw, 48px);
	font-weight: 700;
	letter-spacing: -0.035em;
	line-height: 1.08;
}

.lodging-experience__content p {
	color: rgba(255, 255, 255, 0.82);
}

.lodging-extra {
	margin: 18px 0 0 !important;
}

.lodging-extra > .wpb_wrapper {
	padding: 20px 22px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: var(--flo-grenier-radius-small);
}

.lodging-extra__heading {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
}

.lodging-extra__heading h3 {
	margin: 0;
}

.lodging-extra__icon {
	display: inline-flex;
	flex: 0 0 42px;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	overflow: hidden;
	background:
		linear-gradient(
			145deg,
			rgba(255, 255, 255, 0.15) 0%,
			rgba(255, 255, 255, 0.08) 100%
		);
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 13px;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.07),
		0 6px 15px rgba(10, 25, 4, 0.10);
}

.lodging-extra__icon svg {
	display: block;
	width: 28px;
	height: 28px;
	filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.08));
}

.lodging-extra h3 {
	color: var(--flo-grenier-white);
	font-size: 20px;
}

.lodging-extra p {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
}


/* ==========================================================
   13. RÉSERVATION
   ========================================================== */

.lodging-section--booking {
	overflow: hidden;
	padding: clamp(45px, 7vw, 80px) 25px;
	background:
		linear-gradient(
			135deg,
			#5b8e01 0%,
			#77aa26 55%,
			#4d7900 100%
		);
	border-radius: var(--flo-grenier-radius-large);
	box-shadow:
		0 22px 50px rgba(91, 142, 1, 0.23);
	text-align: center;
}

.lodging-booking__content {
	margin-bottom: 24px !important;
}

.lodging-booking__badge {
	display: flex;
	justify-content: center;
	margin: 0 auto 16px;
}

.lodging-booking__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	overflow: hidden;
	background:
		linear-gradient(
			145deg,
			rgba(255, 255, 255, 0.20) 0%,
			rgba(255, 255, 255, 0.11) 100%
		);
	border: 1px solid rgba(255, 255, 255, 0.20);
	border-radius: 13px;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.12),
		0 7px 18px rgba(35, 61, 15, 0.14);
}

.lodging-booking__icon svg {
	display: block;
	width: 29px;
	height: 29px;
	filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.08));
}

.lodging-booking__content h2 {
	margin: 0 0 14px;
	color: var(--flo-grenier-white);
	font-size: clamp(34px, 4vw, 49px);
	font-weight: 700;
	letter-spacing: -0.035em;
	line-height: 1.08;
}

.lodging-booking__content p {
	margin: 0;
	color: rgba(255, 255, 255, 0.88);
	font-size: 18px;
}

.lodging-button--booking .vc_btn3 {
	background: var(--flo-grenier-white) !important;
	box-shadow:
		0 12px 28px rgba(28, 47, 13, 0.20);
	color: var(--flo-grenier-green-dark) !important;
}

.lodging-button--booking .vc_btn3:hover,
.lodging-button--booking .vc_btn3:focus {
	background: var(--flo-grenier-cream) !important;
	color: var(--flo-grenier-green-deep) !important;
}

.lodging-booking__contact {
	margin: 24px 0 0 !important;
}

.lodging-booking__contact p {
	margin: 2px 0;
	color: rgba(255, 255, 255, 0.84);
	font-size: 15px;
	line-height: 1.4;
}

.lodging-booking__contact a {
	color: var(--flo-grenier-white);
	font-size: 21px;
	text-decoration: none;
}

.lodging-booking__contact a:hover {
	color: var(--flo-grenier-white);
	text-decoration: underline;
}


/* ==========================================================
   14. TABLETTE
   ========================================================== */

@media screen and (max-width: 991px) {

	.lodging-hero,
	.lodging-section {
		width: min(100% - 30px, 1200px);
	}

	.lodging-hero__content > .vc_column-inner {
		padding: 45px 35px !important;
	}

	.lodging-hero__image img {
		min-height: 520px;
	}

	.lodging-section--presentation {
		padding: 45px 30px;
	}

	.lodging-presentation > .vc_column-inner {
		padding-right: 25px !important;
	}

	.lodging-highlight__card > .wpb_wrapper {
		padding: 25px;
	}

	.lodging-experience__content > .vc_column-inner {
		padding: 45px 35px !important;
	}

}


/* ==========================================================
   15. MOBILE
   ========================================================== */

@media screen and (max-width: 767px) {

	.lodging-hero,
	.lodging-section {
		width: calc(100% - 22px);
	}

	.lodging-section {
		margin-top: 65px !important;
		margin-bottom: 65px !important;
	}

	.lodging-hero {
		display: flex;
		flex-direction: column;
		margin-top: 20px !important;
		margin-bottom: 65px !important;
		border-radius: 26px;
	}

	.lodging-hero > .vc_column_container {
		width: 100%;
	}

	.lodging-hero__content {
		order: 2;
	}

	.lodging-hero__visual {
		order: 1;
	}

	.lodging-hero__content > .vc_column-inner {
		padding: 34px 23px 40px !important;
	}

	.lodging-hero__title {
		font-size: 43px;
	}

	.lodging-hero__subtitle p {
		font-size: 18px;
	}

	.lodging-hero__image img {
		min-height: 310px;
		max-height: 410px;
	}

	.lodging-summary {
		margin-top: 20px !important;
	}

	.lodging-summary > .vc_column_container {
		width: 50%;
	}

	.lodging-button,
	.lodging-button .vc_btn3 {
		width: 100%;
	}

	.lodging-button .vc_btn3 {
		display: block;
		text-align: center;
	}

	.lodging-section__intro {
		margin-bottom: 28px !important;
	}

	.lodging-section__intro h2,
	.lodging-section__content h2,
	.lodging-experience__content h2,
	.lodging-booking__content h2 {
		font-size: 34px;
	}

	.lodging-section__intro p,
	.lodging-booking__content p {
		font-size: 16px;
	}

	.lodging-section--presentation {
		padding: 35px 23px;
		border-radius: 26px;
	}

	.lodging-presentation > .vc_column-inner {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}

	.lodging-highlight {
		margin-top: 30px;
	}

	.lodging-highlight > .vc_column-inner {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}

	.lodging-cards > .vc_column_container {
		width: 100%;
	}

	.lodging-card > .wpb_wrapper {
		padding: 27px 24px;
	}

	.lodging-section--experience {
		border-radius: 26px;
	}

	.lodging-experience__image img {
		min-height: 320px;
		max-height: 420px;
	}

	.lodging-experience__content > .vc_column-inner {
		padding: 35px 23px 42px !important;
	}

	.lodging-section--booking {
		padding: 45px 22px;
		border-radius: 26px;
	}

	.lodging-summary__layout {
		gap: 7px;
	}

	.lodging-summary__item > .wpb_wrapper {
		min-height: 124px;
		padding: 14px;
	}

	.lodging-summary__text {
		gap: 3px;
	}

	.lodging-summary__text strong {
		font-size: 20px;
	}

	.lodging-summary__text span {
		font-size: 13px;
	}

	.lodging-mini-icon {
		flex-basis: 36px;
		width: 36px;
		height: 36px;
		border-radius: 11px;
	}

	.lodging-mini-icon svg {
		width: 24px;
		height: 24px;
	}

	.lodging-line-icon {
		flex-basis: 32px;
		width: 32px;
		height: 32px;
	}

	.lodging-line-icon svg {
		width: 21px;
		height: 21px;
	}

	.lodging-card > .wpb_wrapper {
		padding: 26px 22px 28px;
	}

	.lodging-card__heading {
		margin-bottom: 12px;
		gap: 10px;
	}

	.lodging-card__icon {
		flex-basis: 42px;
		width: 42px;
		height: 42px;
		border-radius: 12px;
	}

	.lodging-card__icon svg {
		width: 27px;
		height: 27px;
	}

	.lodging-extra__icon {
		flex-basis: 39px;
		width: 39px;
		height: 39px;
	}

	.lodging-extra__icon svg {
		width: 26px;
		height: 26px;
	}

}


/* ==========================================================
   16. TRÈS PETITS ÉCRANS
   ========================================================== */

@media screen and (max-width: 420px) {

	.lodging-summary > .vc_column_container {
		width: 100%;
	}

	.lodging-hero__title {
		font-size: 38px;
	}

	.lodging-hero__image img {
		min-height: 280px;
	}

	.lodging-highlight__line {
		gap: 10px;
	}

	.lodging-highlight__value {
		font-size: 15px;
	}

}


/* ==========================================================
   17. MICRO-TYPOGRAPHIE — ARIAL POUR LES PETITS TEXTES
   ========================================================== */

/*
 * Charter reste utilisé pour les titres et les textes principaux.
 * Arial intervient uniquement sur les informations petites ou utilitaires.
 */
.lodging-hero__eyebrow p,
.lodging-summary__text span,
.lodging-highlight__label,
.lodging-extra p,
.lodging-booking__contact p {
	font-family: var(--flo-grenier-font-sans);
}


/* ==========================================================
   18. ACCESSIBILITÉ — MOUVEMENTS RÉDUITS
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

	.lodging-button .vc_btn3,
	.lodging-gallery .vc_gitem-zone,
	.lodging-card > .wpb_wrapper {
		transition: none;
	}

	.lodging-button .vc_btn3:hover,
	.lodging-gallery .vc_grid-item:hover .vc_gitem-zone,
	.lodging-card:hover > .wpb_wrapper {
		transform: none;
	}

}