@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");

/* CSS Document */


/* ADAPTATON AUX ECRANS */
/* ==================== */

/*@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');*/

/* STANDARD PC */

* { font-family: "Quicksand", "Gill Sans", "Gill Sans MT", "Myriad Pro", Helvetica, Arial, "sans-serif"; font-weight: 400;}
.wrap{ width: 90%;margin:auto;max-width:1415px;clear:both;float:none;}

.Menu{ width:130px; }
.menu2 .MenuSous{ margin-left:-120px; }
.menu3 .MenuSous{ margin-left:-240px; }
.MenuSous{ margin-top:5px;width:522px; }
.mobil-menu-haut{margin-top:-46px;width:94%;}
.MenuMeta{height:45px;}
.mobil-menu-haut-1{margin-left:33%;}

.MenuCatTitle{font-size:13px;padding:7px 15px 7px 15px;}
.titre3{width:100%;}

.mobil-logo{ display: inline-block;margin-top:25px; padding-left:14%; }
.mobil-logo a{ position:relative;display:block;width:100%;height:100% }
.logoHeader{width:100%;max-width:142px;}
.CTA-publier{height:330px;}
.CTA-publier-marge{padding-top:20%;}
/* Encarts wall vides : même bleu foncé + radius 24px que les CTA publication */
.annonces article.CTA-publier{
	background: var(--Bleu-fonc, #1D3253);
	border-radius: 24px;
}
.CTA-publier .CTA-publier-btn{color:var(--Bleu-fonc, #1D3253);}

.bloc_padding{padding: 0;}
.bloc_contact{box-shadow:0 0 1rem rgb(0 0 0 / 8%);}

.KiwiizLogo{width:90px;margin-left:3px;margin-top:-1px;}
.seo-lien{ color:#fff;padding:7px;margin:5px;margin-right:8px;float:left;width:30%;background-color:#9ca5b4;font-size:13px;text-align:center;border-radius:10px;height:20px;padding-top:10px; }
.seo-lien:hover{ background-color:#1e3354;text-decoration:none;color:#fff; }
.seo-keywords{color: #1e3354;padding:7px;margin-top:10px;margin-right:0.5rem;float:left;width:16%;background-color: #fff;font-size:13px;text-align:center;border-radius:10px;height:20px;padding-top:10px;border: 1px solid #9ca5b4;}
.seo-keywords:hover{ background-color:#1e3354;text-decoration:none;color:#fff; }

.search input{padding-left:10px;background-color:#fff;height:33px;width:160px;border:1px solid #f6f6f6;border-radius:5px;color:#375267;font-size:14px;}
.wish_depuis{ float:right;width:100%;font-size:12px;text-align:right;margin-top:25px;margin-bottom:20px; }
.bt_jai{position:absolute;border-radius:100%;color:#fff;width:20px;height:20px;margin-top:-130px;margin-left:110px;cursor:pointer;}

span.alert { animation:bounce 0.35s ease infinite alternate;margin-top:0.4rem;height:20px;line-height:20px;min-width:20px;border-radius:20px;font-size:13px;text-align:center;font-weight:700;padding:0 3px;position:absolute;box-sizing:border-box;background:#fd3b2f;color:#FFF;}

 @keyframes bounce{
	   from {transform: translateY(0);}
	   to   {transform: translateY(-0.6em);}
	 }

#bottom .alert { left: 50%; margin-top: 0.4rem; z-index: 4;}

menu#bottom { position: fixed; width: 100%; height: 80px; margin: 0; bottom: 0; z-index: 10; background: url(../images/bottom.svg) no-repeat center 0; background-size: auto 80px;  box-sizing: border-box;  }
.open menu#bottom {border-radius:0 0 2rem 2rem; transition: border-radius 0.25s; }


menu#bottom a#send {background: #00ff99;
	background: -moz-linear-gradient(45deg,  #00ff99 0%, #00defd 100%);
	background: -webkit-linear-gradient(45deg,  #00ff99 0%,#00defd 100%);
	background: linear-gradient(45deg,  #00ff99 0%, #00defd 100%); left: 50%; margin:-18px -28px; height: 56px; width: 56px; box-sizing: border-box; border: 3px solid #FFF; position: absolute; border-radius: 100%; box-shadow: 0 0 6px rgba(29,50,84,0.08);  bottom: auto; top: 0; } 

menu#bottom a#send svg { position: absolute; width: 34px; height: 34px; top: 50%; left: 50%; margin: -17px; transform: scale(0.8); transition: all 0.15s;}	
menu#bottom a#send svg path { fill:#FFF;}
menu#bottom a { position: absolute; bottom: 15px; left: 0; box-sizing: border-box; height: 40px; width: 20%; border: 0 solid #FFF; border-width: 0 10px; border-radius: 20px;}
menu#bottom a svg { position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px; z-index: 2; }


menu#bottom a svg path { fill:#1E3354; ;}
menu#bottom a svg path.fill { opacity:0;}
menu#bottom a.actif svg path.fill { opacity:1; fill: #00f4ba;   fill: url(#header-shape-gradient) #00f4ba;}
menu#bottom a.actif svg path.border { fill:#FFF;  opacity:0;}

#header { position: fixed;text-align: center; z-index: 15; line-height: 1.1rem; background: #FFF; position: fixed; width: 100%; box-sizing: border-box;  padding:1px 0.2rem; margin:-1px; box-shadow: 0 6px 16px -6px rgba(29,50,84,0.08);height: 80px;padding-top: 20px; }
.open #header { border-radius: 2rem 2rem 0 0;  transition: border-radius 0.25s; }

#header .myAvatar {position:absolute;background:no-repeat center center #E5E5E5;background-size:cover;border:2px solid #FFF;border-radius:100%;box-sizing:border-box;height:3rem;width:3rem;margin-right:4%;margin-top:5px;box-shadow:0 0 5px rgba(29,50,84,0.15);}
menu#header a { position:absolute;top:15px;left:0;box-sizing:border-box;height:40px;width:20%;border:0 solid #FFF;border-width:0 10px;border-radius:20px;}
menu#header a svg { position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-10px;z-index:2; }
menu#header a svg path { fill:#1E3354; }
menu#header a svg path.fill { opacity:0;}
menu#header a.actif svg path.fill { opacity:1;fill:#00f4ba;fill: url(#header-shape-gradient) #00f4ba;}
menu#header a.actif svg path.border { fill:#FFF;opacity:0;}

.MenuProfil{float:right;margin-right:2.7%;margin-top:-8px;}

.ghost:before {  opacity: 0;  height: 100%; width: 0; transition: all 0.2s; content: "";  background: rgba(29,50,84,0.06); position: absolute;  left: 0; top: 0; border-radius: 10px;}
.ghost:hover:before {  width: 100%; opacity: 0.5;  }

#toggleMenu { height: 1.1rem; width: 1.1rem; padding: 0.3rem; margin: -0.3rem 0; position: absolute; background: #1E3354; left: 1.5rem; background: url(../images/pictos/menu.svg) no-repeat center center; background-size: 1.5rem;}

#menuCloser { position: fixed; height: 2.2rem; width: 2.2rem; line-height: 2.2rem; color: #FFF; right: 2rem; top: 2rem; font-size: 240%; transition: color 0.25s; text-align: center; }
#menuCloser:before { z-index: -1;  opacity: 0;  width: 0; transition: all 0.2s; content: "";  background: rgba(255,255,255,0.9); position: absolute; height: 100%; left: 0; top: 0; border-radius: 8px;}
#menuCloser:hover:before {  width: 100%; opacity: 0.5;  }
#menuCloser:hover { color:#069d95; }

menu#bottom a#send {background: #00ff99;
	background: -moz-linear-gradient(45deg,  #00ff99 0%, #00defd 100%);
	background: -webkit-linear-gradient(45deg,  #00ff99 0%,#00defd 100%);
	background: linear-gradient(45deg,  #00ff99 0%, #00defd 100%); left: 50%; margin:-18px -28px; height: 56px; width: 56px; box-sizing: border-box; border: 3px solid #FFF; position: absolute; border-radius: 100%; box-shadow: 0 0 6px rgba(29,50,84,0.08);  bottom: auto; top: 0; } 

menu#bottom a#send svg { position: absolute; width: 34px; height: 34px; top: 50%; left: 50%; margin: -17px; transform: scale(0.8); transition: all 0.15s;}	
menu#bottom a#send svg path { fill:#FFF;}
menu#bottom a { position: absolute; bottom: 15px; left: 0; box-sizing: border-box; height: 40px; width: 20%; border: 0 solid #FFF; border-width: 0 10px; border-radius: 20px;}
menu#bottom a svg { position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px; z-index: 2; }


menu#bottom a svg path { fill:#1E3354; ;}
menu#bottom a svg path.fill { opacity:0;}
menu#bottom a.actif svg path.fill { opacity:1; fill: #00f4ba;   fill: url(#header-shape-gradient) #00f4ba;}
menu#bottom a.actif svg path.border { fill:#FFF;  opacity:0;}


  
  #header-shape-gradient {
	--color-stop: #00ff99;
	--color-bot: #00defd;
  }


menu#bottom a#send:hover  svg { transform: scale(1);}

.ghost:before {  opacity: 0;  height: 100%; width: 0; transition: all 0.2s; content: "";  background: rgba(29,50,84,0.06); position: absolute;  left: 0; top: 0; border-radius: 10px;}
.ghost:hover:before {  width: 100%; opacity: 0.5;  }

menu#bottom a#bottom-annonce { left: 20%;}

menu#bottom a#bottom-chat { left: auto; right: 20%;}
menu#bottom a#bottom-notify { left: auto; right: 0;}

menu#bottom a#bottom-notify:before , menu#bottom a#bottom-chat:before { left: auto; right: 0; }

.cartoucheAnnonceHolder{ width:31%; cursor: pointer; }
/* Wall : 4 cartouches / ligne (gap 20px × 3 = 60px) — aligne la largeur sur Figma ~282px */
body.page-wall .mobil-list-wish > .cartoucheAnnonceHolder,
body.page-wall .mobil-list-wish > .cartoucheAnnonceHolder--compact{
	flex: 0 0 calc((100% - 60px) / 4);
	width: calc((100% - 60px) / 4);
	max-width: none;
	min-width: 0;
	float: none;
	box-sizing: border-box;
	align-self: flex-start;
}
/* Pubs / CTA : rangée entière — ne pas forcer display (casse .pc-hidden et le flex CTA) */
body.page-wall .mobil-list-wish > .wall-listing-ad,
body.page-wall .mobil-list-wish > .ctaProposeDemandeContainer{
	flex: 1 0 100%;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	box-sizing: border-box;
	float: none;
	clear: both;
}
body.page-wall .mobil-list-wish > .ctaProposeDemandeContainer{
	display: flex;
}
body.page-wall .mobil-list-wish > .wall-listing-ad{
	text-align: center;
}
/* Bat style-last mobile (width:300px sur le wrapper → carte à côté de la pub) */
body.page-wall .mobil-list-wish > .wall-listing-ad.pc-hidden[data-wall-listing="mobile"],
body.page-wall .mobil-list-wish > .wall-listing-ad.mobil-hidden[data-wall-listing="pc"]{
	width: 100% !important;
	max-width: 100% !important;
}
body.page-wall .mobil-list-wish > .wall-listing-ad [data-ad-inner]{
	margin-left: auto;
	margin-right: auto;
}
.cartoucheAnnonceHolder a.coverAllWish{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	/* Lien étiré : toute la card mène à l’annonce ; les actions restent au-dessus (z-index > 1) */
	z-index: 1;
	pointer-events: auto;
}
/* Pas de z-index ici : sinon le contenu passe au-dessus du cover et casse le clic global */
.cartoucheAnnonceHolder .illustrationCartouche,
.cartoucheAnnonceHolder .contentCartouche{
	position: relative;
}
.annonces .cartoucheAnnonceHolder{ width: 100%; }
.annonces{ width: 31%; }

.col  { box-shadow:none; }

.pub { box-shadow:none !important;background-color:initial !important;padding-top:5%; }

@media (max-width:850px){
		.pub { padding-top:0; }
}

/* IPAD + MOBILE */
@media (max-width:1024px){

	h3.border, h1.border { font-size:28px !important; padding-top:0px; margin-top:0px; }

	.bloc_contact{float:left;box-shadow:none;border:0;}

	.KiwiizLogo{width:60px;}
	.MenuProfil{margin-right:11%;margin-top: -16px;}

	.mobil-menu-haut{ margin-top:-4px; }
	.MenuMeta{ height:30px; }
	.mobil-menu-0{ position:static; }
	/*.mobil-menu-profil{ padding-top: 27px;padding-left:105px;padding-left:58%; }*/
	
	.mobil-menu-profil-espace{ margin-left:20.4%; }
	
	.mobil-menu-haut-1{ width:90%;margin-left:3%; }
	.MenuMeta{ width:95%;margin-left:20%; }
	.Menu{ width:130px; }
	.MenuCatTitle{ font-size:13px; }
	.titre3{width:340px;}

	.mobil-logo{ padding-left:1%; }
	.MenuConnect{ margin-right:0; }
	.logoHeader{ width: 100%;max-width:103px; }

	.CTA-publier{height:330px;}


	#header{height: 60px;}
	
}

/* SPECIFIQUE MOBILE */
@media (max-device-width : 400px){
}

.MenuHeader{background-color:#375267;background-image:url('/img/geant/Bg.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;}
.MenuConteneur{ width:70%;margin:auto; }
.MenuConnect{float:right;margin-top:3px;}
.mobil-menu-profil{float:right;margin-top:45px;height: 43px;}



a.btn-gradient {background: #00ff99;
		background: -moz-linear-gradient(45deg,  #00ff99 0%, #00defd 100%);
		background: -webkit-linear-gradient(45deg,  #00ff99 0%,#00defd 100%);
		margin: 1.5em auto; max-width: 480px;
		background: linear-gradient(45deg,  #00ff99 0%, #00defd 100%); display: block; border-radius: 2rem; padding:1.2em 0.8em; color:#FFF; font-size:110%; white-space: nowrap; overflow: hidden; text-align: center; text-overflow: ellipsis; font-weight: 700; } 	

#background { background-color:#f7f7f7;  width: 100%; height: 100%; z-index: 0; left: 0; top: 0;}


html, body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; 	}

.no-select {  -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none;
            user-select: none; 
 }

.clear { clear: both;}

h1 { margin: 1.5rem 0; font-size: 40pt;line-height: 115%; color:#1D3254;}
h1 .sub { display: block; font-size: 90%; font-weight: 500 ;}

h2 { margin: 1.5rem 0; font-size: 115%; line-height: 110%;}

h3.border, h1.border { 
	font-size: 36px;
	margin: 0 0 10px;
	width: fit-content;
	font-weight:bold !important;
	font-family:'Quicksand';
	margin-top:20px;
}
/* Wall (titre principal) : pas de marge haute */
#titre3 h1.border{ margin-top:0; }
@media screen and (max-width: 1024px){
	h3.border, h1.border {
		margin-top: 10px !important;
		padding-top: 0px !important;
	}
}

.lead{ font-size:24pt; letter-spacing: -16%; color:#1D3253; }
.wrap .lead{ font-size:14px;}
.wrap h1{font-weight:bold;}

a { cursor: pointer; color:#393e5e; text-decoration: none;}
a.underline { text-decoration: underline;}

.annonce_price { position:relative;float:left;bottom:clear;right:clear;width:clear; }


/*body { font-family: "Quicksand", "Gill Sans", "Gill Sans MT", "Myriad Pro", Helvetica, Arial, "sans-serif"; font-size:12pt; font-weight: 400; margin:4em 3em 6em 3em; color: #1E3354;  }
*/


body .center { margin:0rem auto; }
.center { margin: 2rem auto; padding: 0 1.5rem; /*max-width: 1140px;*/}

/*.mobil-home-cate{position:relative;float:left;width:98%;margin:auto;margin-left:1.5%;}*/
/*.mobil-home-cate{position:relative;width:71.5%;margin:auto;}float:none;*/
.mobil-home-cate{width:93%;margin:auto;position:relative;}
.DivFlex{display:flex;width:100%;}
.DivAlertes{width:100%;overflow:hidden;height:105px;margin-left:0;box-sizing:border-box;}
.DivSearch{margin:auto;width:91%;}
.DivMargeSearch{height:70px;}
.HomeCate{width:93%;margin:auto;}

#annonce .columns { text-align: center;  margin: 1.4em -0.4em 0 -0.4em;}
#annonce .columns .col { float: left; width:33.33%; padding: 0 0.4em; box-sizing: border-box;}
#annonce .columns .col p { margin: 0; line-height: 1.4em; font-size: 85%;}

#annonce .columns .col p.gradient { border-radius: 1rem; padding: 0 0.6em; height: 2.5em; line-height: 2.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#annonce .columns .col p.gradient + p { margin-top: 0.8em; }
#annonce .columns .col p.border { border: 1px solid #1E3354; border-radius: 1rem; color:#1E3354AA; padding:0.2em 0.5em; box-sizing: border-box; font-size: 90%; height: 5.5em; display: flex; align-items: center;  }
#annonce .columns .col p.border span { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; }
#annonce .columns .col p.border strong {font-family:Quicksand; display: block;  color: #1E3354; font-size: 115%; }

.annonces { max-width:1280px; margin: 0;font-family: "Quicksand", "Gill Sans", "Gill Sans MT", "Myriad Pro", Helvetica, Arial, "sans-serif";}
.wishinline{ display:inline; }

	
.annonces article { background: #FFF; border-radius: 1.1rem; padding: 1px; margin: 1rem -0.5rem; transition: margin 0.25s; box-shadow: 0 0 1rem rgba(29,50,84,0.08);}
.annonces.listing article { margin: 0.5rem -0.5rem; }
.annonces article .wrap { margin: 1.6rem; position: relative; transition: margin 0.25s; width:auto;}
.annonces.listing article .wrap { margin: 0.9rem; }

.annonces article .preview a { color:#1D3254; text-decoration: none; }
.annonces article .preview a:before { padding: 1.8rem; margin: -1.8rem; position: absolute; z-index: 2; content: ""; top:0; left: 0; width: 100%; height: 100%;}
.annonces article .preview {min-height: 2.5em;overflow:hidden;  color:#1E3354; font-size:80%; font-weight:normal; overflow: hidden; text-overflow: ellipsis; line-height: 1.25em; max-height: 2.5em; margin: 0; transition: all 0.25s; }
.annonces article .preview titre { text-transform: uppercase;font-weight:bold; }


.annonces.listing article .preview a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; display: block;}
.annonces.listing article .preview   { max-height: 1.5em; margin: -5.1rem 0 2.6rem 3.2rem; color:rgba(255,255,255,0); }


.annonces article span.read-more {  margin-top: -2.50em;font-size:80%; line-height: 1.25em; transition: all 0.25s; position: absolute; right:0; background: #FFF; padding-left: 2px; }
.annonces article span.read-more span { color:#5282ff; text-decoration: underline;}
.annonces.listing article span.read-more  { opacity:0;  margin-top: -3.25em;   }


.annonces article .picture { margin:1rem 0; position: relative; height: 2rem; padding: 25%; border-radius: 1rem; overflow: hidden; transition: all 0.25s;}

.annonces article .picture div {position: absolute;width: 100%;height: 100%;background:#EEE no-repeat center center;background-size: cover;top: 0;left: 0;transition: padding 0.2s, margin 0.2s;border-radius: 1rem;}
.annonces article .picture div img {position: relative;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;}
.annonces article .picture.double div , .annonces article .picture.triple div { width: 49%; width: calc(50% - 0.2rem);}
.annonces article .picture.double div + div { right: 0; left: auto;}

.annonces article .picture.triple div + div { right: 0; left: auto; height: 49%; height: calc(50% - 0.2rem);}
.annonces article .picture.triple div + div + div {  bottom:0; top: auto; }

.annonces article header { margin:0 0 1.4rem 0; padding-left: 4.6rem; transition: padding-left 0.25s;}
.annonces.listing article header { padding-left: 3.2rem;}
.annonces article header p { margin: 0;  line-height: 110%; white-space: nowrap; overflow: hidden; transition: all 0.25s;}
.annonces article header p.location {color:#AAA;font-size:85%;font-weight:normal;}
.annonces article header p.location strong {color:#1E3354;font-weight:normal;}
.annonces article header p.tags { white-space: nowrap; overflow: hidden; line-height: 1.2rem; margin-top: 0.2rem; margin-left:-1px;}

.annonces article header p.tags span {display: inline-block;   text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: all 0.2s;  color:#FFF;border-radius: 1rem; font-size: 75%; line-height: 1.2rem; padding: 0 0.6em;}

.annonces article header .avatar { position: absolute; width: 4rem; height: 4rem; border-radius: 100%; background: #EEE no-repeat center center; background-size: cover; left: 0; transition: all 0.25s;}
.annonces.listing article header .avatar { width: 2.8rem; height: 2.8rem; margin-top: 0.6rem;}

.annonces.listing article .picture , .annonces.listing article footer  { height: 0; padding: 0; opacity: 0; margin: 0 .8rem; }
.annonces.listing article header p.name { opacity:0;}



.annonces article footer p { font-size: 85%; color: #888;}

 p.price { background: #1E3354;  }

.annonces article p.price { transition: margin 0.25s;}
.annonces.listing article p.price { margin-top: 1.8rem; font-size:110%; }
p.price  , .annonces article header p.price { color: #FFF; position: absolute; margin:1px 0; right: 0; padding:0 0.6em; border-radius: 3em; height: 1.7em; line-height: 1.7em; font-size: 115%;}
p.price sup { line-height: 0; font-size:60%}


.annonces article footer { line-height: 2.2rem; margin-bottom: -0.5rem; overflow: hidden; transition: all 0.25s; position: relative;}
.annonces article footer a {position:absolute;top:50%;margin-top:-1.1rem;z-index:8;right:0;white-space: nowrap;transition:box-shadow 0.2s;text-decoration:none;background: #1d3253;background-size:2.2rem;border-radius: 0.5rem;color:#FFF;font-size:90%;padding: 0 0.8rem 0 0.8rem;text-align: center;}
.annonces article footer a:hover { box-shadow: 0 0 8px 1px rgba(29,50,84,0.3);}

.annonces article header p.price {box-shadow:-4px 0 0 #FFF;font-weight:bold;}
.annonces article header strong { font-weight: bold;}
.annonces article.demande footer p strong {color: #fa6900;font-weight:bold;}
.annonces article.offre footer p strong {color:#71d600;font-weight:bold;}

.demande .gradient  , .demande .select-type a.demande , #popdown.demande .buttons a.actif { background: #fa6900;
	background: -moz-linear-gradient(45deg,  #f7b100 0%, #fa6900 100%);
	background: -webkit-linear-gradient(45deg,  #f7b100 0%,#fa6900 100%);
	background: linear-gradient(45deg,  #f7b100 0%,#fa6900 100%); /* min-height: 100%; */  color:#FFF; } 
.demande span.gradient + .gradient ,  .demande p.price { background: #fa6900; }


.gradient a{position:relative;z-index:4;text-decoration:none;color:#fff;font-weight:bold;}

.offre .gradient , .offre .select-type a.offre , #popdown.offre .buttons a.actif { background: #71d600;
		background: -moz-linear-gradient(45deg,  #abec05 0%, #71d600 100%);
		background: -webkit-linear-gradient(45deg,  #abec05 0%,#71d600 100%);
		background: linear-gradient(45deg,  #abec05 0%,#71d600 100%); /* min-height: 100%; */ color:#FFF; } 



.offre span.gradient + .gradient ,  .offre p.price  { background: #71d600; }
.offre p.price{ background:#1d3253;}
.demande p.price{background:#1d3253;}
.center > .wrap { width:auto;  }

.search{width:73%;background: #FFF url(../images/pictos/search.svg) no-repeat 0rem center;padding-left:1.8rem;background-size: 1.2em;white-space: nowrap;}
/*.focus .searchBar { z-index: 99; }
.searchBar:before { position: fixed; height: 0; opacity:0;  transition: opacity 0.5s; width: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); content: ""; z-index: 1; }
.focus .searchBar:before {opacity:1; height: 100%; }


.focus .searchBar { padding-right: 0;}
.focus .searchBar .filters , .focus .searchBar  a.refresh { z-index: 1; opacity: 0;}

.searchBar { line-height: 2.8rem; position: relative; padding-right: 3.2rem; transition: padding-right 0.2s;  }
.searchBar .wrap { margin:0;}
.searchBar #input-search , .searchBar #input-search:focus {display: block;outline: none;transition: opacity 0.25s;padding-left: 2.4rem;font-size:80%;cursor: text; color:#1E3354;background: #FFF url(../images/pictos/search.svg) no-repeat 1rem center;background-size: 1.2em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 2.8rem;height: 2.8rem;border: 1px solid rgba(0,0,0,0.05); border-radius:3rem;width: 100%;box-sizing: border-box;box-shadow: 0 3px 6px rgba(0,0,0,0.08);z-index: 2;position: relative;}
*/
.zonesearch { width:98%;height:43px;margin-top:21px;padding:5px;padding-left:25px;padding-top:12px;border-radius:38px;background-color:#fff;} /*width:calc(100% - 120px);*/

.search_zone{ width:110px; }
.Switch{float:left;padding-top:10px;margin-left:-10px;}
.SwitchImg{ width:80px; }
.search input{border-right:1;}
.wish_desc{font-size:15px !important;float:left;text-align:justify;width:100%;color:#1D3253;font-size:90%;}

.Connect{ margin-left:20px;float:left;text-decoration:underline;color:#1D3253; }
.Inscrit{ margin-left:35px;margin-right:25px;float:left;color:#fff;font-weight:bold;border-radius:7px;box-shadow:0 2px 4px 0 rgba(29, 50, 84, 0.06);padding:10px;margin-top:-10px;background-color:#408fec;}

.mobil-list-wish {
    float: left;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
/* Wall : hauteurs naturelles (pas d’égalisation de rangée → blanc Figma) */
body.page-wall .mobil-list-wish{
	align-items: flex-start;
}

/* Bas de page wall (bloc « poser une question ») — air au-dessus du menu mobile */
@media screen and (max-width: 1024px){
	body.page-wall .wall-footer-ask{
		margin-bottom: 80px;
	}
}

@media screen and (min-width: 640px) {

	body .center { padding:0 2.5rem; margin: 1rem auto;}
	.annonces article { margin: 2.5rem;}
	#annonce { position: relative;}
	.annonces .columns { margin: 0 -0.5rem; }
	.annonces .col  {  float: left; width: 50%;  }
	.annonces .col article {  margin: 0.5rem; }

	#overallAnnonce #annonce { max-width: 720px; margin: 1.5rem auto 1.5rem auto; background: #fcfeff; box-shadow: 0 0 2rem rgba(29,50,84,0.1); padding-bottom: 1px; border-radius: 1.5rem; overflow: hidden;}
	#overallAnnonce { background-color: rgba(29,50,84,0.6) !important; backdrop-filter: blur(8px) !important; padding: 2rem; transform: scale(1) !important;}
	#overallAnnonce.loading { background-image: url(../images/dark-load.gif); opacity: 1;}
}



@media screen and (min-width: 1px) {
	.annonces .col  {  width: 100%;  }
}

@media screen and (min-width: 768px) {
	.annonces .col  {  width: 50%;  }
}

@media screen and (min-width: 1024px) {
	.annonces .col  {  width: 33.33%;  }

}

@media screen and (max-width:360px) {
	.wrap{  width: 100%;  }
}

@media (max-width : 1024px){

	body .center { padding: 0 !important;}

	.cartoucheAnnonceHolder{ width: 47%; }
	/* Wall tablette / mobile : 2 colonnes (gap 16px) */
	body.page-wall .mobil-list-wish > .cartoucheAnnonceHolder,
	body.page-wall .mobil-list-wish > .cartoucheAnnonceHolder--compact{
		flex: 0 0 calc((100% - 16px) / 2);
		width: calc((100% - 16px) / 2);
	}
	.annonces .cartoucheAnnonceHolder{ width: 100% !important; }
	.ctaProposeDemandeContainer .proposeMonAideCTA, .ctaProposeDemandeContainer .faireAppelVoisinsCTA{ width: 47% !important; }
	.annonces{ width: 47%; }
	.Connect{ margin-left:-5px;float:left;text-decoration:underline;color:#1D3253; }
  .Inscrit{ margin-right:-12px;margin-left:12px; }

	.mobil-home-cate{width:112%;margin-top:20px;}
	.DivFlex{float:left;}
	.DivMargeSearch{height:5px;}

	.bt_jai{ margin-left:95px; }
	

	/*.wish{ width: 100%; }*/

	.mobil-list-wish{
		width: 100%;
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        padding: 0 16px;
        gap: 16px;
	}
	.wrap{
		width: auto !important;
	}
	.MenuConteneur{ width:90%;margin:auto; }
	.zonesearch { width:81%;margin:2rem;margin-top:0px;height:30px;padding-top:6px;padding-bottom:12px;padding-left:15px; }
	.search_zone{ width:110px; }
	.DivSearch{float:left;width:112%;margin-left:-25px;margin-bottom:-40px;}
	.Switch{padding-top:70px;margin-left:-20px;}
	.SwitchImg{ width:70px;padding-left:20px; }
	.wish_desc{font-size:120%;}
	.annonce_form{float:left;width:100%;margin-left:-5%;}
	.seo-keywords{width:95%;}
	.seo-lien{width:95%;}

}

.picture { background: #00ff99;
		background: -moz-linear-gradient(45deg,  #00ff99 0%, #00defd 100%);
		background: -webkit-linear-gradient(45deg,  #00ff99 0%,#00defd 100%);
		background: linear-gradient(45deg,  #00ff99 0%, #00defd 100%); }
.picture em { width: 100%; position: absolute; top: 50%; margin: 0.4rem 0; font-size:90%; left: 0; font-weight: 700; font-style: normal; color:#FFF; }
a.post svg { position: absolute; width: 2.2rem;  height: 2.2rem; bottom: 50%; left: 50%; margin: -0.55rem -1.1em;}
a.post svg path { fill: #FFF;}

	.swiper-container { width:100%;height:150px;margin-left:8px;margin-top:20px; }

    .swiper-slide {
      font-size: 13px;float:left;width:120px;height:150px;margin-left:10px;min-width:130px;max-width:130px;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

	.swiper-wrapper{
		height:120px;
	}

	.SwiperCate{ border-color:1px solid #bbb;box-shadow:0 0 0 3px #fff, 0 3px 0.6em 3px rgb(0 0 0 / 20%);border-radius:0.5em;background-color:#fff;margin-top:2px; }
	.SwiperImg {width:130px;height:105px;border-radius:0.5em;margin-bottom:-3px; }
	/*.SwiperImg{border-color:1px solid #bbb;box-shadow:0 0 0 3px #fff, 0 3px 0.6em 3px rgb(0 0 0 / 20%);border-radius:0.5em;background-color:#fff; }*/
	.SwiperTitre{ padding-top:12px;color:#1D3254;text-align:center;height:30px; }
	.SwiperPost{ margin-top:-40px;border-color:1px solid #bbb;background: linear-gradient(45deg, #00ff99 0%,#00defd 100%);width:120px;height:100px;border-radius:0.5em;background-color:#fff;margin-bottom:0px;}
	.SwiperSvg{ padding-top:20%;padding-left:32%;height:40px; }
	.SwiperBack{ min-height:73px;width:40px;padding-top:25px;text-align:center; }
	.SwiperBackContener{ margin-right:-35px !important;margin-top:-20px;margin-left:-31px; }
	.wallback{margin-top:3px;}
	.SwiperVoir{ margin-left:0px; }
	.reduce { height:20px;width:100px;padding:1.5em 0;padding:10px;border-radius:5px;margin:auto;background:#1D3253;text-align:center;}
	.reduce a{ text-decoration:none;color:#fff; }
	.swiper-slide a{ text-decoration:none; }

	@media (max-width : 1024px){

	.DivAlertes{margin-bottom:15px;padding-left:14px;margin-left:0;width:100%;height:85px;box-sizing:border-box;}
	.swiper-container { height:140px;margin-left:-20px;margin-top:0px; }
    .annonces article footer p { font-size: 85%;}
    .SwiperImg { width:105px;height:85px; }
    .swiper-slide{ width:105px;min-width:105px;max-width:105px; }
    .SwiperPost{ width:93px;height:85px; }
    .SwiperSvg{ padding-top:14%; }
	.SwiperBack{ min-height:70px;max-width:36px;padding-top:15px;text-align:center; }
	.SwiperBackContener{ margin-right:-21px !important;margin-left:-20px; }
	.wallback{margin-top:20px;}
	.SwiperVoir{ margin-left:10px; }

	.HomeCate{width:99%;margin:auto;}

	}


.cartoucheAnnonceHolder{
	/* Échelle desktop : carte réelle plein écran ~431×406px / Figma 432×450px (node 1270:2411) */
	--cartouche-figma-w: 432;
	--cartouche-figma-h: 450;
	--cartouche-ref-w: 431;
	--cartouche-ref-h: 406;
	--cartouche-s: calc(var(--cartouche-ref-w) / var(--cartouche-figma-w));
	--cartouche-s-h: calc(var(--cartouche-ref-h) / var(--cartouche-figma-h));
	font-family: Roboto, sans-serif;
	min-width: 328px;
	float: left;
	position: relative;
	border-radius: calc(24px * var(--cartouche-s));
	border: 1px solid #FFF;
	background-color: #FFF;
	box-shadow:
		0 calc(2px * var(--cartouche-s)) calc(4px * var(--cartouche-s)) calc(-2px * var(--cartouche-s)) rgba(10, 13, 18, 0.06),
		0 calc(4px * var(--cartouche-s)) calc(8px * var(--cartouche-s)) calc(-2px * var(--cartouche-s)) rgba(10, 13, 18, 0.1);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Typo cartouche — Figma 1270:2411 : Roboto sauf prix (Quicksand Bold) */
.cartoucheAnnonceHolder .illustrationCartouche .tagCartouche a,
.cartoucheAnnonceHolder .cartoucheMeta,
.cartoucheAnnonceHolder .cartoucheAnnonce .cartoucheMeta,
.cartoucheAnnonceHolder .cartoucheAnnonce .titreCartouche,
.cartoucheAnnonceHolder .userCartouche-nameLeft a,
.cartoucheAnnonceHolder .userCartouche-lieu,
.cartoucheAnnonceHolder .cartoucheUserFiabilite,
.cartoucheAnnonceHolder .cartoucheUserFiabilite .cartoucheUserFiabilite-label,
.cartoucheAnnonceHolder .cartoucheUserNote,
.cartoucheAnnonceHolder .cartoucheBouton a,
.cartoucheAnnonceHolder .editCartouche,
.cartoucheAnnonceHolder .cartoucheAnnonce p:not(.titreCartouche):not(.prixCartouche):not(.cartoucheMeta){
	font-family: Roboto, sans-serif;
}
.cartoucheAnnonceHolder .prixCartouche,
.cartoucheAnnonceHolder .prixCartouche sup{
	font-family: Quicksand, sans-serif;
}

/* Actions / liens secondaires au-dessus du cover (sinon inatteignables) */
.cartoucheAnnonceHolder .cartoucheFooter,
.cartoucheAnnonceHolder .cartoucheFooter .cartoucheBouton,
.cartoucheAnnonceHolder .cartoucheFooter .cartoucheBouton a,
.cartoucheAnnonceHolder .cartoucheFooter .cartoucheActions,
.cartoucheAnnonceHolder .cartoucheFooter .editCartouche,
.cartoucheAnnonceHolder .cartoucheFooter .pauseCartouche,
.cartoucheAnnonceHolder .cartoucheFooter .deleteCartouche,
.cartoucheAnnonceHolder .cartoucheFooter .cartoucheFooter-stats,
.cartoucheAnnonceHolder .cartoucheFooter .cartoucheUserNote,
.cartoucheAnnonceHolder .userCartouche a,
.cartoucheAnnonceHolder .userCartouche .userCartouche-avatar,
.cartoucheAnnonceHolder .cartoucheUserFiabilite,
.cartoucheAnnonceHolder .cartoucheAnnonce .titreCartouche,
.cartoucheAnnonceHolder .cartoucheAnnonce .cartoucheRubrique,
.cartoucheAnnonceHolder .cartoucheMetaRow-trust {
	position: relative;
	z-index: 3;
}
.cartoucheAnnonceHolder .rotateCartouche {
	position: absolute;
	z-index: 5;
}
.cartoucheAnnonceHolder:hover {
	transform: translateY(calc(-4px * var(--cartouche-s)));
	box-shadow:
		0 calc(2px * var(--cartouche-s)) calc(4px * var(--cartouche-s)) calc(-2px * var(--cartouche-s)) rgba(10, 13, 18, 0.08),
		0 calc(6px * var(--cartouche-s)) calc(12px * var(--cartouche-s)) calc(-2px * var(--cartouche-s)) rgba(10, 13, 18, 0.12);
}
.cartoucheAnnonceHolder a:hover{
	text-decoration: none;
}

.illustrationCartouche{
	height: calc(250px * var(--cartouche-s-h));
	position: relative;
	overflow: hidden;
	background-color: #FFF;
	border-radius: calc(18px * var(--cartouche-s));
	margin: calc(6px * var(--cartouche-s));
}
.cartoucheAnnonceHolder .illustrationCartouche > a:not(.rotateCartouche){
	position: relative;
	z-index: 3;
	display: block;
	height: 100%;
}
.cartoucheAnnonceHolder .illustrationCartouche > a.rotateCartouche{
	position: absolute;
	z-index: 10;
	/* Bas-droite : évite le chevauchement avec le tag catégorie (haut-droite) */
	top: auto;
	bottom: calc(12px * var(--cartouche-s));
	right: calc(12px * var(--cartouche-s));
	left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(40px * var(--cartouche-s));
	height: calc(40px * var(--cartouche-s));
	pointer-events: auto;
}
.illustrationCartouche .tagCartouche{
	position: absolute;
	top: calc(16px * var(--cartouche-s));
	left: calc(16px * var(--cartouche-s));
	right: calc(16px * var(--cartouche-s));
	width: calc(100% - 32px * var(--cartouche-s));
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: calc(8px * var(--cartouche-s));
	z-index: 4;
	pointer-events: none;
}
.illustrationCartouche .tagCartouche a{
	pointer-events: auto;
	position: relative;
	z-index: 5;
	margin-left: auto;
	flex-shrink: 0;
    background-color: #FFF;
    border-radius: 100px;
    padding: calc(8px * var(--cartouche-s));
    color: #1d3253;
    font-size: calc(12px * var(--cartouche-s));
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
	/* Pas de capitalize : garder « Location garde de … » (pas Title Case) */
	text-transform: none;
	margin: 0;
}
.illustrationCartouche > a > img:first-of-type{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.contentCartouche{
	margin: 0;
	padding: calc(8px * var(--cartouche-s-h)) calc(32px * var(--cartouche-s)) calc(24px * var(--cartouche-s-h));
}
.cartoucheContentInner{
	display: flex;
	flex-direction: column;
	gap: calc(8px * var(--cartouche-s-h));
	width: 100%;
	height: 100%;
	justify-content: end;
}
.cartoucheContentMain{
	display: flex;
	flex-direction: column;
	gap: calc(12px * var(--cartouche-s-h));
	width: 100%;
	height: 100%;
	justify-content: space-between;
}
.cartoucheMeta,
.cartoucheAnnonce .cartoucheMeta{
	color: rgba(29, 50, 83, 0.85);
	font-size: calc(12px * var(--cartouche-s));
	font-style: normal;
	font-weight: 400;
	line-height: calc(16px * var(--cartouche-s));
	margin: 0;
	overflow: visible;
	display: block;
	height: auto;
	line-clamp: unset;
	-webkit-line-clamp: unset;
	-webkit-box-orient: unset;
}
.userCartouche{
	display: flex;
	align-items: center;
	gap: calc(8px * var(--cartouche-s));
	width: 100%;
}
.userCartouche-body{
	flex: 1;
	min-width: 0;
}
.userCartouche-nameRow{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: calc(8px * var(--cartouche-s));
	width: 100%;
}
.userCartouche-nameLeft{
	display: flex;
	align-items: center;
	gap: calc(4px * var(--cartouche-s));
	min-width: 0;
}
.userCartouche-nameRight{
	display: inline-flex;
	align-items: center;
	gap: calc(8px * var(--cartouche-s));
	flex-shrink: 0;
}
.userCartouche-lieu{
	display: flex;
	align-items: center;
	gap: calc(4px * var(--cartouche-s));
	/* Typo inchangée par rapport au lieu d’origine */
	color: rgba(29, 50, 83, 0.85);
	font-size: calc(14px * var(--cartouche-s));
	font-style: normal;
	font-weight: 400;
	line-height: calc(20px * var(--cartouche-s));
	margin: 0;
	min-width: 0;
}
.userCartouche-lieu-icon{
	flex-shrink: 0;
	width: calc(14px * var(--cartouche-s));
	height: calc(14px * var(--cartouche-s));
}
.userCartouche-lieu-text{
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/* Hérite couleur / poids / taille du .userCartouche-lieu */
	font: inherit;
	color: inherit;
}
.cartoucheFooter{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: calc(8px * var(--cartouche-s));
}
.cartoucheFooter .cartoucheBouton{
	flex-shrink: 0;
}
.cartoucheFooter-stats{
	display: inline-flex;
	align-items: center;
	gap: calc(8px * var(--cartouche-s));
	flex-shrink: 0;
	/* Desktop : à droite, à la place du CTA */
	margin-left: auto;
}
/* Desktop : même hauteur que le footer (le prix), contenu centré — height:% inopérant sans hauteur parent */
@media screen and (min-width: 1025px){
	.cartoucheFooter-stats{
		align-self: end;
		height: 100%;
	}
}
.cartoucheFooter .cartoucheActions{
	display: flex;
	align-items: center;
	gap: calc(6px * var(--cartouche-s));
	flex-shrink: 0;
	margin-left: auto;
}
.cartoucheFooter .editCartouche{
	margin-left: 0;
}
/* Actions : icônes seules (comme adminButtonsAnnonce mobile page annonce) */
.cartoucheActions a.editCartouche,
.cartoucheActions a.pauseCartouche,
.cartoucheActions a.deleteCartouche{
	gap: 0;
	padding: 0;
	width: calc(40px * var(--cartouche-s));
	height: calc(40px * var(--cartouche-s));
	min-width: calc(40px * var(--cartouche-s));
	min-height: calc(40px * var(--cartouche-s));
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 50%;
	transition: background 0.2s ease, opacity 0.2s ease;
}
.cartoucheActions a img,
.cartoucheActions a svg{
	flex-shrink: 0;
	width: 16px;
	height: 16px;
}
.cartoucheActions .cartoucheActionLabel{
	display: none !important;
}
.cartoucheActions a:hover,
.cartoucheActions a:focus-visible{
	padding: 0;
}
@media (hover: none) and (min-width: 1025px){
	.cartoucheActions a:hover,
	.cartoucheActions a:focus-visible{
		padding: 0;
	}
}
.userCartouche > a,
.userCartouche .userCartouche-avatar{
	display: block;
	width: calc(32px * var(--cartouche-s));
	height: calc(32px * var(--cartouche-s));
	border-radius: 100%;
	border: none;
	box-shadow: none;
	position: relative;
	z-index: 1;
	text-decoration: none;
	flex-shrink: 0;
}

.userCartouche > a > img,
.userCartouche .userCartouche-avatar > img{
	width: 100%;
	height: 100%;
	border-radius: 100%;
	object-fit: cover;
}
.userCartouche-nameLeft a{
	color: #1d3253;
	font-size: calc(16px * var(--cartouche-s));
	font-style: normal;
	font-weight: 700;
	line-height: calc(24px * var(--cartouche-s));
	margin: 0;
	position: relative;
	z-index: 1;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.userCartouche-nameLeft img{
	width: calc(24px * var(--cartouche-s));
	height: calc(24px * var(--cartouche-s));
	flex-shrink: 0;
}
.userCartouche-nameLeft .premium{
	color: #FFF;
	font-family: Quicksand;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 8px;
	padding: 4px 8px;
	border-radius: 4px;
	opacity: 0.9;
	background-color: #1891FC;
	box-shadow: 0px 4px 16px 0px rgba(29, 50, 84, 0.10);
	margin: 0;
	display: flex;
	align-items: center;
}
.cartoucheUserFiabilite{
	display: inline-flex;
	align-items: center;
	gap: calc(4px * var(--cartouche-s));
	font-size: calc(14px * var(--cartouche-s));
	font-style: normal;
	font-weight: 700;
	line-height: calc(20px * var(--cartouche-s));
	text-decoration: none;
	flex-shrink: 0;
}
.cartoucheUserFiabilite-label{
	color: rgba(29, 50, 83, 0.85);
	font-weight: 700;
}
.cartoucheUserFiabilite--low,
.cartoucheUserFiabilite--low .cartoucheUserFiabilite-label{
	color: #EA382A;
}
.cartoucheUserFiabilite--mid,
.cartoucheUserFiabilite--mid .cartoucheUserFiabilite-label{
	color: #FA6900;
}
.cartoucheUserFiabilite--high,
.cartoucheUserFiabilite--high .cartoucheUserFiabilite-label{
	/* Même turquoise/cyan que handGood.png */
	color: #26DAC2;
}
.cartoucheUserFiabilite-label.pc-hidden{
	font-weight: 500;
}
.cartoucheUserFiabilite img{
	flex-shrink: 0;
	height: calc(20px * var(--cartouche-s));
	width: auto;
	opacity: 1;
	margin-right: -2px;
}
.cartoucheUserNote{
	display: inline-flex;
	align-items: center;
	gap: calc(4px * var(--cartouche-s));
	font-size: calc(14px * var(--cartouche-s));
	font-style: normal;
	font-weight: 700;
	line-height: calc(20px * var(--cartouche-s));
	text-decoration: none;
	flex-shrink: 0;
	color: rgba(29, 50, 83, 0.85);
}
.cartoucheUserNote-icon{
	flex-shrink: 0;
	height: calc(25px * var(--cartouche-s));
	width: calc(25px * var(--cartouche-s));
	margin-right: -3px;
	margin-top: -1.5px;
}
.prixCartouche{
	font-size: calc(20px * var(--cartouche-s));
	font-style: normal;
	font-weight: 700;
	line-height: calc(28px * var(--cartouche-s));
	background: var(--gradient-brand-90060045-deg, linear-gradient(45deg, #F907FC 0%, #0779FF 100%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 0;
	width: fit-content;
	display: flex;
	align-items: baseline;
	flex-wrap: nowrap;
	max-width: 100%;
}
.prixCartouche sup{
	font-weight: 700;
}
/* Unité /heure /jour… : couleur solide (le text-fill transparent du prix
   rendait l’unité invisible, surtout avec des libellés longs DE/ES). */
.prixCartouche-unit,
.prixCartouche span.prixCartouche-unit{
	font-size: 0.65em;
	font-weight: 500;
	line-height: 1.2;
	margin-left: 1px;
	flex-shrink: 0;
	white-space: nowrap;
	background: none;
	background-clip: border-box;
	-webkit-background-clip: border-box;
	-webkit-text-fill-color: #0779FF;
	color: #0779FF;
}
.distance{
	margin: 0;
	z-index: 3;
}
.cartoucheAnnonce{
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
}
.cartoucheAnnonce .titreCartouche{
	color: #1d3253;
	font-size: calc(18px * var(--cartouche-s));
	font-style: normal;
	font-weight: 500;
	line-height: calc(28px * var(--cartouche-s));
	margin: 0;
	overflow: hidden;
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
/* Description annonce (si réactivée) — hors meta « Demande il y a … » */
.cartoucheAnnonce p:not(.titreCartouche):not(.prixCartouche):not(.cartoucheMeta){
	color: #666E8A;
	font-size: calc(16px * var(--cartouche-s));
	font-style: normal;
	font-weight: 400;
	line-height: calc(24px * var(--cartouche-s));
	margin: 0;
	overflow: hidden;
	display: -webkit-box;
	height: 48px;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.cartoucheBouton{
	display: flex;
	align-items: center;
}
.cartoucheBouton a{
	color: #FFF;
	background-color: #1d3253;
	font-size: calc(16px * var(--cartouche-s));
	font-style: normal;
	font-weight: 500;
	line-height: calc(24px * var(--cartouche-s));
	padding: calc(12px * var(--cartouche-s)) calc(24px * var(--cartouche-s));
	border-radius: calc(48px * var(--cartouche-s));
	margin: 0;
	cursor: pointer;
	letter-spacing: 0.5px;
	white-space: nowrap;
}
.cartoucheBouton a:active{
	color: #fff !important;
}
.cartoucheBouton a:hover{
    text-decoration: none;
    background: #617087;
    text-decoration: none;
	opacity: 0.7;
	cursor: pointer;
}
.clickableCartouche{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	width: 100%;
	z-index: 0;
}
.deleteCartouche,
.deleteCartouche:link,
.deleteCartouche:visited,
.deleteCartouche:active,
.deleteCartouche:focus{
	display: flex;
	align-items: center;
	gap: calc(8px * var(--cartouche-s));
	width: fit-content;
	position: relative;
	z-index: 1;
	padding: calc(10px * var(--cartouche-s-h)) calc(16px * var(--cartouche-s));
	border-radius: 12px;
	border: 1px solid var(--Error-500, #EA382A);
	background: #FFF;
	box-shadow: 0px 5px 10px 0px rgba(29, 50, 84, 0.05);
	color: var(--Error-500, #EA382A);
	font-size: calc(14px * var(--cartouche-s));
	font-style: normal;
	font-weight: 500;
	line-height: calc(20px * var(--cartouche-s));
	white-space: nowrap;
	text-decoration: none;
}
.deleteCartouche:hover{
	text-decoration: none;
	background: rgba(234, 56, 42, 0.06);
	color: var(--Error-500, #EA382A);
}
.deleteCartouche img{
	width: calc(16px * var(--cartouche-s));
	height: calc(16px * var(--cartouche-s));
	object-fit: contain;
}
.pauseCartouche,
.pauseCartouche:link,
.pauseCartouche:visited,
.pauseCartouche:active,
.pauseCartouche:focus{
	display: flex;
	align-items: center;
	gap: calc(8px * var(--cartouche-s));
	width: fit-content;
	position: relative;
	z-index: 1;
	padding: calc(10px * var(--cartouche-s-h)) calc(16px * var(--cartouche-s));
	border-radius: 12px;
	border: 1px solid #1D3253;
	background: #FFF;
	box-shadow: 0px 5px 10px 0px rgba(29, 50, 84, 0.05);
	color: #1D3253;
	font-size: calc(14px * var(--cartouche-s));
	font-style: normal;
	font-weight: 500;
	line-height: calc(20px * var(--cartouche-s));
	white-space: nowrap;
	text-decoration: none;
}
.pauseCartouche:hover{
	text-decoration: none;
	background: rgba(29, 50, 83, 0.06);
	color: #1D3253;
}
.pauseCartouche svg{
	width: calc(16px * var(--cartouche-s));
	height: calc(16px * var(--cartouche-s));
	flex-shrink: 0;
}
.pauseCartouche--play,
.pauseCartouche--play:link,
.pauseCartouche--play:visited,
.pauseCartouche--play:active,
.pauseCartouche--play:focus{
	border-color: #62cc22;
	color: #2f7a0f;
}
.pauseCartouche--play:hover{
	background: rgba(98, 204, 34, 0.1);
	color: #2f7a0f;
}
.cartouchePauseBadge{
	position: absolute;
	top: calc(12px * var(--cartouche-s));
	right: calc(12px * var(--cartouche-s));
	z-index: 6;
	padding: calc(6px * var(--cartouche-s)) calc(10px * var(--cartouche-s));
	border-radius: 100px;
	background: rgba(29, 50, 83, 0.92);
	color: #FFF;
	font-size: calc(12px * var(--cartouche-s));
	font-weight: 600;
	line-height: 1.2;
	pointer-events: none;
}
.cartoucheAnnonceHolder--paused .illustrationCartouche > a:not(.rotateCartouche) img{
	filter: grayscale(0.35);
	opacity: 0.85;
}
.rotateCartouche{
	position: absolute;
	z-index: 2;
	top: auto;
	bottom: 12px;
	right: 12px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0px 2px 8px 0px rgba(29, 50, 84, 0.15);
	border: 1px solid rgba(239, 239, 239, 0.8);
	transition: all 0.2s ease;
	cursor: pointer;
	padding: 8px;
	box-sizing: border-box;
}
.rotateCartouche:hover{
	background: #FFF;
	box-shadow: 0px 4px 12px 0px rgba(29, 50, 84, 0.2);
	transform: scale(1.05);
}
.rotateCartouche img{
	width: 20px;
	height: 20px;
	object-fit: contain;
}

/* Version mobile : bouton rotation plus compact (32x32) */
@media (max-width: 768px){
	.rotateCartouche{
		width: 32px;
		height: 32px;
		padding: 6px;
	}
	.rotateCartouche img{
		width: 16px;
		height: 16px;
	}
}
.editCartouche,
.editCartouche:link,
.editCartouche:visited,
.editCartouche:active,
.editCartouche:focus{
	display: flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	position: relative;
	z-index: 1;
	padding: 10px 16px;
	border-radius: 12px;
	border: 1px solid var(--Brand-900, #1D3253);
	background: var(--Brand-900, #1D3253);
	box-shadow: 0px 5px 10px 0px rgba(29, 50, 84, 0.05);
	color: #FFF;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	white-space: nowrap;
	text-decoration: none;
}
.cartoucheAnnonceHolder .editCartouche{
	gap: calc(8px * var(--cartouche-s));
	padding: calc(10px * var(--cartouche-s-h)) calc(16px * var(--cartouche-s));
	font-size: calc(14px * var(--cartouche-s));
	line-height: calc(20px * var(--cartouche-s));
}
.cartoucheAnnonceHolder .editCartouche img{
	width: calc(16px * var(--cartouche-s));
	height: calc(16px * var(--cartouche-s));
	object-fit: contain;
}
.editCartouche:hover{
	text-decoration: none;
	opacity: 0.92;
	color: #FFF;
}
.editCartouche img{
	width: 16px;
	height: 16px;
	object-fit: contain;
}

.newSwipperHolder {
    margin-top: 0px; /* Réduit car #AllSite a maintenant padding-top: 95px */
    background-color: #FFF;
    border-top: rgba(29, 50, 53, 0.05);
    position: relative;
    overflow: hidden; /* Assure que le dégradé reste au bon endroit */
    box-shadow:0 6px 16px -6px rgba(29, 50, 84, 0.08);
}

.newSwipper {
    margin: 0 auto;
    display: flex;
	box-sizing: border-box;
	width: 93.5%;
	max-width: 1398px;
    height: 90px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
    position: relative;
	padding: 0 10px;
}
.newSwipper::-webkit-scrollbar {
	display: none;
}

/* Ajout du dégradé fixe à droite */
.newSwipperHolder::after {
    content: "";
    position: absolute;
    top: 0;
    right: 3%;
	width: 50px; /* Ajuste la largeur du dégradé */
    height: 100%;
    background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    pointer-events: none; /* Évite d'interférer avec les interactions */
}
.newSwipperHolder::before {
    content: "";
    position: absolute;
    top: 0;
    left: 3%;
	width: 50px; /* Ajuste la largeur du dégradé */
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    pointer-events: none; /* Évite d'interférer avec les interactions */
	z-index: 1;
}

.newSwipper a{
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	gap: 8px;
	padding: 10px 0;
	min-width: 115px;
  width: 115px;
	height: 100%;
	color: #1D3254;
	text-align: center;
	font-family: Quicksand;
	font-size: 13px;
	font-style: normal;
	font-weight: 550;
	line-height: normal;
	opacity: 0.8;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	user-select: none;
	/*pointer-events:none;*/
}
.newSwipper a p{
	margin: auto 0;
	color: #1D3254;
	text-align: center;
	font-family: Quicksand;
	font-size: 13px;
	font-style: normal;
	font-weight: 550;
	line-height: normal;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	user-select: none;
	pointer-events:none;
}
@media screen and (max-width: 1024px){
	.newSwipperHolder {
		margin-top: 30px; /* Espace pour éviter que la barre de recherche cache les catégories */
		position: relative;
		z-index: 1; /* Les catégories restent en dessous du header fixe */
	}
	/* Flèche CP dans le header : ne plus réduire la marge swiper via locationHint-mobile */
	.newSwipper{
		width: 100%;
		margin-left:-10px;
	}
	.newSwipper a{
		opacity: 1;
	}
	.newSwipperHolder::after {

		right: 0%;
	}
	.newSwipperHolder::before {
		left: 100%;
	}
}

.newSwipper a img{
	width: 32px;
	height: 32px;
	user-select:none;
	pointer-events:none;

}
.newSwipper a:hover{
	opacity: 1;
	text-decoration: none;
}

#popupClubRequest, #popupClubCreate{
	position: fixed;
	z-index: 16;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 32px;
	width:400px;
	padding: 2vw;
	border-radius: 12px;
	background: var(--blanc, #FFF);
	box-shadow: 0px 0px 40px 0px rgba(0, 23, 48, 0.08);
}
#popupClubRequest #hidePopup, #popupClubCreate #hidePopup{
	position: absolute;
	right: 20.5px;
	top: 18px;
	cursor: pointer;
	width: 1vw;
	height: 1vw;
}
#popupClubRequest #avatarRequest{
	width: 100px;
	height: 100px;
	border-radius: 100%;
}
#popupClubRequest #contentRequest{
	display: flex;
	flex-direction: column;
	gap: 8px;
}
#popupClubRequest #titreRequest{
	font-family: Quicksand;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.3px;
	color:#1D3253;
	margin: 0;
}
#popupClubRequest #textRequest{
	color: var(--Bleu-fonc, #1D3253);
	font-family: Quicksand;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.3px;
	margin: 0;
}
#popupClubRequest #rejoindre{
	color: var(--Blanc, #FFF);
	text-align: center;
	font-family: Quicksand;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	padding: 16px 32px;
	border-radius: 100px;
	background: var(--Bleu-fonc, #1D3253);
	margin-top: 8px;	
	cursor: pointer;
	border:0;
	text-decoration: none;
}
#popupClubRequest form{
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}
#popupClubRequest form div{
	width: 100%;
	box-sizing: border-box;
	display: flex;
	gap: 12px;
	background-color: #f9f9f9;
	border-radius: 100px;
	padding: 8px 16px;
}
#popupClubRequest form div:has(input:focus-visible){
	outline: 2px solid #1D3254;
}
#popupClubRequest form div input{
	border: none;
	background: transparent;
	width: 100%;
	font-size: 18px;
}
#popupClubRequest form div input:focus-visible{
	outline: none;
}
#popupClubRequest form input[type="submit"]{
	background: var(--Bleu-fonc, #1D3253);
	color: var(--Blanc, #FFF);
	font-family: Quicksand;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	padding: 16px 32px;
	border-radius: 100px;
	border: 0;
	cursor: pointer;
	width: 100%;
}
#backgroundRequest{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(29, 50, 84, 0.5);
	z-index: 15;
	cursor: pointer;
}

.cartoucheFooter a.cartoucheUserNote.mobil-hidden{
	margin-right: 4px;
}

@media screen and (max-width:700px){
	.contentCartouche{
		padding: 8px;
	}
	.cartoucheAnnonceHolder .prixCartouche sup{
		margin-top: -10px;
	}
	.cartoucheAnnonceHolder .prixCartouche {
		display: flex;
		align-items: center;
	}
	/* Profil (page-wiizer) : hauteur naturelle (comme wall compact) */
	.page-wiizer .annonces-grid{
		align-items: start;
	}
	.page-wiizer .annonces-grid .cartoucheAnnonceHolder{
		display: flex;
		flex-direction: column;
		align-self: start;
		height: auto;
		float: none;
	}
	.page-wiizer .annonces-grid .illustrationCartouche{
		flex-shrink: 0;
	}
	.page-wiizer .annonces-grid .contentCartouche{
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		min-height: 0;
	}
	.page-wiizer .annonces-grid .cartoucheContentInner{
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		min-height: 0;
		height: auto;
		justify-content: flex-start;
	}
	.page-wiizer .annonces-grid .cartoucheContentMain{
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		min-height: 0;
		height: auto;
		justify-content: flex-start;
		gap: 0;
	}
	.page-wiizer .annonces-grid .cartoucheAnnonce{
		flex: 0 0 auto;
	}
	.page-wiizer .annonces-grid .userCartouche{
		margin-top: auto;
		flex-shrink: 0;
	}
	.page-wiizer .annonces-grid .cartoucheFooter{

		flex-shrink: 0;
	}
	.mobil-list-wish{
		justify-content: center;
		align-items: stretch;
	}
	.mobil-list-wish .cartoucheAnnonceHolder{
		display: flex;
		flex-direction: column;
		align-self: stretch;
		height: auto;
		float: none;
	}
	.mobil-list-wish .illustrationCartouche{
		flex-shrink: 0;
	}
	.mobil-list-wish .contentCartouche{
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		min-height: 0;
	}
	.mobil-list-wish .cartoucheContentInner{
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		min-height: 0;
		height: auto;
		justify-content: flex-start;
		gap: 8px;
	}
	.mobil-list-wish .cartoucheContentMain{
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		min-height: 0;
		height: auto;
		justify-content: flex-start;
		gap: 0;
	}
	.mobil-list-wish .cartoucheAnnonce{
		flex: 0 0 auto;
	}
	.mobil-list-wish .userCartouche{
		margin-top: auto;
		flex-shrink: 0;
	}
	.mobil-list-wish .cartoucheFooter{
		margin-top: 4px;
		flex-shrink: 0;
	}
	.cartoucheAnnonceHolder{
		width: 46% !important;
		min-width: 0;
		/* Figma card/product mobile (2001:1523) : radius 24 + shadow/3 */
		border-radius: 24px;
		box-shadow: 0 4px 8px rgba(25, 46, 81, 0.1);
	}
	.illustrationCartouche{
		height: 140px;
		border-radius: 16px;
	}
	.userCartouche > a,
	.userCartouche .userCartouche-avatar{
		width: 24px;
		height: 24px;
	}
	.userCartouche > a > img,
	.userCartouche .userCartouche-avatar > img{
		width: 24px;
		height: 24px;
	}
	.userCartouche-nameLeft a{
		font-size: 12px;
		line-height: 16px;
		max-width: 73px;
	}
	.userCartouche-nameLeft img{
		width: 16px;
		height: 16px;
	}
	.cartoucheUserFiabilite{
		font-size: calc(13px * var(--cartouche-s));
		line-height: 16px;
	}
	.cartoucheUserFiabilite img{
		height: 	calc(14px * var(--cartouche-s));
		;
		width: auto;
		margin-right: -3px;
	}
	.illustrationCartouche .tagCartouche a{
		display: none;
	}
	.userCartouche-lieu-icon{
		width: 12px;
		height: 12px;
	}
	.cartoucheAnnonce .titreCartouche{ 
		-webkit-line-clamp: 2; 
		line-clamp: 2; 
		font-size: 16px;
		line-height: 24px;
		/* 2 lignes réservées : prix / suite alignés (1 ou 2 lignes de titre) */
		min-height: 48px;
		height: 48px;
		color: #203455;
		margin-bottom: 6px;
	}
	.prixCartouche{
		font-size: 16px;
		font-family: Roboto, sans-serif;
		line-height: 24px;
	}
	.prixCartouche sup{
		font-family: Roboto, sans-serif;
	}
	.cartoucheFooter .cartoucheBouton{
		display: none !important;
	}
	.cartoucheFooter .cartoucheBouton a{
		font-size: 14px;
		padding: 10px 16px;
	}
	h3.border, h1.border { font-size: 24px !important; margin-left: 20px; padding-top:0px; margin-top:0px; }

	#popupClubRequest{ padding:5vw; }
	#popupClubRequest #hidePopup{	width:5vw;height:5vw;}
}

/* Note + fiabilité à droite du footer (même seuil que mobil-hidden / pc-hidden) */
@media screen and (max-width:1024px){
	.cartoucheFooter{
		flex-wrap: wrap;
		gap: 4px 8px;
	}
	.cartoucheFooter .cartoucheBouton,
	.cartoucheFooter .cartoucheActions{
		margin-left: auto;
	}
	/* Actions rapides : rangée d’icônes (pas de libellés) */
	.cartoucheFooter .cartoucheActions{
		flex: 0 0 auto;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-end;
		margin-left: auto;
		margin-top: 0;
		gap: 8px;
	}
	.cartoucheFooter .cartoucheActions .editCartouche,
	.cartoucheFooter .cartoucheActions .pauseCartouche,
	.cartoucheFooter .cartoucheActions .deleteCartouche{
		flex: 0 0 auto;
		width: 40px;
		height: 40px;
		min-width: 40px;
		min-height: 40px;
		justify-content: center;
		padding: 0;
		font-size: 0;
		gap: 0;
		box-sizing: border-box;
		border-radius: 50%;
	}
	.cartoucheFooter .cartoucheActions .editCartouche img,
	.cartoucheFooter .cartoucheActions .pauseCartouche svg,
	.cartoucheFooter .cartoucheActions .deleteCartouche img{
		width: 16px;
		height: 16px;
	}
	.cartoucheFooter .cartoucheActions .cartoucheActionLabel{
		display: none !important;
	}
	.cartoucheFooter a.cartoucheUserFiabilite{
		display: inline-flex !important;
		align-items: center;
		width: auto !important;
		visibility: visible;
	}
	.cartoucheFooter .cartoucheUserFiabilite .cartoucheUserFiabilite-label{
		display: inline !important;
		width: auto !important;
		padding-top: 1.5px
	}
	.cartoucheFooter a.cartoucheUserNote{
		display: inline-flex !important;
		align-items: center;
		width: auto !important;
		visibility: visible;
		margin-right: -3px;
		font-size: calc(13px * var(--cartouche-s));
	}
	.cartoucheFooter .cartoucheFooter-stats{
		margin-left: auto;
		gap: 8px;
		width: auto;
		display: flex !important;
	}
	.cartoucheFooter .cartoucheFooter-stats .cartoucheUserNote-icon{
		height: calc(20px * var(--cartouche-s));
		width: calc(19px * var(--cartouche-s));
		margin-right: -4px;
	}
}

/* ============================================================
   Wizard Je Wiiz — publication multi-étapes (#blocCreerWiiz)
   ============================================================ */

html:has(body.jw-page),
body.jw-page {
	min-height: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fafafa;
	font-family: Roboto, sans-serif;
	color: #1D3253;
}

.jw-page-main {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	height: 100%;
	width: 100%;
	max-width: none;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

#blocCreerWiiz.jw-wizard {
	--jw-brand: #1D3253;
	--jw-green: #00c950;
	--jw-green-bg: #f0fdf4;
	--jw-border: #e5e5e5;
	--jw-muted: #6f7e95;
	--jw-grey-text: #66708A;
	--jw-input-bg: #fafafa;
	--jw-page-bg: #fafafa;
	--jw-card-bg: #fff;
	--jw-pill: 12px;
	--jw-input-radius: 12px;
	--jw-card-radius: 16px;
	--jw-content-max: 720px;
	--jw-tip-width: 280px;

	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	width: 100%;
	max-width: none !important;
	min-height: 100%;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	border-radius: 0 !important;
	background: var(--jw-page-bg);
	box-shadow: none !important;
	gap: 0;
	overflow: hidden;
}

/* --- En-tête --- */
.jw-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-shrink: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 16px 20px;
	gap: 12px;
	background: #fff;
	border-bottom: 1px solid var(--jw-border);
}

.jw-header-start,
.jw-header-end {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 70px;
}

.jw-header-start {
	flex: 0 0 auto;
	justify-content: flex-start;
	width: 120px;
}

.jw-header-end {
	flex: 0 0 auto;
	justify-content: flex-end;
	width: 120px;
}

/* Indicateur d’étape : centré en desktop via flex entre start/end */
.jw-step-indicator {
	flex: 1 1 auto;
	margin: 0;
	text-align: center;
	font-family: Quicksand, sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: var(--jw-brand);
}

.jw-back {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #737373;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	text-decoration: none;
}

.jw-back img {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

body.jw-page #blocCreerWiiz.jw-wizard #GoBackJeWiiz,
body.jw-page #blocCreerWiiz.jw-wizard .jw-close {
	position: static !important;
	top: auto !important;
	right: auto !important;
}

#GoBackJeWiiz img,
.jw-close img {
	width: 24px;
	height: 24px;
}

/* ------------------------------------------------------------------ */
/* Surfaces de toucher ≥ 44×44 (wizard)                               */
/* ------------------------------------------------------------------ */
#blocCreerWiiz.jw-wizard .jw-back {
	min-width: 44px;
	min-height: 44px;
	padding: 12px;
	margin: -12px 0 -12px -12px;
	box-sizing: border-box;
	justify-content: center;
}

body.jw-page #blocCreerWiiz.jw-wizard #GoBackJeWiiz,
body.jw-page #blocCreerWiiz.jw-wizard .jw-close {
	width: 44px !important;
	height: 44px !important;
	min-width: 44px;
	min-height: 44px;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

#blocCreerWiiz.jw-wizard .jw-cat-change {
	min-width: 44px;
	min-height: 44px;
	padding: 12px 16px;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

#blocCreerWiiz.jw-wizard .jw-cat-results li {
	min-height: 44px;
}

#blocCreerWiiz.jw-wizard .photoWiizRemove {
	width: 44px;
	height: 44px;
	min-width: 44px;
	min-height: 44px;
	top: 0;
	right: 0;
	font-size: 20px;
}

#blocCreerWiiz.jw-wizard .photoWiizActions button {
	width: 44px;
	height: 44px;
	min-width: 44px;
	min-height: 44px;
}

#blocCreerWiiz.jw-wizard #infobulleWiiz {
	min-width: 44px;
	min-height: 44px;
	justify-content: center;
	cursor: pointer;
}

#blocCreerWiiz.jw-wizard #infobulleWiiz img {
	/* Icône visuelle inchangée ; la hitbox est sur le conteneur 44×44 */
	pointer-events: none;
}

#blocCreerWiiz.jw-wizard .jw-btn-prev,
#blocCreerWiiz.jw-wizard .jw-btn-next,
#blocCreerWiiz.jw-wizard #submitWiiz {
	min-height: 44px;
}

#blocCreerWiiz.jw-wizard input:not([type="file"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
#blocCreerWiiz.jw-wizard select,
#blocCreerWiiz.jw-wizard .jw-cat-search-field input,
#blocCreerWiiz.jw-wizard #jwCatQuery {
	min-height: 44px;
}

/* --- Barre de progression --- */
.jw-progress {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	width: 100%;
	box-sizing: border-box;
	padding: 16px 20px;
	background: transparent;
}

.jw-progress-track {
	width: 100%;
	max-width: var(--jw-content-max);
	height: 6px;
	border-radius: 3px;
	background: #e5e5e5;
	overflow: hidden;
}

.jw-progress-fill {
	height: 100%;
	border-radius: 3px;
	background: var(--jw-green);
	transition: width 0.3s ease;
}

/* --- Corps principal --- */
.jw-body {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	gap: 24px;
	min-height: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 16px 20px 24px;
	overflow: auto;
	background: transparent;
}

.jw-main {
	flex: 1 1 auto;
	width: 100%;
	max-width: var(--jw-content-max);
	min-width: 0;
	overflow: visible;
	padding: 0;
	background: transparent;
}

/* --- Étapes --- */
.jw-step {
	display: none;
	flex-direction: column;
	gap: 20px;
}

.jw-step.is-active {
	display: flex;
}

#jwStep1.is-active {
	gap: 32px;
	align-items: stretch;
}

/* --- Typographie --- */
.jw-title {
	margin: 0;
	padding: 0;
	color: var(--jw-brand);
	font-family: Quicksand, sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.15;
	text-align: left;
}

/* Retour à la ligne « Que veux-tu » : mobile uniquement */
.jw-title-br {
	display: none;
}

/* Neutralise les styles globaux h1 (style-last.css) */
#blocCreerWiiz.jw-wizard h1.jw-title {
	margin: 0;
	padding: 0;
	font-family: Quicksand, sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.15;
	color: var(--jw-brand);
	text-align: left;
}

.jw-breadcrumbs {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 4px;
	width: 100%;
	box-sizing: border-box;
}

.jw-eyebrow {
	margin: 0;
	padding: 0;
	color: #737373;
	font-family: Roboto, sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-align: left;
}

.jw-label {
	display: block;
	margin: 0;
	color: var(--jw-brand);
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.25;
}

.jw-field {
	display: flex;
	flex-direction: column;
	gap: 8px; /* label → input */
	width: 100%;
}
.jw-field-hint {
	margin: 0;
	color: #666E8A;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

/* --- Grille type offre/demande --- */
.jw-type-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	width: 100%;
}

.jw-type-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 140px;
	padding: 24px 16px;
	border: 1px solid var(--jw-border);
	border-radius: var(--jw-card-radius);
	background: #fff;
	cursor: pointer;
	transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
	text-align: center;
	/* Évite les styles globaux button qui poussent le label en bas */
	box-sizing: border-box;
}

.jw-type-card:hover {
	border-color: #cbd5e1;
	box-shadow: 0 2px 8px rgba(29, 50, 83, 0.06);
}

.jw-type-icon-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	margin: 0;
	border-radius: 12px;
	background: #fafafa;
}

.jw-type-card .jw-type-icon-wrap img,
.jw-type-card > img:first-of-type {
	display: block;
	width: 28px;
	height: 28px;
	object-fit: contain;
	/* Pas de filter CSS : ça rasterise le SVG → flou / pixellisation au zoom */
	filter: none;
}

.jw-type-card > span:not(.jw-type-check):not(.jw-type-icon-wrap),
.jw-type-card .jw-type-label {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	color: var(--jw-brand);
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.25;
}

.jw-type-card.is-selected {
	border: 2px solid var(--jw-green);
	background: var(--jw-green-bg);
	padding: 23px 15px; /* Compense la bordure 2px vs 1px */
}

.jw-type-card.is-selected > span:not(.jw-type-check):not(.jw-type-icon-wrap),
.jw-type-card.is-selected .jw-type-label {
	color: var(--jw-green);
}

.jw-type-card.is-selected .jw-type-icon-wrap {
	/* Figma desktop : fond vert + icône blanche (via mask, sans filter) */
	position: relative;
	background: var(--jw-green);
}

.jw-type-card.is-selected .jw-type-icon-wrap::after {
	content: '';
	position: absolute;
	inset: 0;
	background-color: #fff;
	-webkit-mask-image: var(--jw-type-icon);
	mask-image: var(--jw-type-icon);
	-webkit-mask-size: 28px 28px;
	mask-size: 28px 28px;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	pointer-events: none;
}

.jw-type-card.is-selected .jw-type-icon-wrap img {
	opacity: 0;
	filter: none;
}

.jw-type-check {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--jw-green);
	align-items: center;
	justify-content: center;
}

.jw-type-card.is-selected .jw-type-check {
	display: flex;
}

.jw-type-check img {
	width: 12px;
	height: 12px;
}

/* --- Carte formulaire --- */
.jw-form-card {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 20px;
	border: 1px solid var(--jw-border);
	border-radius: var(--jw-card-radius);
	background: var(--jw-card-bg);
}

.jw-step2-card {
	padding: 32px;
	gap: 16px; /* entre section titre et section description */
}

/* Étape 2 : espacements Figma */
#jwStep2.is-active {
	gap: 24px; /* titre → premier label */
}

#blocCreerWiiz.jw-wizard[data-step="2"] .jw-progress {
	padding-bottom: 0;
}

#blocCreerWiiz.jw-wizard[data-step="2"] .jw-body {
	padding-top: 24px; /* barre de progrès → titre */
}

.jw-desc-block {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
}

.jw-desc-block[hidden] {
	display: none !important;
}

.jw-form-card input,
.jw-form-card textarea,
.jw-form-card select,
#blocCreerWiiz.jw-wizard input:not([type="file"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
#blocCreerWiiz.jw-wizard textarea,
#blocCreerWiiz.jw-wizard select {
	box-sizing: border-box;
	width: 100%;
	padding: 12px 16px;
	border: 1px solid var(--jw-border);
	border-radius: var(--jw-input-radius);
	background: var(--jw-input-bg);
	color: var(--jw-brand);
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.25;
}

.jw-form-card input::placeholder,
.jw-form-card textarea::placeholder,
#blocCreerWiiz.jw-wizard input::placeholder,
#blocCreerWiiz.jw-wizard textarea::placeholder {
	color: #8D93AA;
}

.jw-form-card textarea,
#blocCreerWiiz.jw-wizard textarea {
	min-height: 96px;
	resize: vertical;
}

/* Étape 2 — tokens Figma mobile (649:7822 / 649:7826) */
#jwStep2 #titre,
#blocCreerWiiz.jw-wizard #jwStep2 #titre {
	height: 56px;
	padding: 0 16px;
	border: 2px solid #c1cad7;
	border-radius: 12px;
	background: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

#jwStep2 #desc,
#blocCreerWiiz.jw-wizard #jwStep2 #desc {
	min-height: 120px;
	height: 120px;
	padding: 16px;
	border: 2px solid #c1cad7;
	border-radius: 14px;
	background: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

#jwStep2 #titre::placeholder,
#jwStep2 #desc::placeholder,
#blocCreerWiiz.jw-wizard #jwStep2 #titre::placeholder,
#blocCreerWiiz.jw-wizard #jwStep2 #desc::placeholder {
	color: #98a4b6;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	opacity: 1;
}

#jwStep2 #titre::-webkit-input-placeholder,
#jwStep2 #desc::-webkit-input-placeholder {
	color: #98a4b6;
	font-weight: 500;
}

#jwStep2 #titre::-moz-placeholder,
#jwStep2 #desc::-moz-placeholder {
	color: #98a4b6;
	font-weight: 500;
	opacity: 1;
}

/* Focus étape 2 : même spécificité que les règles border Figma ci-dessus */
#jwStep2 #titre:focus,
#jwStep2 #titre:focus-visible,
#blocCreerWiiz.jw-wizard #jwStep2 #titre:focus,
#blocCreerWiiz.jw-wizard #jwStep2 #titre:focus-visible {
	outline: none;
	border: 2px solid #1d1d1b;
	box-shadow: none;
}

#jwStep2 #desc:focus,
#jwStep2 #desc:focus-visible,
#blocCreerWiiz.jw-wizard #jwStep2 #desc:focus,
#blocCreerWiiz.jw-wizard #jwStep2 #desc:focus-visible {
	outline: none;
	border: 2px solid #1d1d1b;
	box-shadow: none;
}

/* Focus inputs : bordure noire (pas de halo bleu navigateur) */
#blocCreerWiiz.jw-wizard input:not([type="file"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):focus,
#blocCreerWiiz.jw-wizard input:not([type="file"]):not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):focus-visible,
#blocCreerWiiz.jw-wizard textarea:focus,
#blocCreerWiiz.jw-wizard textarea:focus-visible,
#blocCreerWiiz.jw-wizard select:focus,
#blocCreerWiiz.jw-wizard select:focus-visible {
	outline: none;
	border-color: #1d1d1b;
	box-shadow: none;
}

/* --- Bannière catégorie --- */
.jw-cat-banner[hidden],
.jw-cat-search[hidden] {
	display: none !important;
}

/* Bannière suggestion catégorie — Figma 649:7894 */
.jw-cat-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px;
	border: none;
	border-radius: var(--jw-input-radius);
	background: #ecf1f8;
	box-sizing: border-box;
	width: 100%;
}

.jw-cat-banner.is-loading {
	display: flex !important;
}

.jw-cat-banner-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
}

.jw-cat-banner-icon img {
	display: block;
	width: 24px;
	height: 24px;
}

.jw-cat-banner-info {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.jw-cat-banner-label {
	margin: 0;
	color: #737373;
	font-family: Roboto, sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
}

.jw-cat-banner-value {
	margin: 0;
	color: var(--jw-brand);
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}

.jw-cat-banner.is-loading .jw-cat-banner-value {
	display: flex;
	align-items: center;
	min-height: 20px;
}

.jw-cat-banner-spinner {
	width: 18px;
	height: 18px;
}

.jw-cat-banner.is-loading .jw-cat-change {
	display: none !important;
}

.jw-cat-change {
	min-width: 44px;
	min-height: 44px;
	padding: 12px 16px;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #d4d4d4;
	border-radius: var(--jw-pill);
	background: transparent;
	color: #737373;
	font-family: Roboto, sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	cursor: pointer;
	white-space: nowrap;
}

.jw-cat-search[hidden] {
	display: none !important;
}

/* Panneau recherche unifié — Figma 649:7968 */
.jw-cat-search {
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
	border: 1px solid #d4d4d4;
	border-radius: var(--jw-input-radius);
	background: #fff;
	overflow: hidden;
	box-sizing: border-box;
	animation: jw-cat-slide-up 0.22s ease;
}

@keyframes jw-cat-slide-up {
	from {
		opacity: 0;
		transform: translateY(12px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.jw-cat-search-field {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	z-index: 1;
	border-bottom: 1px solid #e5e5e5;
	box-sizing: border-box;
}

.jw-cat-search:not(.has-results) .jw-cat-search-field {
	border-bottom: none;
}

.jw-cat-search-icon {
	position: absolute;
	left: 16px;
	width: 18px;
	height: 18px;
	pointer-events: none;
}

.jw-cat-search-field input,
#blocCreerWiiz.jw-wizard .jw-cat-search-field input,
#blocCreerWiiz.jw-wizard #jwCatQuery {
	width: 100%;
	box-sizing: border-box;
	height: 48px;
	padding: 0 16px 0 42px;
	border: none !important;
	border-radius: 0 !important;
	background: #fff;
	color: var(--jw-brand);
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.jw-cat-search-field input::placeholder,
#blocCreerWiiz.jw-wizard #jwCatQuery::placeholder {
	color: #98a4b6;
	font-weight: 500;
}

.jw-cat-search-field input:focus,
#blocCreerWiiz.jw-wizard #jwCatQuery:focus {
	outline: none;
	border: none !important;
	background: #fff;
	box-shadow: none;
}

.jw-cat-results {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	border-radius: 0;
	background: #fff;
	overflow: hidden;
	max-height: 320px;
	overflow-y: auto;
}

.jw-cat-results:empty {
	display: none;
}

.jw-cat-results li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px;
	border-bottom: 1px solid #e5e5e5;
	color: var(--jw-brand);
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	cursor: pointer;
	transition: background 0.15s ease;
	background: #fff;
	box-sizing: border-box;
}

.jw-cat-results li:last-child {
	border-bottom: none;
}

.jw-cat-results li:hover,
.jw-cat-results li.is-selected {
	background: #ecf1f8;
}

.jw-cat-results li .jw-cat-result-label {
	flex: 1 1 auto;
	min-width: 0;
}

.jw-cat-results li .jw-cat-result-chevron {
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	opacity: 1;
}

/* Catch-all sous les suggestions (fami 5 / cate 92 / autre) */
.jw-cat-other {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 16px;
	border-top: 1px solid #e5e5e5;
	background: #fff;
	color: var(--jw-brand);
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	cursor: pointer;
	box-sizing: border-box;
	min-height: 44px;
	user-select: none;
}

.jw-cat-other:hover,
.jw-cat-other.is-checked {
	background: #ecf1f8;
}

.jw-cat-other input {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: #1d3253;
	cursor: pointer;
}

.jw-cat-other span {
	flex: 1 1 auto;
}

/* --- Photos (Figma Étape 3 : scroll horizontal, 3e case ~15% visible) --- */
.jw-photos-card {
	gap: 24px;
}

.jw-photos-scroll {
	--jw-photo-gap: 12px;
	/* Desktop : 3 cases + 15% de la 4e (mobile override ≤899px) */
	--jw-photo-fit: 3.15;
	--jw-photo-gaps-before-peek: 3;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-x: contain;
	container-type: inline-size;
	container-name: jw-photos;
	/* Mobile : pas de barre (scroll tactile). Desktop : voir media ≥900px */
	scrollbar-width: none;
}

.jw-photos-scroll::-webkit-scrollbar {
	display: none;
}

#blocCreerWiiz.jw-wizard #photosWiizGrid,
.jw-photos-track {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: var(--jw-photo-gap);
	width: max-content;
	min-width: 100%;
	box-sizing: border-box;
}

#blocCreerWiiz.jw-wizard .photoWiizThumb,
#blocCreerWiiz.jw-wizard .jw-photo-slot {
	position: relative;
	/* Taille relative au viewport du scroll → 4e case ~15% en peek */
	flex: 0 0 calc((100cqi - (var(--jw-photo-gaps-before-peek, 3) * var(--jw-photo-gap))) / var(--jw-photo-fit));
	width: calc((100cqi - (var(--jw-photo-gaps-before-peek, 3) * var(--jw-photo-gap))) / var(--jw-photo-fit));
	aspect-ratio: 1 / 1;
	height: auto;
	border-radius: 12px;
	overflow: hidden;
	border: 1.5px dashed #d4d4d4;
	background: #fafafa;
	box-sizing: border-box;
}

#blocCreerWiiz.jw-wizard .photoWiizThumb {
	border-style: solid;
	border-color: var(--jw-border);
	background: #fff;
}

#blocCreerWiiz.jw-wizard .photoWiizThumb.is-cover {
	outline: 2px solid var(--jw-green);
	outline-offset: 1px;
}

#blocCreerWiiz.jw-wizard .photoWiizThumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

#blocCreerWiiz.jw-wizard .jw-photo-slot {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: border-color 0.2s ease, background 0.2s ease;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
}

#blocCreerWiiz.jw-wizard .jw-photo-slot:hover {
	border-color: var(--jw-green);
	background: var(--jw-green-bg);
}

#blocCreerWiiz.jw-wizard .jw-photo-slot img {
	width: 40px;
	height: 40px;
	opacity: 1;
	object-fit: contain;
}

#blocCreerWiiz.jw-wizard .photoWiizRemove {
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	min-width: 44px;
	min-height: 44px;
	border: 0;
	border-radius: 50%;
	background: rgba(29, 50, 83, 0.9);
	color: #fff;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	z-index: 2;
}

#blocCreerWiiz.jw-wizard .photoWiizActions {
	position: absolute;
	left: 6px;
	bottom: 6px;
	right: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	z-index: 2;
	pointer-events: none;
}

#blocCreerWiiz.jw-wizard .photoWiizActions button {
	pointer-events: auto;
	width: 44px;
	height: 44px;
	min-width: 44px;
	min-height: 44px;
	border: 0;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 1px 4px rgba(29, 50, 83, 0.18);
	color: var(--jw-brand);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

#blocCreerWiiz.jw-wizard .photoWiizActions button:disabled {
	opacity: 0.35;
	cursor: default;
}

#blocCreerWiiz.jw-wizard .photoWiizActions button img {
	width: 14px;
	height: 14px;
	display: block;
	object-fit: contain;
}

.jw-photo-tips {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 16px;
	border-radius: 14px;
	background: #fefce8;
	border: none;
	box-sizing: border-box;
	width: 100%;
}

.jw-photo-tips p {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	font-family: Roboto, sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	color: #525252;
	white-space: normal;
}

.jw-photo-tips p img {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

/* --- Détails / prix (Figma Desktop — Étape 4) --- */
#jwStep4.is-active {
	gap: 24px; /* titre → premier label (comme étape 2) */
}

#blocCreerWiiz.jw-wizard[data-step="4"] .jw-progress {
	padding-bottom: 0;
}

#blocCreerWiiz.jw-wizard[data-step="4"] .jw-body {
	padding-top: 24px; /* barre de progrès → titre */
}

.jw-details-card {
	gap: 0;
	padding: 32px;
	border: 1px solid #e5e5e5;
	border-radius: 16px;
	background: #fff;
}

.jw-details-cols {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 16px; /* entre sections prix / lieu (comme titre ↔ desc étape 2) */
	width: 100%;
}

.jw-details-col {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: 8px; /* label → champ */
	min-width: 0;
}

.jw-label-row {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 0;
	line-height: 20px;
}

.jw-label-row .jw-label {
	margin: 0;
	padding: 0;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}

.jw-details-col > .jw-label {
	margin: 0;
	padding: 0;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}

/*
 * La hitbox accessibilité 44×44 de #infobulleWiiz était dans le flux flex :
 * la ligne label faisait 44px → l’écart visuel label→input dépassait largement 8px.
 * On conserve la cible tactile, mais on annule sa hauteur « layout ».
 */
#blocCreerWiiz.jw-wizard #jwStep4 .jw-label-row #infobulleWiiz {
	min-width: 44px;
	min-height: 44px;
	margin-top: calc((20px - 44px) / 2);
	margin-bottom: calc((20px - 44px) / 2);
	box-sizing: border-box;
}

#jwStep4 .jw-price-row,
#jwStep4 .jw-location-combined {
	margin-top: 0;
}

.jw-price-row {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	flex-wrap: nowrap;
}

#blocCreerWiiz.jw-wizard .pricetoUnitGroup {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
	width: auto;
}

#blocCreerWiiz.jw-wizard .pricetoUnitGroup #nbjTemp,
#blocCreerWiiz.jw-wizard .pricetoUnitGroup #nbjTempHolder select {
	box-sizing: border-box;
	width: 72px;
	height: 36px;
	border-radius: 100px;
	border: 1.5px solid var(--jw-brand);
	background-color: #ecf1f8;
	background-image: url(/img/je-wiiz/icon-chevron-down.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) center;
	background-size: 14px;
	padding: 0 28px 0 12px;
	color: var(--jw-brand);
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

#blocCreerWiiz.jw-wizard .pricetoUnitGroup #tempSelecteur,
#blocCreerWiiz.jw-wizard .pricetoUnitGroup #tempSelecteurFixed {
	box-sizing: border-box;
	flex: 0 0 auto;
	width: auto !important;
	min-width: 0;
	max-width: none;
	height: 36px;
	padding: 0 28px 0 12px;
	border: 1.5px solid var(--jw-brand);
	border-radius: 100px;
	background-color: #ecf1f8;
	background-image: url(/img/je-wiiz/icon-chevron-down.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) center;
	background-size: 14px;
	color: var(--jw-brand);
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

#blocCreerWiiz.jw-wizard #tempSelecteurFixed {
	display: inline-flex;
	align-items: center;
}

#blocCreerWiiz.jw-wizard #prixHolderWiiz {
	display: flex;
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	max-width: none;
	height: 52px;
	padding: 0 16px;
	align-items: center;
	gap: 4px;
	box-sizing: border-box;
	border: 1.5px solid #e5e5e5;
	border-radius: 12px;
	background: #fff;
}

#blocCreerWiiz.jw-wizard #prixHolderWiiz .jw-price-currency {
	flex-shrink: 0;
	color: var(--jw-brand);
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	pointer-events: none;
	user-select: none;
}

#blocCreerWiiz.jw-wizard #prixHolderWiiz input,
#blocCreerWiiz.jw-wizard .jw-form-card #prixHolderWiiz input,
#blocCreerWiiz.jw-wizard .jw-details-card #prixHolderWiiz input {
	border: none !important;
	border-radius: 0;
	padding: 0 !important;
	background: transparent !important;
	width: 100%;
	min-width: 0;
	height: auto;
	text-align: left;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: var(--jw-brand);
}

#blocCreerWiiz.jw-wizard #prixHolderWiiz input::-webkit-outer-spin-button,
#blocCreerWiiz.jw-wizard #prixHolderWiiz input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

#blocCreerWiiz.jw-wizard #prixHolderWiiz input[type=number] {
	-moz-appearance: textfield;
	appearance: textfield;
}

#blocCreerWiiz.jw-wizard #prixHolderWiiz input:focus-visible {
	outline: none;
}

#blocCreerWiiz.jw-wizard #prixHolderWiiz:has(> input:focus-visible),
#blocCreerWiiz.jw-wizard #prixHolderWiiz:focus-within {
	border-color: #1d1d1b;
}

#blocCreerWiiz.jw-wizard #infobulleWiiz {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	min-width: 44px;
	min-height: 44px;
	overflow: visible;
	cursor: pointer;
}

#blocCreerWiiz.jw-wizard #infobulleWiiz[hidden] {
	display: none !important;
}

#blocCreerWiiz.jw-wizard #infobulleWiiz img {
	width: 18px;
	height: 18px;
	aspect-ratio: 1/1;
	pointer-events: none;
}

#blocCreerWiiz.jw-wizard #infobulleWiiz .prix-ref-wiiz {
	display: none;
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	transform: none;
	box-sizing: border-box;
	width: 242px;
	flex-direction: column;
	gap: 8px;
	padding: 12px;
	border-radius: 8px;
	background: var(--jw-brand);
	white-space: break-spaces;
	z-index: 20;
}

#blocCreerWiiz.jw-wizard #infobulleWiiz:hover .prix-ref-wiiz,
#blocCreerWiiz.jw-wizard #infobulleWiiz.is-open .prix-ref-wiiz,
#blocCreerWiiz.jw-wizard #infobulleWiiz:focus-within .prix-ref-wiiz {
	display: flex;
}

#blocCreerWiiz.jw-wizard #infobulleWiiz .prix-ref-avg,
#blocCreerWiiz.jw-wizard #infobulleWiiz .prix-ref-feedback {
	margin: 0;
	color: #fff;
	font-family: Quicksand, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
	white-space: break-spaces;
}

#blocCreerWiiz.jw-wizard #infobulleWiiz .prix-ref-feedback.is-ok {
	color: #7DDE82;
}

#blocCreerWiiz.jw-wizard #infobulleWiiz .prix-ref-feedback.is-low {
	color: #7EB6FF;
}

#blocCreerWiiz.jw-wizard #infobulleWiiz .prix-ref-feedback.is-high {
	color: #FFB4A8;
}

#blocCreerWiiz.jw-wizard select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url(/img/je-wiiz/icon-chevron-down.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 12px) center;
	background-size: 14px;
	padding-right: 36px;
}

/* Localisation : un seul champ combiné — zone cliquable = toute la surface blanche */
.jw-location-combined {
	display: flex;
	align-items: stretch;
	gap: 0;
	box-sizing: border-box;
	width: 100%;
	height: 52px;
	padding: 0 12px 0 16px;
	border: 1.5px solid #e0e0e0;
	border-radius: 12px;
	background: #fff;
	cursor: text;
}

.jw-location-combined:focus-within {
	border-color: #1d1d1b;
}

.jw-location-combined .jw-location-pin {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	align-self: center;
	margin-right: 10px;
	pointer-events: none;
}

.jw-location-combined #wish_cp,
#blocCreerWiiz.jw-wizard .jw-location-combined #wish_cp,
#blocCreerWiiz.jw-wizard .jw-form-card .jw-location-combined #wish_cp {
	flex: 0 0 64px;
	width: 64px !important;
	min-width: 64px;
	max-width: 72px;
	height: 100% !important;
	align-self: stretch;
	padding: 0 6px 0 0 !important;
	margin: 0;
	border: none !important;
	border-radius: 0;
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: var(--jw-brand);
	appearance: textfield;
	-moz-appearance: textfield;
	cursor: text;
}

.jw-location-combined #wish_cp:focus,
.jw-location-combined #wish_cp:focus-visible,
#blocCreerWiiz.jw-wizard .jw-location-combined #wish_cp:focus,
#blocCreerWiiz.jw-wizard .jw-location-combined #wish_cp:focus-visible {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

.jw-location-combined #wish_cp::-webkit-outer-spin-button,
.jw-location-combined #wish_cp::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.jw-location-combined #ville,
#blocCreerWiiz.jw-wizard .jw-location-combined #ville,
#blocCreerWiiz.jw-wizard .jw-form-card .jw-location-combined #ville {
	flex: 1 1 auto;
	width: auto !important;
	min-width: 0;
	height: 100% !important;
	align-self: stretch;
	padding: 0 28px 0 4px !important;
	margin: 0;
	border: none !important;
	border-radius: 0;
	outline: none !important;
	box-shadow: none !important;
	background-color: transparent !important;
	background-image: url(/img/je-wiiz/icon-chevron-down.svg);
	background-repeat: no-repeat;
	background-position: right 4px center;
	background-size: 14px;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: var(--jw-brand);
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}

.jw-location-combined #ville:focus,
.jw-location-combined #ville:focus-visible,
#blocCreerWiiz.jw-wizard .jw-location-combined #ville:focus,
#blocCreerWiiz.jw-wizard .jw-location-combined #ville:focus-visible {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

.jw-location-combined #ville:invalid,
.jw-location-combined #ville option[value=""] {
	color: #999;
}

/* --- Aperçu étape 5 : cartouche mur partagée --- */
.jw-preview-wrap {
	display: flex;
	justify-content: center;
	padding: 24px 0;
	width: 100%;
}

/* Conteneur type mur, sans float de grille */
.jw-preview-mount.mobil-list-wish {
	float: none;
	display: block;
	width: 100%;
	max-width: 320px;
	gap: 0;
}

.jw-preview-mount .cartoucheAnnonceHolder {
	width: 100% !important;
	float: none;
	cursor: default;
	transform: rotate(2deg);
	box-shadow: 0 8px 24px rgba(29, 50, 83, 0.12);
}

.jw-preview-mount .cartoucheAnnonceHolder:hover {
	transform: rotate(2deg);
	box-shadow: 0 8px 24px rgba(29, 50, 83, 0.12);
}

/* Pas de navigation depuis l’aperçu */
.jw-preview-mount a,
.jw-preview-mount .coverAllWish {
	pointer-events: none;
}

/* Mobile wizard : même compression / apparence que les cartouches mur */
@media screen and (max-width: 899px) {
	.jw-preview-wrap {
		padding: 28px 0 24px;
		justify-content: center;
	}

	/* Même gutters que .mobil-list-wish du wall (padding 16px + carte ~46%) */
	.jw-preview-mount.mobil-list-wish {
		float: none;
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: stretch;
		width: 100%;
		max-width: none;
		box-sizing: border-box;
		padding: 0 16px;
		gap: 16px;
	}

	.jw-preview-mount .cartoucheAnnonceHolder {
		/* Plus grande que la demi-colonne mur, tout en restant une carte centrée */
		width: 72% !important;
		max-width: 280px;
		min-width: 0;
		flex: 0 0 auto;
		display: flex;
		flex-direction: column;
		align-self: stretch;
		height: auto;
		float: none;
		border-radius: calc(16px * var(--cartouche-s));
		transform: rotate(2deg);
		box-shadow: 0 8px 24px rgba(29, 50, 83, 0.12);
	}

	.jw-preview-mount .cartoucheAnnonceHolder:hover {
		transform: rotate(2deg);
		box-shadow: 0 8px 24px rgba(29, 50, 83, 0.12);
	}

	.jw-preview-mount .illustrationCartouche {
		flex-shrink: 0;
		height: 160px;
		border-radius: calc(12px * var(--cartouche-s));
	}

	.jw-preview-mount .contentCartouche {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		min-height: 0;
		padding: 8px;
	}

	.jw-preview-mount .cartoucheContentInner {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		min-height: 0;
		height: auto;
		justify-content: flex-start;
		gap: 8px;
	}

	.jw-preview-mount .cartoucheContentMain {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		min-height: 0;
		height: auto;
		justify-content: flex-start;
		gap: 0;
	}

	.jw-preview-mount .cartoucheAnnonce {
		flex: 0 0 auto;
	}

	.jw-preview-mount .userCartouche {
		margin-top: auto;
		flex-shrink: 0;
	}

	.jw-preview-mount .cartoucheFooter {
		margin-top: 4px;
		flex-shrink: 0;
	}

	.jw-preview-mount .userCartouche > a,
	.jw-preview-mount .userCartouche .userCartouche-avatar {
		width: 24px;
		height: 24px;
	}

	.jw-preview-mount .userCartouche > a > img,
	.jw-preview-mount .userCartouche .userCartouche-avatar > img {
		width: 24px;
		height: 24px;
	}

	.jw-preview-mount .userCartouche-nameLeft a {
		font-size: 12px;
		line-height: 16px;
		max-width: 73px;
	}

	.jw-preview-mount .userCartouche-nameLeft img {
		width: 16px;
		height: 16px;
	}

	.jw-preview-mount .prixCartouche {
		display: flex;
		align-items: center;
	}

	.jw-preview-mount .prixCartouche sup {
		margin-top: -10px;
	}
}

/* --- Conseil contextuel (desktop + mobile) --- */
.jw-tip {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-shrink: 0;
	box-sizing: border-box;
	width: 100%;
	max-width: var(--jw-content-max);
	padding: 20px;
	margin: 0;
	border: 1px solid #b8d4f5;
	border-radius: var(--jw-card-radius);
	background: #ecf1f8;
	align-self: stretch;
	gap: 12px;
	order: 2;
}

.jw-main {
	order: 1;
}

.jw-tip-title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: var(--jw-brand);
	font-family: Quicksand, sans-serif;
	font-size: 16px;
	font-weight: 700;
}

.jw-tip-title #jwTipTitle,
.jw-tip-title span {
	font-family: Quicksand, sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: var(--jw-brand);
}

.jw-tip-title img {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.jw-tip-body,
#jwTipText {
	margin: 0;
	color: var(--jw-brand);
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	white-space: normal;
}

/* Première phrase du tip (Figma : Roboto Bold) plus grasse que le reste */
.jw-tip-body strong,
#jwTipText strong {
	font-family: Roboto, sans-serif;
	font-weight: 700;
	color: var(--jw-brand);
}

.jw-tip-body ul {
	margin: 8px 0 0;
	padding-left: 18px;
}

/* --- Pied de page CTA --- */
.jw-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-shrink: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 16px 20px;
	border-top: 1px solid var(--jw-border);
	background: #fff;
}

.jw-btn-prev,
.jw-btn-next,
#blocCreerWiiz.jw-wizard #submitWiiz {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 28px;
	border-radius: var(--jw-pill);
	font-family: Quicksand, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.25;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
	text-align: center;
	text-decoration: none;
}

.jw-btn-prev {
	border: 1px solid var(--jw-brand);
	background: transparent;
	color: var(--jw-brand);
}

.jw-btn-prev:hover {
	background: rgba(29, 50, 83, 0.05);
}

.jw-btn-next,
#blocCreerWiiz.jw-wizard #submitWiiz {
	border: none;
	background: var(--jw-brand);
	color: #fff;
}

.jw-btn-next:hover:not(:disabled):not(.is-disabled),
#blocCreerWiiz.jw-wizard #submitWiiz.canClick:hover {
	background: #2a4268;
}

.jw-btn-next:disabled,
.jw-btn-next.is-disabled,
#blocCreerWiiz.jw-wizard #submitWiiz:disabled,
#blocCreerWiiz.jw-wizard #submitWiiz:not(.canClick) {
	background: var(--jw-muted);
	color: #fff;
	cursor: not-allowed;
	opacity: 0.85;
}

/* Indicateur de chargement à la place du bouton Publier */
.jw-publish-loading {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-left: auto;
	min-height: 48px;
	padding: 12px 8px;
	color: var(--jw-brand);
	font-family: Quicksand, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.25;
}

.jw-publish-loading[hidden],
.jw-publish-loading.hidden {
	display: none !important;
}

.jw-spinner,
#blocCreerWiiz.jw-wizard .spinner {
	display: inline-block;
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	border: 2px solid rgba(29, 50, 83, 0.25);
	border-top-color: var(--jw-brand);
	border-radius: 50%;
	animation: jw-spin 0.8s linear infinite;
	vertical-align: middle;
	flex-shrink: 0;
}

/* Spinner blanc sur bouton Suivant (fond bleu) */
#blocCreerWiiz.jw-wizard .jw-btn-next .spinner {
	border-color: rgba(255, 255, 255, 0.35);
	border-top-color: #fff;
	margin-right: 8px;
}

@keyframes jw-spin {
	to { transform: rotate(360deg); }
}

/* --- Divers --- */
#blocCreerWiiz.jw-wizard #imageWiiz {
	display: none;
}

.hidden {
	display: none !important;
}

/* Legacy : conservé pour compatibilité transition HTML */
#blocCreerWiiz.jw-wizard #OffreDemande {
	display: none;
}

/* --- Overlay validation --- */
#validationWiiz {
	display: none;
	position: absolute;
	inset: 0;
	z-index: 10;
	box-sizing: border-box;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 32px;
	padding: 20px;
	background-color: #fff;
}

#validationWiiz.is-visible {
	display: flex;
}

#validationWiiz a:first-of-type {
	position: absolute;
	top: 12px;
	right: 12px;
}

#validationWiiz a:first-of-type img {
	width: 24px;
	aspect-ratio: 1 / 1;
}

#validationWiiz > img {
	width: 144px;
	aspect-ratio: 1 / 1;
}

#validationWiiz p {
	margin: 0;
	white-space: normal;
}

#validationWiiz p:first-of-type {
	color: var(--jw-brand);
	text-align: center;
	font-family: Quicksand, sans-serif;
	font-size: 32px;
	font-weight: 700;
	line-height: normal;
}

#validationWiiz p:last-of-type {
	width: 100%;
	padding: 16px 0;
	border-radius: var(--jw-pill);
	background: var(--jw-brand);
	color: #fff;
	font-family: Quicksand, sans-serif;
	font-size: 16px;
	line-height: normal;
	text-align: center;
	cursor: pointer;
}

/* --- Desktop : plein écran (plus de carte / popup) --- */
@media screen and (min-width: 900px) {
	html:has(body.jw-page),
	body.jw-page {
		background: #fafafa;
		height: 100%;
		overflow: hidden;
	}

	.jw-page-main {
		align-items: stretch;
		padding: 0;
		max-width: none;
		height: 100%;
		min-height: 100vh;
	}

	#blocCreerWiiz.jw-wizard {
		max-width: none !important;
		width: 100%;
		min-height: 100vh;
		height: 100vh;
		max-height: 100vh;
		margin: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		overflow: hidden;
		background: #fafafa;
	}

	.jw-header {
		padding: 16px 40px;
	}

	.jw-progress {
		padding: 16px 0;
	}

	#blocCreerWiiz.jw-wizard[data-step="2"] .jw-progress {
		padding-bottom: 0;
	}

	.jw-body {
		gap: 40px;
		padding: 0 40px;
		align-items: center;
		justify-content: center;
		flex-direction: row;
	}

	#blocCreerWiiz.jw-wizard[data-step="2"] .jw-body {
		padding-top: 24px;
	}

	#blocCreerWiiz.jw-wizard[data-step="4"] .jw-body {
		padding-top: 24px;
	}

	.jw-main {
		flex: 0 1 var(--jw-content-max);
		max-width: var(--jw-content-max);
		width: var(--jw-content-max);
		order: 0;
	}

	.jw-tip {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		width: var(--jw-tip-width);
		max-width: var(--jw-tip-width);
		padding: 24px;
		align-self: center;
		order: 0;
	}

	#blocCreerWiiz.jw-wizard h1.jw-title {
		font-size: 30px;
		line-height: 36px;
	}

	/* Étape 1 desktop : titre ancré à gauche, aligné avec la grille de cartes */
	#jwStep1.is-active {
		gap: 40px;
	}

	#jwStep1.is-active .jw-title,
	#jwStep1.is-active #blocCreerWiiz.jw-wizard h1.jw-title,
	#blocCreerWiiz.jw-wizard #jwStep1.is-active h1.jw-title {
		text-align: left;
		width: 100%;
		margin: 0;
	}

	.jw-type-grid {
		gap: 16px;
	}

	.jw-type-card {
		min-height: 180px;
		height: 180px;
		padding: 24px;
		justify-content: center;
		gap: 12px;
	}

	.jw-type-card.is-selected {
		padding: 23px;
	}

	/* Desktop : icônes un peu plus grosses, toujours sans filter (vecteur net) */
	.jw-type-card .jw-type-icon-wrap img,
	.jw-type-card > img:first-of-type {
		width: 30px;
		height: 30px;
	}

	.jw-type-card.is-selected .jw-type-icon-wrap::after {
		-webkit-mask-size: 30px 30px;
		mask-size: 30px 30px;
	}

	.jw-cta {
		padding: 20px 40px;
		justify-content: space-between;
	}

	.jw-btn-next,
	#blocCreerWiiz.jw-wizard #submitWiiz {
		min-width: 150px;
		font-family: Roboto, sans-serif;
		font-size: 18px;
		font-weight: 500;
		line-height: 28px;
		padding: 16px 32px;
	}

	.jw-photos-scroll {
		/* Souris desktop : barre de scroll sous les photos */
		overflow-x: auto;
		scrollbar-width: thin;
		scrollbar-color: #c1cad7 transparent;
		padding-bottom: 8px;
	}

	.jw-photos-scroll::-webkit-scrollbar {
		display: block;
		height: 8px;
	}

	.jw-photos-scroll::-webkit-scrollbar-track {
		background: transparent;
	}

	.jw-photos-scroll::-webkit-scrollbar-thumb {
		background: #c1cad7;
		border-radius: 999px;
	}

	.jw-photos-scroll::-webkit-scrollbar-thumb:hover {
		background: #8d93aa;
	}
}

/* --- Mobile : chrome Figma sticky (≤899px) --- */
@media screen and (max-width: 899px) {
	/* Empêche le scroll « infini » iOS Chrome : shell fixe, seul .jw-body scroll */
	html:has(body.jw-page),
	body.jw-page {
		background: #fff;
		width: 100%;
		height: 100%;
		height: 100dvh;
		max-height: 100dvh;
		overflow: hidden;
		overscroll-behavior: none;
		touch-action: manipulation;
	}

	.jw-page-main {
		padding: 0;
		height: 100%;
		height: 100dvh;
		max-height: 100dvh;
		min-height: 0;
		align-items: stretch;
		overflow: hidden;
	}

	#blocCreerWiiz.jw-wizard {
		flex: 1 1 auto;
		min-height: 0;
		height: 100%;
		max-height: 100%;
		border-radius: 0;
		box-shadow: none;
		background: #fff;
		overflow: hidden;
	}

	/* En-tête mobile : retour | étape (space-between), aligné sur la barre de progrès (20px) */
	.jw-header {
		padding: 12px 20px;
		justify-content: space-between;
		border-bottom: 0;
		background: #fff;
		gap: 0;
	}

	.jw-header-start,
	.jw-header-end {
		width: auto;
		min-width: 0;
		flex: 0 0 auto;
	}

	.jw-step-indicator {
		flex: 0 0 auto;
		text-align: right;
		font-family: Roboto, sans-serif;
		font-size: 14px;
		font-weight: 600;
		color: #737373;
	}

	.jw-back-label {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	.jw-back img {
		width: 24px;
		height: 24px;
	}

	/* Étape 1 : close seul, pas de progress / back / indicateur */
	#blocCreerWiiz.jw-wizard[data-step="1"] .jw-header-start,
	#blocCreerWiiz.jw-wizard[data-step="1"] .jw-step-indicator,
	#blocCreerWiiz.jw-wizard[data-step="1"] .jw-progress,
	#blocCreerWiiz.jw-wizard[data-step="1"] .jw-back {
		display: none;
	}

	#blocCreerWiiz.jw-wizard[data-step="1"] .jw-header-end {
		margin-left: auto;
	}

	#blocCreerWiiz.jw-wizard[data-step="1"] .jw-header {
		padding: 12px 20px;
	}

	/* Close masqué hors étape 1 → header = back + étape (space-between) */
	#blocCreerWiiz.jw-wizard:not([data-step="1"]) .jw-close,
	#blocCreerWiiz.jw-wizard:not([data-step="1"]) #GoBackJeWiiz,
	#blocCreerWiiz.jw-wizard:not([data-step="1"]) .jw-header-end {
		display: none !important;
	}

	/* Progress avec marges latérales + coins arrondis */
	.jw-progress {
		padding: 0 20px 8px;
		background: #fff;
		box-sizing: border-box;
	}

	#blocCreerWiiz.jw-wizard[data-step="2"] .jw-progress {
		padding-bottom: 0;
	}

	#blocCreerWiiz.jw-wizard[data-step="4"] .jw-progress {
		padding-bottom: 0;
	}

	.jw-progress-track {
		max-width: none;
		width: 100%;
		height: 4px;
		border-radius: 3px;
		overflow: hidden;
	}

	.jw-progress-fill {
		border-radius: 3px;
	}

	.jw-body {
		align-items: stretch;
		justify-content: flex-start;
		flex-direction: column;
		flex: 1 1 auto;
		min-height: 0;
		/* Espace pour le CTA fixed en bas (+ tip au-dessus) */
		padding: 12px 20px calc(100px + env(safe-area-inset-bottom, 0px));
		gap: 16px;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}

	#blocCreerWiiz.jw-wizard[data-step="2"] .jw-body {
		padding-top: 24px;
	}

	#blocCreerWiiz.jw-wizard[data-step="4"] .jw-body {
		padding-top: 24px;
	}

	/* Conseil mobile : sous le contenu, collé au-dessus du CTA fixed */
	.jw-tip,
	#jwTip {
		display: flex !important;
		flex-direction: column;
		align-items: flex-start;
		order: 2;
		width: 100%;
		max-width: none;
		flex: 0 0 auto;
		align-self: stretch;
		box-sizing: border-box;
		/* Pousse le tip vers le bas de la zone scrollable (au-dessus du bouton Suivant) */
		margin-top: auto;
		margin-bottom: 0;
		padding: 16px;
		gap: 8px;
	}

	.jw-tip-title {
		font-size: 15px;
	}

	.jw-tip-title #jwTipTitle,
	.jw-tip-title span {
		font-size: 15px;
	}

	.jw-tip-body,
	#jwTipText {
		font-size: 13px;
		line-height: 1.45;
	}

	.jw-main {
		order: 1;
		width: 100%;
		max-width: none;
		flex: 0 0 auto;
		min-height: 0;
	}

	/* Eyebrow type (« LOUER UN OBJET ») masqué en mobile */
	.jw-eyebrow,
	#jwEyebrow2,
	#jwEyebrow3,
	#jwEyebrow4,
	#jwEyebrow5 {
		display: none !important;
	}

	.jw-title,
	#blocCreerWiiz.jw-wizard h1.jw-title {
		font-size: 24px;
		line-height: 32px;
	}

	/* Étape 1 : titre + cartes Figma — compacter pour laisser voir le CTA */
	#blocCreerWiiz.jw-wizard[data-step="1"] #jwStep1.is-active .jw-title,
	#blocCreerWiiz.jw-wizard[data-step="1"] h1.jw-title {
		font-size: 28px;
		line-height: 34px;
		text-align: left;
	}

	#blocCreerWiiz.jw-wizard[data-step="1"] .jw-title-br {
		display: revert;
	}

	#blocCreerWiiz.jw-wizard[data-step="1"] .jw-body {
		padding-top: 8px;
	}

	.jw-type-grid {
		gap: 12px;
		margin-top: 20px;
	}

	.jw-type-card {
		min-height: 120px;
		height: 120px;
		/* Fond gris carte entière + bordure 2px fixe (évite le saut à la sélection) */
		padding: 14px 8px;
		border: 2px solid var(--jw-border);
		background: #fafafa;
		box-sizing: border-box;
		justify-content: center;
		align-items: center;
		gap: 10px;
	}

	.jw-type-card.is-selected {
		/* Même padding que non sélectionné — annule le 23px/15px desktop */
		padding: 14px 8px;
		border: 2px solid var(--jw-green);
		background: var(--jw-green-bg);
	}

	.jw-type-card > span:not(.jw-type-check):not(.jw-type-icon-wrap),
	.jw-type-card .jw-type-label {
		font-size: 14px;
		font-weight: 500;
		line-height: 1.4;
		margin: 0;
	}

	/* Pas de carré derrière l’icône — le gris vient du fond de carte */
	.jw-type-icon-wrap,
	.jw-type-card.is-selected .jw-type-icon-wrap {
		width: 32px;
		height: 32px;
		background: transparent;
	}

	/* Mobile : icônes un peu plus grandes, sans l’effet « gras » desktop */
	.jw-type-card .jw-type-icon-wrap img,
	.jw-type-card > img:first-of-type {
		width: 28px;
		height: 28px;
		filter: none;
	}

	/* Sélection mobile : icône verte (pas de carré), mask sur le wrap — pas le ::after blanc desktop */
	.jw-type-card.is-selected .jw-type-icon-wrap {
		background-color: var(--jw-green) !important;
		-webkit-mask-image: var(--jw-type-icon);
		mask-image: var(--jw-type-icon);
		-webkit-mask-size: 28px 28px;
		mask-size: 28px 28px;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-position: center;
		mask-position: center;
	}

	.jw-type-card.is-selected .jw-type-icon-wrap::after {
		content: none;
		display: none;
	}

	.jw-type-card.is-selected .jw-type-icon-wrap img {
		opacity: 0;
		filter: none;
	}

	/* Étape 2 : carte sans padding / bordure (champs à même le fond) */
	#jwStep2 .jw-form-card,
	#jwStep2 .jw-step2-card,
	.jw-step2-card {
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		gap: 16px; /* entre les deux sections d'input */
	}

	/* Étape 3 mobile : pas de carte grise autour des photos (Figma) */
	#jwStep3 .jw-form-card,
	#jwStep3 .jw-photos-card,
	.jw-photos-card {
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		gap: 24px;
	}

	/* Étape 4 mobile : pas de carte grise autour prix / lieu */
	#jwStep4 .jw-form-card,
	#jwStep4 .jw-details-card,
	.jw-details-card {
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		gap: 0;
	}

	/* Photos mobile Figma : cases 220×220 — 1ère entière + ~55% de la 2e */
	.jw-photos-scroll {
		--jw-photo-fit: 1.55;
		--jw-photo-gaps-before-peek: 1;
		margin-right: -20px;
		padding-right: 20px;
	}

	#blocCreerWiiz.jw-wizard #photosWiizGrid,
	.jw-photos-track {
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 12px;
	}

	#blocCreerWiiz.jw-wizard .photoWiizThumb,
	#blocCreerWiiz.jw-wizard .jw-photo-slot {
		flex: 0 0 220px;
		width: 220px;
		height: 220px;
		aspect-ratio: 1 / 1;
	}

	.jw-details-cols {
		flex-direction: column;
		gap: 16px; /* entre prix et lieu (comme titre ↔ desc étape 2) */
	}

	.jw-details-col {
		width: 100%;
	}

	.jw-price-row {
		width: 100%;
	}

	.jw-preview-wrap {
		padding: 36px 0 24px;
	}

	/* Étape 5 : aperçu un peu descendu, sans forcer une hauteur qui crée du scroll vide */
	#blocCreerWiiz.jw-wizard[data-step="5"] .jw-body {
		justify-content: flex-start;
	}

	#blocCreerWiiz.jw-wizard[data-step="5"] .jw-step.is-active {
		flex: 0 0 auto;
		justify-content: flex-start;
	}

	#blocCreerWiiz.jw-wizard[data-step="5"] .jw-preview-wrap {
		margin-top: 28px;
		padding-top: 16px;
		padding-bottom: 24px;
	}

	/* CTA fixed plein écran — toujours visible sans scroll */
	.jw-cta {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 12;
		flex-direction: row;
		justify-content: stretch;
		padding: 16px 16px calc(16px + env(safe-area-inset-bottom, 0px));
		border-top: 1px solid var(--jw-border);
		background: #fff;
		box-sizing: border-box;
	}

	.jw-btn-prev,
	#jwPrev {
		display: none !important;
	}

	.jw-btn-next,
	#blocCreerWiiz.jw-wizard #submitWiiz,
	.jw-publish-loading {
		flex: 1 1 auto;
		width: 100%;
		margin-left: 0;
		min-height: 56px;
		font-family: Roboto, sans-serif;
		font-size: 18px;
		font-weight: 500;
		line-height: 28px;
		padding: 14px 32px;
	}

	#validationWiiz {
		position: fixed;
		width: 100%;
		height: 100vh;
		z-index: 16;
	}
}
.ctaProposeDemandeContainer{
	width: 100%;
	display: flex;
	/* justify-content: center; */
	gap: 16px;
}
.ctaProposeDemandeContainer .proposeMonAideCTA:hover, .ctaProposeDemandeContainer .faireAppelVoisinsCTA:hover{
	text-decoration: none;
}

.ctaProposeDemandeContainer .proposeMonAideCTA, .ctaProposeDemandeContainer .faireAppelVoisinsCTA{
	width: 48%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px;
	border-radius: 24px;
	box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
	box-sizing: border-box;
	/* Fond bleu foncé (remplace le dégradé violet) */
	background: var(--Bleu-fonc, #1D3253);
}
.ctaProposeDemandeContainer .proposeMonAideCTA img, .ctaProposeDemandeContainer .faireAppelVoisinsCTA img{
	height: 48px;
}
.ctaProposeDemandeContainer .proposeMonAideCTA img:last-of-type, .ctaProposeDemandeContainer .faireAppelVoisinsCTA img:last-of-type{
	height: 36px;
}
/* .ctaProposeDemandeContainer .proposeMonAideCTA{
	background: #8AD636;
}
.ctaProposeDemandeContainer .faireAppelVoisinsCTA{
	background: #FF842E;
} */
.ctaProposeDemandeContainer .proposeMonAideCTA div, .ctaProposeDemandeContainer .faireAppelVoisinsCTA div{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.ctaProposeDemandeContainer .proposeMonAideCTA div p, .ctaProposeDemandeContainer .faireAppelVoisinsCTA div p{
	margin: 0;
	color: #FFF;
	font-family: "Patrick Hand", "Quicksand", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
}
.ctaProposeDemandeContainer .proposeMonAideCTA div p:first-of-type, .ctaProposeDemandeContainer .faireAppelVoisinsCTA div p:first-of-type{
	font-family: Roboto, "Quicksand";
	font-weight: 600;
	line-height: 150%; /* 24px */
}
.emoji{
	display: inline-block;
	width: 24px;
	height: 24px;
	position: relative;
	top: 7px;
	/* transform: translateY(-50%); */
}
.emojiWave{
	background-image: url("/img/emoji/wave.png");
	background-size: 100%;
}
.emojiThumbs{
	background-image: url("/img/emoji/thumb_up.png");
	background-size: 100%;
}
.emojiSunglasses{
	background-image: url("/img/emoji/sunglasses.png");
	background-size: 100%;
}
.emojiWorld{
	background-image: url("/img/emoji/earth.png");
	background-size: 100%;
}
@media screen and (max-width: 768px) {
	.ctaProposeDemandeContainer{
		flex-direction: column;
	}
	.ctaProposeDemandeContainer .proposeMonAideCTA, .ctaProposeDemandeContainer .faireAppelVoisinsCTA{
		width: 100% !important;
	}
	.ctaProposeDemandeContainer .proposeMonAideCTA img, .ctaProposeDemandeContainer .faireAppelVoisinsCTA img{
		height: 24px;
	}
	.ctaProposeDemandeContainer .proposeMonAideCTA img:last-of-type, .ctaProposeDemandeContainer .faireAppelVoisinsCTA img:last-of-type{
		height: 15px;
	}
	.illustrationCartouche .tagCartouche{
        left: 0;
        top: 0;
        bottom: auto;
        width: 100%;
        height: 100%;
        flex-direction: column;
        padding: 5px;
        box-sizing: border-box;
        justify-content: space-between;
        align-items: baseline;
	}
	.illustrationCartouche div a:first-of-type{
		background-color: rgba(255, 255, 255);
		opacity: 0.8;
		border-radius: 35px;
		padding: 4px 8px;
		z-index: 1;
		color: var(--Bleu-fonc, #1D3253);
		font-family: Roboto;
		font-size: 9px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		text-decoration: none;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		margin-top: auto;
	}
	.cartoucheBouton a{
		color: #32568F;
		background-color: #D9E3F2;
		font-size: 10px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%; /* 16.5px */
		padding: 4px 8px 4px 6px;
	}
}

/* Mot de passe oublié - design Figma (mobile & desktop) */
.forgot-pwd-row {
	display: flex;
	justify-content: flex-end;
	margin-top: 12px;
	margin-bottom: 16px;
	text-align: right;
}
.forgot-pwd-row .forgot-pwd-link {
	font-size: 14px;
	font-family: "Roboto", sans-serif;
	color: #0779FF;
	text-decoration: underline;
}
.forgot-pwd-row .forgot-pwd-link:hover {
	color: #0562cc;
}

@media (max-width: 480px) {
	.forgot-pwd-row {
		margin-top: 10px;
		margin-bottom: 14px;
	}
	.forgot-pwd-row .forgot-pwd-link {
		font-size: 13px;
	}
}

/* Cartouche compacte wall — Figma CORE 1415:576 (282×246, valeurs px Figma) */
.cartoucheAnnonceHolder--compact{
	--cartouche-s: 1;
	--cartouche-s-h: 1;
	border: none;
	box-shadow: 0 4px 8px #192E511A;
	overflow: hidden;
	background: #fff;
	border-radius: 24px;
	padding: 0;
	box-sizing: border-box;
	float: left;
	display: flex;
	flex-direction: column;
	gap: 8px;
	height: auto !important;
	min-height: 0 !important;
	min-width: 0 !important;
	align-self: flex-start;
	font-family: Quicksand, sans-serif;
}
.cartoucheAnnonceHolder--compact:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 14px rgba(25, 46, 81, 0.18);
}
.cartoucheAnnonceHolder--compact .illustrationCartouche{
	position: relative;
	height: 120px !important;
	min-height: 120px !important;
	max-height: 120px !important;
	aspect-ratio: auto;
	width: 100%;
	margin: 0 !important;
	padding: 0;
	border-radius: 0;
	background: #eef2f6;
	overflow: hidden;
	box-sizing: border-box;
	flex: 0 0 120px;
	box-shadow: none;
}
.cartoucheAnnonceHolder--compact .illustrationCartouche-media{
	display: block;
	position: absolute;
	inset: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}
.cartoucheAnnonceHolder--compact .illustrationCartouche-media img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
	display: block;
}
.cartoucheAnnonceHolder--compact .cartoucheBadgesOverlay{
	position: absolute;
	inset: 8px 8px auto 8px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
	z-index: 4;
	pointer-events: none;
}
.cartoucheAnnonceHolder--compact .cartoucheBadgesOverlay-left{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 8px;
	max-width: 100%;
}
.cartoucheAnnonceHolder--compact .cartoucheBadge{
	display: inline-flex;
	align-items: center;
	gap: 2px;
	padding: 4px 6px;
	border-radius: 8px;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.4;
	color: #fff;
	background: #192e51;
	box-shadow: none;
}
.cartoucheAnnonceHolder--compact .cartoucheBadge img{
	width: 12px;
	height: 12px;
	display: block;
	object-fit: contain;
	flex-shrink: 0;
}
.cartoucheAnnonceHolder--compact .cartoucheBadge--fiab-low{ color: #FF8A80; }
.cartoucheAnnonceHolder--compact .cartoucheBadge--fiab-mid{ color: #FFB020; }
.cartoucheAnnonceHolder--compact .cartoucheBadge--fiab-high{ color: #26DAC2; }
.cartoucheAnnonceHolder--compact .cartoucheBadge--fiab img{
	height: auto;
}
.cartoucheAnnonceHolder--compact .cartoucheBadge--soli{
	background: #f4f8ff;
	color: #192e51;
	letter-spacing: 0.1px;
	line-height: 1.3;
}
.cartoucheAnnonceHolder--compact .cartoucheBadge--soli img{
	width: 15px;
	height: 12px;
	object-fit: cover;
}
.cartoucheAnnonceHolder--compact .rotateCartouche{
	bottom: 8px;
	right: 8px;
}
.cartoucheAnnonceHolder--compact .contentCartouche{
	padding: 0 9px !important;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
	flex: 0 0 auto !important;
	display: flex;
	flex-direction: column;
	justify-content: flex-start !important;
	gap: 8px !important;
	height: auto !important;
	min-height: 0 !important;
}
/* Reset legacy Inner/Main/Annonce */
.cartoucheAnnonceHolder--compact .cartoucheContentInner,
.cartoucheAnnonceHolder--compact .cartoucheContentMain,
.cartoucheAnnonceHolder--compact .cartoucheAnnonce{
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	align-items: stretch !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	flex: 0 0 auto !important;
	gap: 8px !important;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}
.cartoucheAnnonceHolder--compact .cartoucheAnnonce{
	align-items: flex-start !important;
}
.cartoucheAnnonceHolder--compact .cartoucheRubrique{
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	max-width: 100%;
	background: #fff;
	border: 1px solid #e2e6ee;
	border-radius: 9999px;
	padding: 4px 8px;
	/* Même texte que .wall-ssrubr-keywords__link */
	font-family: Raleway, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
	font-weight: 600;
	font-size: 10px;
	line-height: 1.3;
	color: #3d4265;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: border-color 0.15s ease, color 0.15s ease;
}
.cartoucheAnnonceHolder--compact .cartoucheRubrique:hover,
.cartoucheAnnonceHolder--compact .cartoucheRubrique:focus-visible{
	border-color: #192e51;
	color: #192e51;
	text-decoration: none;
}
.cartoucheAnnonceHolder--compact .cartoucheRubrique:focus-visible{
	outline: 2px solid #1a1f42;
	outline-offset: 2px;
}
.cartoucheAnnonceHolder--compact .cartoucheMeta{
	display: none !important;
}
.cartoucheAnnonceHolder--compact .titreCartouche{
	font-family: Quicksand, sans-serif !important;
	font-size: 12px !important;
	font-weight: 700;
	line-height: 1.2;
	color: #1a1f42;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 0 !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	box-sizing: border-box;
}
.cartoucheAnnonceHolder.cartoucheAnnonceHolder--compact .prixCartouche{
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 24px !important;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.2px;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	height: auto !important;
	width: fit-content;
	color: #1a1f42 !important;
	background: none !important;
	background-image: none !important;
	-webkit-background-clip: border-box !important;
	background-clip: border-box !important;
	-webkit-text-fill-color: #1a1f42 !important;
}
.cartoucheAnnonceHolder--compact .prixCartouche-unit{
	font-size: 12px !important;
	font-weight: 400;
	line-height: 1;
	color: #1a1f42 !important;
	-webkit-text-fill-color: #1a1f42 !important;
	background: none !important;
}
.cartoucheAnnonceHolder--compact .cartoucheMetaRow{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 8px;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	overflow: hidden;
}
.cartoucheAnnonceHolder--compact .cartoucheMetaRow-item{
	display: inline-flex;
	align-items: center;
	gap: 2px;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.2;
	color: #3d4265;
	min-width: 0;
}
.cartoucheAnnonceHolder--compact .cartoucheMetaRow-item--location{
	flex: 1 1 auto;
	align-items: end;
	overflow: hidden;
}
.cartoucheAnnonceHolder--compact .cartoucheMetaRow-item--location > span{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cartoucheAnnonceHolder--compact .cartoucheMetaRow-item--empty{
	flex: 1 1 auto;
}
.cartoucheAnnonceHolder--compact .cartoucheMetaRow-item img{
	width: 11px;
	height: 11px;
	display: block;
	flex-shrink: 0;
}
.cartoucheAnnonceHolder--compact .cartoucheMetaRow-trust{
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	flex-shrink: 0;
	position: relative;
	z-index: 3;
}
.cartoucheAnnonceHolder--compact .cartoucheMetaRow-trust .util-verify-badges{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	line-height: 1;
}
.cartoucheAnnonceHolder--compact .cartoucheMetaRow-trust .util-verify-badge{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: help;
	line-height: 1;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}
.cartoucheAnnonceHolder--compact .cartoucheMetaRow-trust .util-verify-badge__icon{
	width: 12px;
	height: 12px;
	display: block;
	object-fit: contain;
}
.cartoucheAnnonceHolder--compact .cartoucheMetaRow-trust .util-verify-badge__label{
	display: none !important;
}
.cartoucheAnnonceHolder--compact .userCartouche--preview-hooks{
	display: none !important;
}
.jw-preview-mount .cartoucheAnnonceHolder--compact .userCartouche--preview-hooks{
	display: flex !important;
}
.cartoucheAnnonceHolder--compact .cartoucheFooter{
	margin-top: 0;
	padding: 0 9px;
	box-sizing: border-box;
}
.cartoucheAnnonceHolder--compact.cartoucheAnnonceHolder--paused .illustrationCartouche-media img{
	opacity: .55;
	filter: grayscale(.25);
}

/* Mobile ≤700px : uniquement ce qui combat le legacy (140px / titre 48 / prix 16 / stretch) */
@media screen and (max-width: 700px){
	.mobil-list-wish .cartoucheAnnonceHolder.cartoucheAnnonceHolder--compact{
		align-self: flex-start !important;
		height: auto !important;
	}
	.mobil-list-wish .cartoucheAnnonceHolder--compact .contentCartouche,
	.mobil-list-wish .cartoucheAnnonceHolder--compact .cartoucheContentInner,
	.mobil-list-wish .cartoucheAnnonceHolder--compact .cartoucheContentMain{
		flex: 0 0 auto !important;
	}
	.cartoucheAnnonceHolder--compact .illustrationCartouche{
		height: 120px !important;
		min-height: 120px !important;
		max-height: 120px !important;
		aspect-ratio: auto !important;
		margin: 0 !important;
		flex: 0 0 120px;
	}
	.cartoucheAnnonceHolder--compact .titreCartouche{
		display: -webkit-box !important;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		white-space: normal !important;
		overflow: hidden;
		text-overflow: ellipsis;
		min-height: 0 !important;
		height: auto !important;
		max-height: none !important;
		margin: 0 !important;
	}
	.cartoucheAnnonceHolder.cartoucheAnnonceHolder--compact .prixCartouche{
		min-height: 0 !important;
		height: auto !important;
		margin: 0 !important;
	}
}