/**
 * LUXIMMO — PAGE PLAN DU SITE
 * Réf. luximmo.pro — typo alignée mentions légales / politique confidentialité
 */

.luximmo-plan-site-page{
	--luximmo-plan-teal: #1e4951;
	--luximmo-plan-gold: #daa328;
	--luximmo-plan-bg: #ffffff;
	--luximmo-plan-line: rgba(225, 236, 238, 0.95);
	--luximmo-plan-content-max: 80rem; /* 1280px */
	--luximmo-plan-hero-band: 14.8rem;
	--luximmo-plan-hero-header-pull: 9.5rem;
}


/* =========================
HERO
========================= */

.luximmo-plan-site-page .luximmo-plan-site-hero{
	position:relative;
	height:var(--luximmo-plan-hero-band);
	min-height:var(--luximmo-plan-hero-band);
	max-height:var(--luximmo-plan-hero-band);
	overflow:hidden;
	display:flex;
	align-items:stretch;
	justify-content:center;
	background-color:var(--luximmo-plan-teal);
}


.luximmo-plan-site-page .luximmo-plan-site-hero-media,
.luximmo-plan-site-page .luximmo-plan-site-hero-overlay{
	position:absolute;
	left:0;
	right:0;
	top:calc(-1 * var(--luximmo-plan-hero-header-pull));
	height:calc(100% + var(--luximmo-plan-hero-header-pull));
	pointer-events:none;
}


.luximmo-plan-site-page .luximmo-plan-site-hero-media{
	z-index:0;
	background-size:cover;
	background-position:center 40%;
	background-repeat:no-repeat;
}


.luximmo-plan-site-page .luximmo-plan-site-hero-overlay{
	z-index:1;
	top:0;
	height:100%;
	background:linear-gradient(
		to bottom,
		rgba(30, 73, 81, 0.62) 0%,
		rgba(30, 73, 81, 0.50) 45%,
		rgba(30, 73, 81, 0.22) 80%,
		rgba(30, 73, 81, 0.00) 100%
	);
}


.luximmo-plan-site-page .luximmo-plan-site-hero-inner{
	position:relative;
	z-index:2;
	flex:1 1 auto;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:center;
	width:100%;
	min-height:100%;
	padding:4.75rem 1.25rem 1.1rem;
	text-align:center;
}


.luximmo-plan-site-page .luximmo-plan-site-hero-copy{
	width:100%;
	max-width:52rem;
	margin:0 auto;
	font-family:"Montserrat", Arial, sans-serif;
}


.luximmo-plan-site-page .luximmo-plan-site-hero h1{
	margin:0;
	font-family:"Montserrat", Arial, sans-serif;
	font-size:clamp(1.5rem, 3.5vw, 2.5rem);
	font-weight:700;
	line-height:1.2;
	color:#ffffff;
	text-shadow:0 1px 8px rgba(0, 0, 0, 0.35);
}


/* =========================
CONTENT
========================= */

.luximmo-plan-site{
	background:var(--luximmo-plan-bg);
	padding:1.7rem 0 2.6rem;
}


.luximmo-plan-site > .container-fluid{
	width:100%;
	max-width:none;
	margin:0 auto;
	padding-left:clamp(16px, 4vw, 40px) !important;
	padding-right:clamp(16px, 4vw, 40px) !important;
}


.luximmo-plan-site .row{
	justify-content:center;
}


.luximmo-plan-site-card{
	width:min(100%, 25rem);
	margin:50px auto;
	padding:40px 2rem 1.25rem 40px;
	background:var(--luximmo-plan-teal);
	border-radius:10px;
	font-family:"Montserrat", Arial, sans-serif;
}


.luximmo-plan-site-group{
	margin-bottom:1.15rem;
}


.luximmo-plan-site-group:last-child{
	margin-bottom:0;
}


/* Titres de section — ref. luximmo.pro : 25.2px blanc */
.luximmo-plan-site-group h2{
	margin:0 0 0.7rem;
	padding:0 0 10px;
	color:#ffffff;
	font-family:"Montserrat", Arial, sans-serif;
	font-size:25.2px;
	font-weight:400;
	line-height:1.3;
}


/* Liens — ref. luximmo.pro : 14.4px #daa328 */
.luximmo-plan-site-links{
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	font-family:"Montserrat", Arial, sans-serif;
}


.luximmo-plan-site-links--uppercase a{
	text-transform:uppercase;
}


.luximmo-plan-site-links::before{
	content:"";
	position:absolute;
	left:0;
	top:0.1rem;
	bottom:0.1rem;
	width:1px;
	background:var(--luximmo-plan-line);
}


.luximmo-plan-site-links li{
	position:relative;
	margin:0 0 0.46rem;
	padding-left:1.45rem;
}


.luximmo-plan-site-links li:last-child{
	margin-bottom:0;
}


.luximmo-plan-site-links li::after{
	content:"";
	position:absolute;
	left:0;
	top:0.55rem;
	width:1rem;
	height:1px;
	background:var(--luximmo-plan-line);
}


.luximmo-plan-site-links a{
	color:var(--luximmo-plan-gold);
	font-family:"Montserrat", Arial, sans-serif;
	font-size:14.4px;
	font-weight:400;
	line-height:1.35;
	text-decoration:none;
}


.luximmo-plan-site-link-icon{
	display:inline-flex;
	align-items:center;
	gap:0.34rem;
}


.luximmo-plan-site-link-icon-svg{
	width:0.9rem;
	height:0.9rem;
	flex-shrink:0;
	fill:currentColor;
}


.luximmo-plan-site-links a:hover,
.luximmo-plan-site-links a:focus{
	color:#e7c66f;
	text-decoration:underline;
}


/* =========================
RESPONSIVE
========================= */

@media (max-width: 991.98px){

	.luximmo-plan-site-page{
		--luximmo-plan-hero-band: 15.5rem;
		--luximmo-plan-hero-header-pull: 5.5rem;
	}

	.luximmo-plan-site-page .luximmo-plan-site-hero-inner{
		padding:4rem 1rem 0.85rem;
	}

}


@media (max-width: 576px){

	.luximmo-plan-site{
		padding:1.35rem 0 2rem;
	}

	.luximmo-plan-site-card{
		width:min(100%, 22rem);
		padding:1.2rem 1rem 1.1rem 1.2rem;
	}

	.luximmo-plan-site-group h2{
		font-size:22px;
	}

	.luximmo-plan-site-links a{
		font-size:14px;
	}

}