/*
 * Header et footer communs à toutes les pages.
 * Même structure que la maquette, couleurs et typo du thème.
 */

/* Fond sombre dès le premier pixel : évite le flash blanc entre /le-parking,
 * /les-tarifs, /abonnements, etc. (hero photo pas encore peinte). */
html{
	background:#111111;
}

body{
	background:#ffffff;
}

#subheader,
.jarallax,
#section-hero{
	background-color:#111111;
	overflow:hidden;
}

.jarallax{
	position:relative;
	z-index:0;
}

.jarallax > .jarallax-img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:50% 50%;
	z-index:-1;
	pointer-events:none;
}

.wow{
	visibility:visible;
}

header,
.btn-main,
.bttReserverIci,
.np-chrome,
.np-logo img,
.jarallax-img{
	-webkit-transition:none;
	transition:none;
}

.bttReserverIci:hover,
.btn-main:hover{
	-webkit-transition:box-shadow .2s ease;
	transition:box-shadow .2s ease;
}

.np-chrome{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1001;
	font-family:var(--body-font);
	color:#fff;
}

.np-chrome a{
	color:inherit;
	text-decoration:none;
}

.np-wrap{
	max-width:1280px;
	margin:0 auto;
	padding:0 40px;
}

.np-util{
	background:var(--bg-color-dark);
	color:rgba(255,255,255,.8);
	font-size:13.5px;
	font-weight:600;
}

.np-util .np-wrap{
	display:flex;
	align-items:center;
	gap:26px;
	height:42px;
}

.np-dot{
	color:var(--color3);
}

.np-util-droite{
	margin-left:auto;
	display:flex;
	gap:22px;
	align-items:center;
}

.np-nav{
	position:relative;
	z-index:4;
	height:auto !important;
}

.np-chrome.is-stuck .np-nav{
	background:rgba(17,17,17,.94);
	-webkit-backdrop-filter:blur(16px);
	backdrop-filter:blur(16px);
}

.np-nav .np-wrap{
	display:flex;
	align-items:center;
	gap:30px;
	height:78px;
	position:relative;
}

.np-logo{
	display:block;
	flex:0 0 auto;
	line-height:0;
}

.np-logo img{
	width:172px;
	height:auto;
	display:block;
}

.np-nav-links{
	display:flex;
	align-items:center;
	gap:30px;
}

.np-nav-links a{
	font-size:14.5px;
	font-weight:600;
	color:rgba(255,255,255,.85);
}

.np-nav-links a:hover{
	color:#fff;
}

.np-nav-links .menu-item{
	display:none;
}

.np-nav-actions{
	margin-left:auto;
	display:flex;
	align-items:center;
	gap:20px;
}

.np-wa{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	border-radius:50%;
	background:#25D366;
	color:#fff !important;
	flex:0 0 42px;
}

.np-wa svg{
	width:24px;
	height:24px;
	display:block;
}

.np-wa:hover{
	background:#1EBE5A;
	color:#fff !important;
}

.np-burger{
	display:none;
	width:42px;
	height:42px;
	border:0;
	background:transparent;
	padding:0;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:5px;
	cursor:pointer;
}

.np-burger span{
	display:block;
	width:20px;
	height:2px;
	background:#fff;
}

.np-pied{
	background:var(--bg-color-dark) !important;
	color:rgba(255,255,255,.75);
	padding:60px 0 34px !important;
	font-size:14.5px;
	font-family:var(--body-font);
	position:relative;
	width:auto;
	height:auto;
}

.np-pied h2{
	color:#fff;
	font-family:var(--title-font);
	font-size:14px;
	font-weight:700;
	line-height:1.3;
	letter-spacing:0;
	margin:0 0 14px;
}

.np-pied a{
	color:rgba(255,255,255,.75);
	text-decoration:none;
	display:block;
	padding:5px 0;
}

.np-pied a:hover{
	color:#fff;
}

.np-pied .np-logo{
	margin-bottom:12px;
}

.np-pied .np-logo img{
	width:160px;
}

.np-f-grid{
	display:grid;
	grid-template-columns:1.4fr 1fr 1fr 1fr;
	gap:40px;
	padding-bottom:36px;
	border-bottom:1px solid rgba(255,255,255,.14);
}

.np-f-grid p{
	margin:0;
	line-height:1.7;
}

.np-f-grid p a{
	display:inline;
	padding:0;
}

.np-f-pay{
	display:flex;
	align-items:center;
	gap:8px;
	margin-top:18px;
}

.np-f-pay img{
	height:32px;
	width:auto;
	margin:0 !important;
	padding:0;
	background:#fff;
	border-radius:3px;
	object-fit:contain;
	display:block;
}

.np-f-pay img[alt="Visa"]{
	width:46px;
	background:#fff;
}

.np-f-bas{
	display:flex;
	gap:24px;
	padding-top:22px;
	font-size:13px;
	color:rgba(255,255,255,.5);
	flex-wrap:wrap;
	align-items:center;
}

.np-f-bas a{
	display:inline;
	padding:0;
	color:rgba(255,255,255,.5);
}

.np-f-droite{
	margin-left:auto;
}

@media (min-width:993px){
	#subheader h1{
		margin-top:140px;
	}
}

@media (max-width:960px){
	.np-nav{
		background:rgba(17,17,17,.94);
		-webkit-backdrop-filter:blur(16px);
		backdrop-filter:blur(16px);
	}

	.np-wrap{
		padding:0 20px;
	}

	.np-nav .np-wrap{
		gap:12px;
		height:auto;
		min-height:72px;
		padding-top:12px;
		padding-bottom:12px;
	}

	.np-nav-actions{
		gap:8px;
	}

	.np-nav-actions .btn-main{
		padding:8px 12px;
		font-size:13px;
	}

	.np-wa,
	.np-burger{
		width:36px;
		height:36px;
		flex-basis:36px;
	}

	.np-nav-links{
		display:none;
	}

	.np-nav .bttIcoHeader{
		display:none;
	}

	.np-burger{
		display:inline-flex;
	}

	.np-logo img,
	.np-pied .np-logo img{
		width:128px;
	}

	.np-util .np-wrap{
		gap:14px;
	}

	.np-util-adresse,
	.np-util-droite a[href="/connexion"]{
		display:none;
	}

	.np-f-grid{
		grid-template-columns:1fr 1fr;
	}

	.np-f-droite{
		margin-left:0;
	}
}

@media (max-width:560px){
	.np-f-grid{
		grid-template-columns:1fr;
	}
}

.np-sheet{
	position:fixed;
	inset:0;
	z-index:4000;
	display:flex;
	flex-direction:column;
	background:#fff;
	color:#1C1C1C;
	font-family:var(--body-font);
	padding:0;
	overflow:hidden;
}

.np-sheet[hidden]{
	display:none !important;
}

@media (min-width:961px){
	.np-sheet{
		display:none !important;
	}
}

body.np-sheet-on{
	overflow:hidden;
}

.np-sheet-bar,
.np-sheet-actions{
	position:relative;
	z-index:2;
	background:#fff;
}

.np-sheet-bg{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center 42%;
	z-index:0;
	pointer-events:none;
}

.np-sheet-bar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	padding:18px 22px 0;
}

.np-sheet .np-logo img{
	width:170px !important;
	height:auto;
}

.np-sheet-close{
	width:40px;
	height:40px;
	border:0;
	border-radius:50%;
	background:#F4F4F4;
	color:#1C1C1C;
	display:grid;
	place-items:center;
	padding:0;
	cursor:pointer;
	flex:0 0 40px;
}

.np-sheet-close svg{
	width:20px;
	height:20px;
}

.np-sheet-actions{
	display:flex;
	flex-direction:column;
	gap:8px;
	padding:22px 22px 8px;
}

.np-sheet-lieu{
	position:relative;
	z-index:1;
	margin-top:auto;
	overflow:hidden;
	background:transparent;
	color:#fff;
}

.np-sheet-lieu::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:1;
	background:linear-gradient(180deg,#111 0%,rgba(17,17,17,.88) 22%,rgba(17,17,17,.62) 100%);
	pointer-events:none;
}

.np-sheet-lieu-inner{
	position:relative;
	z-index:2;
	padding:18px 22px calc(22px + env(safe-area-inset-bottom, 0px));
}

.np-sheet-kicker{
	margin:0 0 6px;
	font-family:var(--title-font);
	font-size:11px;
	font-weight:700;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:var(--color3);
}

.np-sheet-adresse{
	margin:0;
	font-family:var(--title-font);
	font-size:16px;
	font-weight:600;
	line-height:1.3;
	color:#fff;
}

.np-sheet-meta{
	margin:4px 0 14px;
	font-size:13px;
	line-height:1.4;
	color:rgba(255,255,255,.62);
}

.np-sheet-contact{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:10px;
	margin-bottom:12px;
}

.np-sheet-contact a{
	position:relative;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:3px;
	min-width:0;
	background:rgba(255,255,255,.94);
	color:#111 !important;
	border-radius:14px;
	padding:12px 14px;
	text-decoration:none;
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);
}

.np-sheet-ico{
	position:absolute;
	right:-8px;
	bottom:-12px;
	width:64px;
	height:64px;
	color:#8d8d8d;
	opacity:.28;
	transform:rotate(-28deg);
	pointer-events:none;
}

.np-sheet-contact a:last-child .np-sheet-ico{
	opacity:.34;
	width:70px;
	height:70px;
}

.np-sheet-contact a span,
.np-sheet-contact a strong{
	position:relative;
	z-index:1;
}

.np-sheet-contact a span{
	font-size:12px;
	font-weight:600;
	letter-spacing:.02em;
	color:#727272;
}

.np-sheet-contact a strong{
	font-family:var(--title-font);
	font-size:14px;
	font-weight:700;
	line-height:1.2;
	color:#111;
	white-space:nowrap;
}

.np-sheet-go{
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--color3);
	color:#111 !important;
	font-family:var(--title-font);
	font-size:15px;
	font-weight:700;
	padding:13px 16px;
	border-radius:999px;
	text-decoration:none;
}

.np-sheet-actions .menu-item,
.np-sheet-resa{
	display:block;
	text-align:center;
	font-family:var(--title-font);
	font-weight:700;
	font-size:15.5px;
	line-height:1.2;
	padding:14px 16px;
	border-radius:12px;
	text-decoration:none;
}

.np-sheet-actions .menu-item{
	background:var(--primary-color);
	color:#fff !important;
}

.np-sheet-resa{
	background:var(--color3);
	color:#111 !important;
}

.np-sheet-links{
	position:relative;
	z-index:1;
	display:flex;
	flex-direction:column;
	flex:1;
	min-height:0;
	overflow:auto;
	padding:4px 22px 0;
	background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.92) 100%);
}

.np-sheet-links a{
	display:flex;
	align-items:center;
	flex:1 0 auto;
	min-height:48px;
	padding:0;
	border-bottom:1px solid rgba(28,28,28,.08);
	color:#1C1C1C !important;
	font-family:var(--title-font);
	font-size:18px;
	font-weight:500;
	letter-spacing:-.01em;
	text-decoration:none;
}

.np-sheet-links a:last-child{
	border-bottom:0;
}