/* V12.9.49 — mêmes couleurs et composants que les pages Opportunités / Publier. */
#app.ljo-shell>main:has(>#view-home.active){padding-top:18px!important}
#app.ljo-shell>.topbar #notificationBell.hidden{display:grid!important}
#app.ljo-shell>.bottom-nav #navGuestAuthBtn{position:static!important;inset:auto!important;transform:none!important;margin:0!important}
#app.ljo-shell>.bottom-nav .nav-account-access:has(#navGuestAuthBtn:not(.hidden)){width:auto!important;min-width:0!important;height:auto!important}
#view-home .compact-home-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:106px;padding:22px 26px!important;border-radius:18px;margin:0 0 23px;background:linear-gradient(112deg,#f3edfa,#f1eafa 65%,#eee7f8)}
#view-home .compact-home-hero .premium-hero-copy{min-width:0;flex:1}
#view-home .compact-home-hero #premiumHeroTitle{font-size:clamp(22px,2.08vw,30px)!important;line-height:1.22!important;letter-spacing:-.8px!important;margin:0 0 7px!important}
#view-home .compact-home-hero .premium-lead{font-size:17px!important;line-height:1.5!important;max-width:none;margin:0!important}
#view-home .compact-home-hero .premium-actions{flex:0 0 auto;gap:10px;margin:0;flex-wrap:nowrap}
#view-home .compact-home-hero .premium-primary,#view-home .compact-home-hero .premium-secondary{font-size:15px;padding:12px 14px}
#view-home .premium-available .premium-section-head{margin-bottom:12px}
#view-home .premium-available:has(#premiumDemoNotice:not([hidden])) #premiumAvailableSubtitle{display:none}
#view-home .premium-demo-notice{margin:0 0 12px!important}
#view-home .premium-profile{padding:18px 18px 15px}
#view-home .premium-profile-top{margin-bottom:11px}
#view-home .premium-profile-body{min-height:88px}
#view-home .premium-profile-info p{font-size:15px}
#view-home .premium-profile-bottom{margin-top:11px;padding-top:11px}
#view-home .premium-categories{background:none;border:0;padding:0;margin:20px 0 21px}
#view-home .premium-category{min-height:84px;padding:13px 8px;gap:9px;background:#fff}
#view-home .premium-category[aria-pressed=true]{background:#f0e5f9}
#view-home .premium-proof{border:0;background:none;padding:8px 0;margin:0 0 19px}
#view-home .premium-proof>div{border:0}
#view-home .premium-proof strong{font-size:15px}
#view-home .premium-proof-icon{font-size:24px}
#view-home .premium-proof svg{width:23px;height:23px}

/* The actual header stays in place; only the page content changes. */
#app:has(>#authScreen:not(.hidden))>main,#app:has(>#authScreen:not(.hidden))>.ljo-site-footer{display:none!important}
#app.ljo-shell:has(>#authScreen:not(.hidden))>.topbar #notificationBell.hidden{display:grid!important}
#app.ljo-shell:has(>#authScreen:not(.hidden))>.bottom-nav #navGuestAuthBtn{background:var(--premium-purple);border-color:var(--premium-purple);color:#fff}
#app>#authScreen{display:block;min-height:calc(100dvh - 157px);width:100%;max-width:1432px;margin:0 auto;padding:32px 56px 20px;background:transparent!important;color:var(--premium-ink);box-sizing:border-box}
#app>#authScreen.hidden,#authScreen [hidden],#authScreen .hidden{display:none!important}
.auth-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.9fr);gap:52px;width:100%;max-width:1200px;margin:0 auto;align-items:start}
.auth-introduction{padding-top:19px;min-width:0}
.auth-introduction>.premium-eyebrow{letter-spacing:2px!important;margin:0 0 15px!important}
.auth-introduction h1{font-size:clamp(30px,3.1vw,44px);line-height:1.15;font-weight:750;letter-spacing:-1.3px;color:var(--premium-ink);margin:0 0 15px}
.auth-introduction h1 em{font-style:normal;color:var(--premium-purple)}
.auth-lead{font-size:18px;line-height:1.7;color:#81708f;margin:0 0 17px}
.auth-launch-offer{display:inline-flex;gap:9px;align-items:center;color:var(--premium-purple);background:#efe6f7;border:1px solid #e8dcf0;border-radius:10px;font-size:15px;font-weight:550;padding:10px 13px;margin:0 0 16px}
.auth-launch-offer svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}
#authScreen .auth-local-map{height:210px;margin:4px 0 19px;border:3px solid white;border-radius:18px;background:#ece9f0;overflow:hidden;box-shadow:0 4px 18px #50346605}
#authScreen .premium-map{inset:0;border-radius:0;transform:none;mask-image:none;-webkit-mask-image:none;opacity:1}
#authScreen .premium-map-art{display:block;width:100%;height:100%}
#authScreen .premium-map-person{z-index:2}
#authScreen .premium-map-person img{width:60px;height:60px}
#authScreen .premium-person-a{left:14%;top:23%}
#authScreen .premium-person-b{right:28%;top:8%}
#authScreen .premium-person-c{left:auto;right:7%;bottom:24%}
#authScreen .premium-map-person>span{display:none}
#authScreen .premium-map-city{top:55%;left:49%;transform:translate(-50%,-50%);font-size:15px}
#authScreen .premium-map-city svg{width:31px;height:31px}
#authScreen .premium-map-caption{right:9px;bottom:6px;font-size:15px;z-index:3}
.auth-map-caption{position:absolute;left:12px;bottom:14px;z-index:3;background:#ffffffe8;color:#79558e;border:1px solid #fff;border-radius:9px;padding:10px 12px;font-size:15px;max-width:70%}
.auth-benefits{display:flex;justify-content:space-between;gap:12px;color:#826396;font-size:15px;line-height:1.5}
.auth-benefits span:before{content:'✓';margin-right:6px;color:var(--premium-purple)}
#authScreen .auth-card{width:100%;max-width:none;padding:25px 27px 23px;border:1px solid #e5d9ee;border-radius:19px;background:#fff;box-shadow:0 7px 24px #54356608!important;min-width:0}
#authScreen .segmented{margin:0 0 21px;padding:4px;border:1px solid #e8dff0;border-radius:11px;background:#faf7fd!important;gap:3px}
#authScreen .seg{border:0;background:transparent;color:#876699;font-size:15px;font-weight:650;padding:11px 5px;border-radius:8px;min-width:0;font-family:inherit;cursor:pointer;box-shadow:none}
#authScreen .seg.active{background:#eee4f7;color:var(--premium-purple);box-shadow:none}
#authScreen #authFormTitle{font-size:24px;line-height:1.25;letter-spacing:-.6px;color:#392847;margin:0 0 8px;font-weight:700}
#authScreen .auth-form-intro{font-size:15px;line-height:1.6;color:#877391;margin:0 0 20px;min-height:19px}
#authScreen .field{margin:0 0 17px;min-width:0}
#authScreen .field>label{font-size:15px;font-weight:550;color:#674f78;margin:0 0 8px;display:block}
#authScreen .field input{width:100%;min-width:0;min-height:46px;border:1px solid #e6ddec;border-radius:10px;background:#fff;color:#624d73;font-family:inherit;font-size:17px;padding:12px 14px;box-shadow:none}
#authScreen .field input::placeholder{color:#82708d}
#authScreen .password-input-wrap input{padding-right:77px}
#authScreen .password-toggle{color:#87639d;font-size:15px;font-weight:550}
#authScreen .auth-link{margin:-5px 0 18px auto;font-size:15px;color:var(--premium-purple);text-decoration:none;font-family:inherit}
#authScreen #authSubmit{min-height:45px;background:var(--premium-purple)!important;background-image:none!important;border:1px solid var(--premium-purple);border-radius:10px;color:white;font-size:17px;font-weight:650;box-shadow:0 4px 10px #7541a614;width:100%;padding:12px 16px;font-family:inherit;cursor:pointer}
#authScreen .auth-consent{font-size:15px;color:#81708f;line-height:1.65;margin:0 0 18px;align-items:flex-start}
#authScreen .auth-consent input{appearance:auto;width:15px;height:15px;min-height:0;flex-shrink:0;accent-color:var(--premium-purple);margin-top:3px}
#authScreen .auth-consent button{color:var(--premium-purple);font:inherit}
.auth-divider{display:flex;align-items:center;gap:12px;font-size:15px;color:#856f92;margin:17px 0}
.auth-divider:before,.auth-divider:after{content:'';flex:1;height:1px;background:#ece3f2}
#authScreen .auth-browse{display:flex;justify-content:center;width:100%;min-height:44px;font-size:15px;padding:12px;border-radius:10px;background:#fff;white-space:normal}
.auth-browse-note{font-size:15px;color:#83708c;line-height:1.6;text-align:center;margin:10px 0 0}
.auth-footer{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin:28px auto 0;color:#836e8e}
.auth-footer a,.auth-footer button{font:inherit;font-size:15px;line-height:1.5;color:inherit;background:none;border:0;padding:4px 0;text-decoration:none;cursor:pointer}
#authScreen :is(button,input,a):focus-visible{outline:3px solid #cbb2dd;outline-offset:3px}
@media(max-width:1199px){
 #view-home .compact-home-hero{gap:17px;padding:20px!important;align-items:flex-start;flex-direction:column}
 #view-home .compact-home-hero .premium-actions{flex-wrap:wrap}
 #app>#authScreen{padding:26px 28px 20px}
 .auth-layout{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .auth-introduction h1{font-size:34px}.auth-lead{font-size:17px}
 #authScreen .auth-card{padding:22px}.auth-benefits{flex-wrap:wrap;justify-content:flex-start;gap:8px 20px}
}
@media(max-width:899px){
 #view-home .compact-home-hero{padding:19px 20px!important;min-height:0;margin-bottom:22px;border-radius:15px;gap:16px}
 #view-home .compact-home-hero #premiumHeroTitle{font-size:27px!important;letter-spacing:-.5px!important}
 #view-home .premium-categories{margin:23px 0 19px}
 #view-home .premium-profile{padding:18px}
 #app>#authScreen{padding:23px 22px 25px}
 .auth-layout{max-width:610px;display:flex;flex-direction:column;gap:23px}
 .auth-introduction{display:contents}
 .auth-introduction>.premium-eyebrow,.auth-introduction>h1,.auth-introduction>.auth-lead{display:none}
 #authScreen .auth-card{order:0;padding:23px;width:100%}
 .auth-launch-offer{order:1;margin:0;align-self:center;max-width:100%;font-size:15px}
 #authScreen .auth-local-map{order:2;width:100%;margin:0;height:180px}
 .auth-benefits{order:3;justify-content:center;width:100%;text-align:center}
 .auth-footer{gap:10px 18px;margin-top:22px}
}
@media(max-width:599px){
 #view-home .compact-home-hero .premium-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}
 #view-home .compact-home-hero .premium-actions>button{white-space:normal;font-size:15px;min-height:44px;padding:10px 8px}
 #view-home .compact-home-hero #premiumHeroTitle{font-size:24px!important}
 #view-home .compact-home-hero .premium-lead{font-size:15px!important}
 #view-home .premium-section-head{align-items:flex-start;gap:10px}
 #view-home .premium-section-head .premium-text-link{white-space:normal;text-align:right;max-width:108px;font-size:15px;flex-shrink:0}
 #view-home .premium-proof{row-gap:16px}
 #authScreen .auth-card{padding:21px 18px}
 #authScreen #authFormTitle{font-size:24px}
}
@media(max-width:380px){
 #app>#authScreen{padding-inline:14px}
 #view-home .compact-home-hero{padding:17px!important}
 #view-home .premium-profile{padding:16px 14px}
 .auth-map-caption{font-size:15px;padding:8px;max-width:65%}
}