*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
	/* Breakpoints (en @media utiliser la valeur en px : 640, 768, 1024, 1280, 1536) */
	--bp-xs:   375px;
	--bp-sm:   640px;
	--bp-md:   768px;
	--bp-lg:  1024px;
	--bp-xl:  1280px;
	--bp-xxl: 1536px;
	/* Container max-width par breakpoint (utilisés par grid.css) */
	--container-sm:  600px;
	--container-md:  720px;
	--container-lg:  960px;
	--container-xl:  1200px;
	--container-xxl: 1320px;
	--bs-gutter-x:30px;
	--gap:calc(var(--bs-gutter-x)/2);
	--section-padding:60px;
	--c-dark:#111;
	--c-white:#fff;
	--c-light:#F4F2FD;
	--c-grey-soft:#e0e0e0;
	--c-gold-review: #F5B800;
	--c-grey:#666;
	--c-accent:#000;
	--c-fresh:#7141D9;
	--c-fresh-2:#7141D9;
	--c-green-success:#03B38C;
	--c-soft-purple:#B2B2F9;
	--grad-fresh: radial-gradient(140% 120% at 100% 0%, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0) 58%);
	--grad-fresh-hover: radial-gradient(140% 120% at 100% 0%, rgba(255,255,255,0.26) 0%, rgba(255,255,255,0) 62%);
	--shadow-1:0 4px 12px rgba(0,0,0,0.1);
	--shadow-section: 0 60px 24px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.06);
	--grad-light:linear-gradient(to bottom,#F0F0F0,#FFF);
	--header-height:80px; /* Surchargé par header-height.js avec la hauteur réelle */
	--main-top-gap: 0; /* Contenu pile sous le spacer, pas de padding-top */
	--aside-width: 200px;
	--border-light:1px solid var(--c-grey-soft);
}
@media (min-width: 640px)  { :root { --aside-width: 210px; } }
@media (min-width: 768px)  { :root { --aside-width: 220px; } }
@media (min-width: 1024px) { :root { --aside-width: 230px; } }
@media (min-width: 1280px) { :root { --aside-width: 240px; } }
@media (min-width: 1536px) { :root { --aside-width: 250px; } }
html{
	scroll-behavior:smooth;
	background-color:var(--c-light);

}
body{min-height:100vh;display:flex;flex-direction:column;position:relative;}
/* Ancres : marge au scroll (nav absolute, plus de décalage fixe) */
.main [id]{scroll-margin-top:2rem;}
body.has-alert .main [id]{scroll-margin-top:2rem;}
.main #about{scroll-margin-top:0;}
img{max-width:100%;height:auto;display:block;}
.section{padding:var(--section-padding) 0;}
/* Navigation fixe : fond blanc ; overlay transparent uniquement sur l’accueil */
.header{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:1000;
	background:var(--c-white);
	box-shadow:none;
	padding: calc(var(--gap)*1.2) 0;
	transition:background .3s ease,box-shadow .3s ease;
}
body.has-header-overlay .header{
	background:transparent;
}
body.has-header-overlay header.navigation{border-bottom:none;}
body.has-header-overlay .nav-spacer{height:0;overflow:hidden;}
body.has-header-overlay.has-alert .nav-spacer{height:0;}
body.has-header-overlay .main{padding-top:0;}
body.has-header-overlay .sec-hero,
body.has-header-overlay .page-header-titre,
body.has-header-overlay .page-header-anchor,
body.has-header-overlay #tings-container.section,
body.has-header-overlay .feed{
	padding-top:calc(var(--header-height) + var(--gap)*2);
}
body.has-header-overlay.has-alert .sec-hero,
body.has-header-overlay.has-alert .page-header-titre,
body.has-header-overlay.has-alert .page-header-anchor,
body.has-header-overlay.has-alert #tings-container.section,
body.has-header-overlay.has-alert .feed{
	padding-top:calc(var(--header-height) + var(--alert-height) + var(--gap)*2);
}
.navbar .nav-cta-btn,
.nav-menu > li.btn > a,
.nav-menu > li.nav-cta > a,
.nav-option-menu > li.btn > a,
.nav-option-menu > li.nav-cta > a{
	display:inline-flex;
	align-items:center;
	gap:0.45em;
	margin:0;
	padding:0.45em 1.2em;
	background-color: var(--c-fresh);
	background-image: var(--grad-fresh);
	color:var(--c-white)!important;
	border:0;
	border-radius:50px;
	font-weight:600;
	font-size:0.96rem;
	letter-spacing:0.02em;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 4px 14px color-mix(in srgb, var(--c-fresh) 22%, transparent);
	text-decoration:none;
	flex-shrink:0;
	transition:box-shadow .45s ease,transform .4s ease,color .4s ease,filter .4s ease;
}
.navbar .nav-cta-btn:hover,
.nav-menu > li.btn > a:hover,
.nav-menu > li.nav-cta > a:hover,
.nav-option-menu > li.btn > a:hover,
.nav-option-menu > li.nav-cta > a:hover{
	background-color: var(--c-fresh);
	background-image: var(--grad-fresh-hover);
	border-color:transparent;
	filter: brightness(1.02);
	color:var(--c-white)!important;
	opacity:1;
	transform:translateY(-1px);
	box-shadow:0 8px 22px color-mix(in srgb, var(--c-fresh) 28%, transparent);
	text-decoration:none;
}
.navbar .nav-cta-btn::after,
.nav-menu > li.btn > a::after,
.nav-menu > li.nav-cta > a::after,
.nav-option-menu > li.btn > a::after,
.nav-option-menu > li.nav-cta > a::after{
	content:'';
	width:0.42em;
	height:0.42em;
	border-right:2px solid currentColor;
	border-top:2px solid currentColor;
	transform:rotate(45deg);
	transition:transform .25s ease;
}
.navbar .nav-cta-btn:hover::after,
.nav-menu > li.btn > a:hover::after,
.nav-menu > li.nav-cta > a:hover::after,
.nav-option-menu > li.btn > a:hover::after,
.nav-option-menu > li.nav-cta > a:hover::after{
	transform:rotate(45deg) translate(2px,-2px);
}
.nav-menu > li.btn > a::before,
.nav-menu > li.nav-cta > a::before{
	display:none;
}
.header-inner{display:flex;flex-direction:row;align-items:center;gap:var(--gap);}
.header-left{display:flex;align-items:center;flex-shrink:0;padding-right:1.5rem;}
.header-right{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;}
/* Desktop : menu-option et menu principal en ligne */
.nav-dropdown{display:flex;flex-direction:row;align-items:center;gap:1.5rem;}
.nav-dropdown .nav-option-menu{order:-1;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1.25rem;list-style:none;margin:0;padding:0;}
.nav-dropdown .nav-option-menu li{margin:0;padding:0;}
.nav-dropdown .nav-option-menu a{font-size:0.9rem;text-decoration:none;color:var(--c-grey-soft);opacity:0.9;transition:color .2s ease,opacity .2s ease;}
.nav-dropdown .nav-option-menu a:hover{color:var(--c-fresh);opacity:1;}
.nav-dropdown .nav-option-menu .current-menu-item > a,.nav-dropdown .nav-option-menu .current_page_item > a{color:var(--c-grey);font-weight:500;}
.nav-dropdown .nav-menu{display:flex;align-items:center;gap:2.5rem;list-style:none;margin:0;padding:0;}
.nav-menu li{margin:0;padding:0;}
.nav-menu > li{position:relative;display:flex;align-items:center;}
.nav-menu > li > a{display:inline-flex;align-items:center;padding:0.25rem 0;font-size:0.96rem;text-decoration:none;color:inherit;transition:color .2s ease;}
.nav-menu > li > a:hover{color:var(--c-fresh);}
.nav-menu > li > a::before{
	content:'';
	display:inline-block;
	width:0.32em;
	height:0.32em;
	margin-right:0.4em;
	border-right:2px solid var(--c-fresh);
	border-top:2px solid var(--c-fresh);
	transform:rotate(45deg);
	flex-shrink:0;
}
.nav-menu > li.nav-cta > a::before{display:none;}
/* Spacer = hauteur de la nav pour que le contenu démarre en dessous (toutes les pages) */
.nav-spacer{height:var(--header-height);flex-shrink:0;}
.main{flex:1;padding-top:var(--main-top-gap);}
.navbar{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;column-gap:1.5rem;}
.navbar-brand{display:inline-flex;align-items:center;font-weight:bold;font-size:1.35rem;line-height:1.2;white-space:nowrap;}
/* Logo + titre du site */
.header-left .navbar-brand.logo-fresh{
	max-width:none;
	display:inline-flex;
	align-items:center;
	gap:0.78rem;
	text-decoration:none;
	color:inherit;
}
.header-left .navbar-brand.logo-fresh .logo-svg,
.header-left .navbar-brand.logo-fresh img{
	width:58px;
	height:auto;
	display:block;
	flex-shrink:0;
}
.header-left .navbar-brand-title{
	font-size:calc(var(--t5) * 1.2);
	font-weight:600;
	line-height:1.1;
	letter-spacing:-0.02em;
}
/* Parent avec enfants : chevron */
.nav-menu > li.menu-item-has-children > a::after{content:'';display:inline-block;width:0.35em;height:0.35em;margin-left:0.35em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);vertical-align:middle;transition:transform .25s ease;}
.nav-menu > li.menu-item-has-children:hover > a::after,.nav-menu > li.menu-item-has-children:focus-within > a::after{transform:rotate(-135deg);}
/* Sous-menu desktop : dropdown */
.nav-menu .sub-menu{position:absolute;top:100%;left:0;min-width:200px;margin:4px 0 0 0;padding:.5rem 0;list-style:none;background:var(--c-white);box-shadow:var(--shadow-1);border-radius:8px;border:1px solid var(--c-grey-soft);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;}
.nav-menu > li:hover .sub-menu,.nav-menu > li:focus-within .sub-menu{opacity:1;visibility:visible;transform:translateY(0);}
.nav-menu .sub-menu li{padding:0;}
.nav-menu .sub-menu a{display:block;padding:.5rem 1rem;font-size:1.125rem;text-decoration:none;color:var(--c-grey);white-space:nowrap;transition:background .15s ease,color .15s ease;}
.nav-menu .sub-menu a:hover{background:var(--c-light);color:var(--c-dark);}
.nav-menu .sub-menu .current-menu-item > a,.nav-menu .sub-menu .current_page_item > a{color:var(--c-fresh);font-weight:600;}
.nav-sub-toggle{display:none;}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;width:38px;height:29px;position:relative;}
.nav-toggle span{position:absolute;left:0;width:100%;height:2px;background:var(--c-dark);border-radius:2px;transition:all .4s cubic-bezier(.4,0,.2,1);}
.nav-toggle span:nth-child(1){top:0;}
.nav-toggle span:nth-child(2){top:50%;transform:translateY(-50%);}
.nav-toggle span:nth-child(3){bottom:0;}
.nav-toggle.active span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg);}
.nav-toggle.active span:nth-child(2){opacity:0;}
.nav-toggle.active span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg);}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
/* Zone sticky au scroll : reste à 100px du haut */
.scroll-static{position:sticky;top:150px;align-self:flex-start;}
@media (max-width: 767px){
	.header-inner{flex-direction:row;align-items:center;gap:var(--gap);}
	.header-left{padding-right:0;flex-shrink:1;min-width:0;}
	.header-left .navbar-brand.logo-fresh{min-width:0;}
	.header-left .navbar-brand-title{font-size:1.2rem;}
	.header-right{flex:1;justify-content:flex-end;}
	.navbar{justify-content:flex-end;align-items:center;flex-wrap:nowrap;column-gap:0.75rem;}
	.navbar .nav-cta-btn{padding:0.35em 0.85em;font-size:0.9rem;}
	.nav-toggle{display:block;}
	.header.is-open{background:var(--c-white);box-shadow:var(--shadow-1);}
	.nav-dropdown{position:absolute;top:100%;left:0;width:100vw;margin-left:calc(-50vw + 50%);flex-direction:column;align-items:stretch;gap:0;max-height:0;overflow:hidden;background:var(--c-white);transition:max-height .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease,padding .4s ease;}
	.nav-dropdown.active{max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-1);padding:1rem 0;}
	.nav-dropdown .nav-menu,.nav-dropdown .nav-option-menu{flex-direction:column;align-items:stretch;gap:0;list-style:none;margin:0;padding:0;}
	.nav-dropdown .nav-option-menu{order:0;}
	.nav-dropdown .nav-menu > li,.nav-dropdown .nav-option-menu li{padding:0;display:flex;flex-wrap:wrap;}
	.nav-dropdown .nav-menu > li > a,.nav-dropdown .nav-option-menu a{flex:1;padding:.6rem 1.5rem;min-width:0;text-decoration:none;color:inherit;transition:color .2s ease;}
	.nav-dropdown .nav-menu > li > a:hover,.nav-dropdown .nav-option-menu a:hover{color:var(--c-fresh);}
	.nav-dropdown .nav-menu > li.btn > a,
	.nav-dropdown .nav-menu > li.nav-cta > a{
		flex:0 0 auto;
		margin:0.5rem 1.5rem;
		color:var(--c-white)!important;
		padding:0.45em 1.2em;
	}
	.nav-dropdown .nav-menu > li.btn > a:hover,
	.nav-dropdown .nav-menu > li.nav-cta > a:hover{
		color:var(--c-white)!important;
	}
	.nav-dropdown .nav-menu .current-menu-item > a,.nav-dropdown .nav-menu .current_page_item > a,.nav-dropdown .nav-option-menu .current-menu-item > a,.nav-dropdown .nav-option-menu .current_page_item > a{color:var(--c-fresh);font-weight:600;}
	.nav-menu > li.menu-item-has-children > a::after{display:none;}
	.nav-sub-toggle{display:flex;align-items:center;justify-content:center;width:48px;flex-shrink:0;background:none;border:none;cursor:pointer;padding:0;color:inherit;}
	.nav-sub-toggle span{display:block;width:0.4em;height:0.4em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .25s ease;}
	.nav-menu > li.menu-item-has-children.is-open .nav-sub-toggle span{transform:rotate(-135deg);}
	.nav-menu .sub-menu{position:static;min-width:auto;width:100%;box-shadow:none;border:none;border-radius:0;border-left:3px solid var(--c-grey-soft);margin:0 0 0 1rem;padding:0 0 .25rem 0;opacity:1;visibility:visible;transform:none;max-height:0;overflow:hidden;transition:max-height .3s ease;}
	.nav-menu > li.menu-item-has-children.is-open .sub-menu{max-height:500px;}
	.nav-menu .sub-menu a{padding:.4rem 1.5rem;white-space:normal;}
	.nav-menu li{padding:0;}
	.section{padding:calc(var(--section-padding)/2) 0;}
}