
/* Ilan · App écran d'accueil v2 : barre d'onglets flottante à encoche, retour, tirer pour rafraîchir, page de connexion façon app.
   Tout est rattaché aux classes ilan-tabs / ilan-applogin posées par le script, uniquement dans l'app installée. Aucun effet dans Safari, Chrome ou sur ordinateur en navigation normale. */
html.ilan-tabs{--ilan-tab-b:max(12px,calc(env(safe-area-inset-bottom,0px) - 4px));--ilan-tab-h:calc(var(--ilan-tab-b) + 92px);--ilan-tab-cur:var(--ilan-tab-h)}
html.ilan-tabs.ilan-tabs-off,html.ilan-tabs.ilan-tabs-kb{--ilan-tab-cur:0px}
html.ilan-pwa-app{overscroll-behavior-y:contain}
html.ilan-tabs-off #ilan-tabs{transform:translateY(calc(100% + 60px));opacity:0}
html.ilan-tabs-kb #ilan-tabs{display:none}
#ilan-tab-sp{display:block;height:var(--ilan-tab-h);pointer-events:none}
#ilan-tab-fade{position:fixed;left:0;right:0;bottom:0;z-index:1190;height:calc(var(--ilan-tab-h) + 14px);background:linear-gradient(to top,rgba(11,7,16,.97) 0,rgba(11,7,16,.94) 70%,rgba(11,7,16,0) 100%);pointer-events:none;transition:opacity .34s}
html.ilan-tabs-off #ilan-tab-fade,html.ilan-tabs-kb #ilan-tab-fade{opacity:0}
/* Barres existantes (filtres, ajout au panier, retour en haut) : posées au-dessus de la barre flottante */
html.ilan-tabs body:not(#ilan-t1):not(#ilan-t2):not(#ilan-t3):not(#ilan-t4) .ilan-fb{bottom:var(--ilan-tab-cur)!important;padding-bottom:max(0px,calc(env(safe-area-inset-bottom,0px) - var(--ilan-tab-cur)))!important;transition:top .2s,bottom .34s cubic-bezier(.32,.72,0,1),padding .34s!important}
html.ilan-tabs body:not(#ilan-t1):not(#ilan-t2):not(#ilan-t3):not(#ilan-t4) .ilan-fb .ilan-fbm-list{margin-bottom:calc(var(--ilan-tab-cur) - env(safe-area-inset-bottom,0px) + max(0px,calc(env(safe-area-inset-bottom,0px) - var(--ilan-tab-cur))))!important}
html.ilan-tabs body:not(#ilan-t1):not(#ilan-t2):not(#ilan-t3):not(#ilan-t4) .ilan-pp-bar{bottom:var(--ilan-tab-cur)!important;transition:bottom .34s cubic-bezier(.32,.72,0,1)!important}
html.ilan-tabs body:not(#ilan-t1):not(#ilan-t2):not(#ilan-t3):not(#ilan-t4) #ilan-scroll-top{margin-bottom:var(--ilan-tab-cur)!important}
/* Navigation : réponse immédiate au toucher, barre de chargement violette, transition douce entre les pages */
html.ilan-tabs #ilan-tabs{view-transition-name:ilan-tabs}
#ilan-prog{position:fixed;left:0;top:0;z-index:2000;width:100%;height:3px;pointer-events:none;opacity:0;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,#6331d6,#8f68ff 45%,#c8b4ff);box-shadow:0 0 12px rgba(143,104,255,.9)}
html.ilan-nav-go #ilan-prog{opacity:1;transform:scaleX(.88);transition:transform 3s cubic-bezier(.08,.8,.2,1),opacity .15s}
html.ilan-nav-go #main-container{opacity:.72;transition:opacity .25s ease .12s}
/* Mon compte : vider le cache de l'app */
.ilan-cc .ilan-cc-msg{min-height:1.4em;margin:12px 0 0;font:400 15px/1.4 "priori-sans","Priori Sans",sans-serif;color:#b9b0cc}
.ilan-cc .ilan-cc-go[aria-busy="true"]{opacity:.5;pointer-events:none}
/* Tirer pour rafraîchir */
#ilan-ptr{position:fixed;left:50%;top:0;z-index:1260;width:40px;height:40px;margin-left:-20px;border-radius:50%;background:#14101d;border:1px solid rgba(200,180,255,.22);box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 16px rgba(143,104,255,.25);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(-80px);pointer-events:none;box-sizing:border-box}
#ilan-ptr.back{transition:transform .25s ease,opacity .25s ease}
#ilan-ptr svg{width:22px;height:22px;display:block}
#ilan-ptr circle{fill:none;stroke:#c8b4ff;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:50.3;stroke-dashoffset:50.3}
#ilan-ptr.go svg{animation:ilanPtrSpin .8s linear infinite}
@keyframes ilanPtrSpin{to{transform:rotate(360deg)}}

/* ===== IlanDex (app) : barre d'onglets flottante, Tableau de bord au centre ===== */
html.ilan-dtabs{--ilan-dtab-b:max(12px,calc(env(safe-area-inset-bottom,0px) - 4px));--ilan-dtab-h:calc(var(--ilan-dtab-b) + 92px);--ilan-dtab-cur:var(--ilan-dtab-h)}
html.ilan-dtabs.ilan-dtabs-off,html.ilan-dtabs.ilan-dtabs-kb{--ilan-dtab-cur:0px}
html.ilan-dtabs-off #ilan-dtabs{transform:translateY(calc(100% + 60px));opacity:0}
html.ilan-dtabs-kb #ilan-dtabs{display:none}
#ilan-dtab-sp{display:block;height:var(--ilan-dtab-h);pointer-events:none}
#ilan-dtab-fade{position:fixed;left:0;right:0;bottom:0;z-index:1190;height:calc(var(--ilan-dtab-h) + 14px);background:linear-gradient(to top,rgba(11,7,16,.97) 0,rgba(11,7,16,.94) 70%,rgba(11,7,16,0) 100%);pointer-events:none;transition:opacity .34s}
html.ilan-dtabs-off #ilan-dtab-fade,html.ilan-dtabs-kb #ilan-dtab-fade{opacity:0}

/* ===== v3.0 (27/09/2026) : capsule flottante, identique dans la boutique et dans IlanDex ===== */
#ilan-tabs,#ilan-dtabs{position:fixed;left:0;right:0;z-index:1250;width:min(440px,calc(100% - 28px));height:68px;margin:0 auto;padding:0;transform:translateY(0);transition:transform .34s cubic-bezier(.32,.72,0,1),opacity .34s;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;pointer-events:none}
#ilan-tabs{bottom:var(--ilan-tab-b)}
#ilan-dtabs{bottom:var(--ilan-dtab-b)}
html.ilan-tabs-off #ilan-tabs,html.ilan-dtabs-off #ilan-dtabs{transform:translateY(calc(100% + 60px));opacity:0}
html.ilan-tabs-kb #ilan-tabs,html.ilan-dtabs-kb #ilan-dtabs{display:none}
:is(#ilan-tabs,#ilan-dtabs) .it-in{position:relative;display:flex;align-items:stretch;gap:2px;height:100%;padding:6px;box-sizing:border-box;border-radius:34px;background:rgba(23,19,31,.84);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);border:1px solid rgba(200,180,255,.16);box-shadow:0 10px 30px rgba(0,0,0,.5);pointer-events:auto}
:is(#ilan-tabs,#ilan-dtabs) .it{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin:0;padding:0 2px;border:0;border-radius:27px;background:transparent;box-shadow:none;color:rgba(245,243,250,.76);text-decoration:none!important;font:500 10px/1.1 "t26-carbon",monospace;letter-spacing:.03em;text-transform:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;cursor:pointer;transition:background .16s,color .16s}
:is(#ilan-tabs,#ilan-dtabs) .it>span:not(.it-i){display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}
:is(#ilan-tabs,#ilan-dtabs) .it svg,#ilan-dtabs .it .ildx-ic{display:block!important;width:22px!important;height:22px!important;margin:0!important;opacity:1!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round;stroke-linejoin:round;overflow:visible;transition:transform .15s}
:is(#ilan-tabs,#ilan-dtabs) .it.on{background:#c8b4ff;color:#1a1030}
:is(#ilan-tabs,#ilan-dtabs) .it.on svg,#ilan-dtabs .it.on .ildx-ic{stroke-width:1.9!important}
:is(#ilan-tabs,#ilan-dtabs) .it[aria-disabled="true"]{opacity:.32;pointer-events:none}
#ilan-tabs .it-i{position:relative;display:block;width:22px;height:22px}
#ilan-tabs .it-b{position:absolute;top:-6px;left:13px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#6c3cf6;color:#fff;font:700 9.5px/16px "priori-sans","Priori Sans",sans-serif;letter-spacing:0;text-align:center;box-sizing:border-box;box-shadow:0 0 0 1.5px #17131f}
#ilan-tabs .it.on .it-b{box-shadow:0 0 0 1.5px #c8b4ff}
#ilan-tabs .it-b[hidden]{display:none}
:is(#ilan-tabs,#ilan-dtabs) .it.go svg{transform:scale(.9)}
@media (hover:none){:is(#ilan-tabs,#ilan-dtabs) .it:active svg{transform:scale(.9)}}
@media (hover:hover){:is(#ilan-tabs,#ilan-dtabs) .it:not(.on):hover{color:#fff;background:rgba(200,180,255,.08)}}
@media (max-width:359px){:is(#ilan-tabs,#ilan-dtabs){width:calc(100% - 16px)}:is(#ilan-tabs,#ilan-dtabs) .it-in{padding:5px;gap:1px}:is(#ilan-tabs,#ilan-dtabs) .it{font-size:9px;letter-spacing:.01em}}
/* ===== v3.0 : volet Compte qui monte du bas, sans charger de page (boutique et IlanDex) ===== */
#ilan-acc{position:fixed;inset:0;z-index:2100;pointer-events:none;visibility:hidden;transition:visibility 0s linear .36s}
html.ilan-acc-on #ilan-acc,#ilan-acc.ia-hold{pointer-events:auto;visibility:visible;transition:none}
#ilan-acc .ia-dim{position:absolute;inset:0;background:rgba(7,5,11,.62);opacity:0;transition:opacity .3s}
html.ilan-acc-on #ilan-acc .ia-dim{opacity:1}
#ilan-acc .ia-sh{position:absolute;left:0;right:0;bottom:0;margin:0 auto;width:min(560px,100%);max-height:calc(100% - env(safe-area-inset-top,0px) - 20px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box;padding:30px 20px calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:16px;background:#14101c;border:1px solid rgba(200,180,255,.13);border-bottom:0;border-radius:28px 28px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.55);color:#f5f3fa;font-family:"priori-sans","Priori Sans",sans-serif;transform:translateY(105%);transition:transform .36s cubic-bezier(.32,.72,0,1);will-change:transform}
html.ilan-acc-on #ilan-acc .ia-sh{transform:translateY(var(--ia-drag,0px))}
#ilan-acc.ia-drag .ia-sh{transition:none}
#ilan-acc .ia-hd{position:absolute;top:0;left:0;right:0;height:26px;touch-action:none}
#ilan-acc .ia-hd::before{content:"";position:absolute;top:10px;left:50%;width:38px;height:5px;margin-left:-19px;border-radius:3px;background:rgba(255,255,255,.2)}
#ilan-acc .ia-pr{display:flex;align-items:center;gap:14px;min-width:0}
#ilan-acc .ia-av{flex:0 0 50px;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:rgba(200,180,255,.12);border:1px solid rgba(200,180,255,.38);color:#c8b4ff;font:700 19px/1 "geom-graphic",sans-serif}
#ilan-acc .ia-id{min-width:0}
#ilan-acc .ia-nm{display:block;margin:0;font:700 21px/1.15 "geom-graphic",sans-serif;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ilan-acc .ia-sub{display:block;margin-top:4px;font-size:13.5px;line-height:1.3;color:rgba(245,243,250,.56)}
#ilan-acc .ia-st{display:flex;margin:0;padding:14px 0;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(200,180,255,.1)}
#ilan-acc .ia-st>div{flex:1 1 0;min-width:0;text-align:center}
#ilan-acc .ia-st>div+div{border-left:1px solid rgba(200,180,255,.08)}
#ilan-acc .ia-st b{display:block;font:500 18px/1.15 "t26-carbon",monospace;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
#ilan-acc .ia-st small{display:block;margin-top:6px;font:400 9.5px/1 "t26-carbon",monospace;letter-spacing:.22em;text-transform:uppercase;color:rgba(245,243,250,.5)}
#ilan-acc .ia-ls{margin:0;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(200,180,255,.1);overflow:hidden}
#ilan-acc .ia-ls a{display:flex;align-items:center;gap:14px;min-height:52px;margin:0;padding:0 14px 0 16px;color:#f5f3fa!important;text-decoration:none!important;font-size:15.5px;line-height:1.2;-webkit-tap-highlight-color:transparent;transition:background .15s}
#ilan-acc .ia-ls a+a{border-top:1px solid rgba(200,180,255,.08)}
#ilan-acc .ia-ls a>span{flex:1 1 auto;min-width:0}
#ilan-acc svg{display:block;flex:0 0 auto;fill:none;stroke-linecap:round;stroke-linejoin:round}
#ilan-acc .ia-ls .ia-ic{width:18px;height:18px;stroke:#c8b4ff;stroke-width:1.7;opacity:.9}
#ilan-acc .ia-ls .ia-ch{width:16px;height:16px;stroke:#f5f3fa;stroke-width:1.7;opacity:.35}
#ilan-acc .ia-ls a.ia-busy{opacity:.6;pointer-events:none}
#ilan-acc .ia-out{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;margin:0;border-radius:26px;border:1px solid rgba(255,122,138,.45);background:rgba(255,122,138,.06);color:#ff8a97!important;text-decoration:none!important;font:700 16px/1 "geom-graphic",sans-serif;-webkit-tap-highlight-color:transparent}
#ilan-acc .ia-out svg{width:18px;height:18px;stroke:#ff8a97;stroke-width:1.7}
#ilan-acc .ia-v{margin:0;text-align:center;font:400 9.5px/1.4 "t26-carbon",monospace;letter-spacing:.2em;text-transform:uppercase;color:rgba(245,243,250,.4)}
@media (hover:none){#ilan-acc .ia-ls a:active{background:rgba(200,180,255,.08)}#ilan-acc .ia-out:active{background:rgba(255,122,138,.14)}}
@media (hover:hover){#ilan-acc .ia-ls a:hover{background:rgba(200,180,255,.06)}#ilan-acc .ia-out:hover{background:rgba(255,122,138,.12)}}
@media (min-width:700px){#ilan-acc .ia-sh{bottom:24px;border-radius:28px;border-bottom:1px solid rgba(200,180,255,.13);padding-bottom:22px}}
html.ilan-acc-on,html.ilan-acc-on body{overflow:hidden!important}
/* IlanDex (app) : avatar à la place de la cloche, il ouvre le volet Compte */
html.ilan-dexapp.ilan-dav-on [data-pop="notif"]{position:absolute!important;right:0;top:0;width:1px!important;height:1px!important;min-width:0!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
#ilan-dav{flex:0 0 auto!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;background:rgba(200,180,255,.12)!important;border:1px solid rgba(200,180,255,.38)!important;color:#c8b4ff!important;font:700 17px/1 "geom-graphic",sans-serif!important;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative!important}
#ilan-dav i{position:absolute!important;top:1px!important;right:1px!important;width:9px!important;height:9px!important;border-radius:50%!important;background:#ff6b7a!important;box-shadow:0 0 0 2px #0f0a17!important}
#ilan-dav i[hidden]{display:none}
html.ilan-dexapp .ildx-pop--account a[href$="/mon-compte/"],html.ilan-dexapp .ildx-drawer a[href$="/mon-compte/"]{display:none!important}
/* ===== v3.0 : message « App mise à jour », pied de page du site masqué dans l'app IlanDex ===== */
#ilan-upd{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 12px);z-index:2200;display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:11px 18px 11px 14px;border-radius:24px;background:rgba(23,19,31,.92);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(200,180,255,.22);box-shadow:0 10px 30px rgba(0,0,0,.5);color:#f5f3fa;font:500 14px/1.2 "priori-sans","Priori Sans",sans-serif;white-space:nowrap;opacity:0;transform:translate(-50%,-14px);transition:opacity .3s,transform .3s cubic-bezier(.32,.72,0,1);pointer-events:none;box-sizing:border-box}
#ilan-upd.on{opacity:1;transform:translate(-50%,0)}
#ilan-upd svg{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:#c8b4ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html.ilan-dexapp .sf-f{display:none!important}
/* ===== v3.0 : bouton Partager sur les fiches produits (app uniquement) ===== */
html.ilan-pwa-app .ilan-share-row{margin:0;padding:14px 20px 2px}
.ilan-share{display:inline-flex;align-items:center;gap:8px;height:36px;margin:0;padding:0 16px 0 13px;border-radius:18px;border:1px solid rgba(200,180,255,.28);background:rgba(200,180,255,.06);color:#c8b4ff;font:500 11px/1 "t26-carbon",monospace;letter-spacing:.14em;text-transform:uppercase;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ilan-share svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (hover:none){.ilan-share:active{background:rgba(200,180,255,.14)}}
@media (hover:hover){.ilan-share:hover{background:rgba(200,180,255,.12);color:#fff}}
/* ===== v3.0 : app installée sans zoom (deux doigts ou double tap) ===== */
html.ilan-pwa-app,html.ilan-pwa-app body{touch-action:pan-x pan-y}
/* ===== Dans l'app installée : plus de bandeau « Appli web, Ilan TCG Belgium sur ton écran d'accueil » (déjà installée) ===== */
html.ilan-pwa-app .ilan-app-mention{display:none!important}
/* ===== App IlanDex : pas d'accès à la boutique (bouton Boutique du haut et du menu masqués) ===== */
html.ilan-dexapp .ildx-exit,html.ilan-dexapp .ildx-exit-pill{display:none!important}
/* ===== Page de connexion et d'inscription façon app ===== */
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #header,
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) footer.ct-footer,
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #footer,
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .hero-section,
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login h2,
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .itcg-register-intro,
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .itcg-account-switch,
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #ilan-beam-left,
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #ilan-beam-right{display:none!important}
html.ilan-applogin,html.ilan-applogin body{background:#0b0710!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #main-container{min-height:100vh;min-height:100dvh;padding:0!important;background:radial-gradient(120% 60% at 50% -10%,rgba(143,104,255,.30) 0,rgba(143,104,255,.08) 40%,transparent 70%),radial-gradient(80% 40% at 100% 100%,rgba(116,55,200,.18) 0,transparent 70%),#0b0710!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) main.site-main,
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) main.site-main>.ct-container-full{margin:0!important;padding:0!important;max-width:none!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .entry-content{display:flex;flex-direction:column;align-items:center;margin:0 auto!important;padding:calc(env(safe-area-inset-top,0px) + 44px) 22px calc(env(safe-area-inset-bottom,0px) + 32px)!important;max-width:none!important;box-sizing:border-box}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .entry-content>.woocommerce{width:100%!important;align-self:center;gap:0!important;row-gap:0!important;max-width:420px!important;margin:0 auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
/* Formulaires */
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login{display:block!important;grid-template-columns:1fr!important;margin:0!important;width:100%!important;max-width:none!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login>.u-column1,html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login>.u-column2{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;background:transparent!important;border:0!important;box-shadow:none!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login form{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .form-row{margin:0 0 16px!important;padding:0!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login label:not(.woocommerce-form__label-for-checkbox){display:block;margin:0 0 8px!important;font:500 11.5px/1.2 "t26-carbon",monospace!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#c8bfdc!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login input.input-text,html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login input[type="text"],html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login input[type="email"],html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login input[type="password"],html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login input[type="tel"],html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login input[type="date"],html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login select{width:100%!important;height:56px!important;margin:0!important;padding:0 18px 0 50px!important;border-radius:16px!important;border:1px solid rgba(200,180,255,.16)!important;background-color:rgba(255,255,255,.035)!important;background-repeat:no-repeat!important;background-position:18px 50%!important;background-size:20px 20px!important;color:#f5f3fa!important;font:400 17px/1.2 "priori-sans","Priori Sans",sans-serif!important;box-shadow:none!important;box-sizing:border-box!important;transition:border-color .2s,box-shadow .2s,background-color .2s!important;-webkit-appearance:none;appearance:none}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login input:focus{outline:0!important;border-color:#8f68ff!important;background-color:rgba(143,104,255,.06)!important;box-shadow:0 0 0 4px rgba(143,104,255,.18),0 0 24px rgba(143,104,255,.18)!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #username,html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #reg_email{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a797c9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Cpath d='M4 7l8 6 8-6'/%3E%3C/svg%3E")!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #password,html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #reg_password{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a797c9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10.5' width='15' height='10' rx='2.5'/%3E%3Cpath d='M8 10.5V8a4 4 0 0 1 8 0v2.5'/%3E%3C/svg%3E")!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #reg_first_name,html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #reg_last_name{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a797c9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20c.8-3.6 3.6-5.5 7-5.5s6.2 1.9 7 5.5'/%3E%3C/svg%3E")!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login input[type="date"],html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login select{padding-left:18px!important}
/* Se souvenir de moi en interrupteur, Mot de passe oublié sur la même ligne */
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .woocommerce-form-login>p.form-row:not(.form-row-wide){display:flex!important;flex-direction:column!important;gap:22px!important;margin:4px 0 0!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .woocommerce-form-login__rememberme{display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;font:400 15px/1.2 "priori-sans","Priori Sans",sans-serif!important;color:#cfc6e2!important;cursor:pointer}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .woocommerce-form-login__rememberme input{-webkit-appearance:none;appearance:none;position:relative;flex:none;width:46px!important;height:28px!important;margin:0!important;border-radius:14px!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(200,180,255,.2)!important;cursor:pointer;transition:background .2s}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .woocommerce-form-login__rememberme input::after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#f5f3fa;box-shadow:0 2px 6px rgba(0,0,0,.4);transition:transform .22s cubic-bezier(.32,.72,0,1)}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .woocommerce-form-login__rememberme input:checked{background:#8f68ff!important;border-color:#8f68ff!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .woocommerce-form-login__rememberme input:checked::after{transform:translateX(18px)}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .woocommerce-LostPassword{margin:-6px 0 0!important;text-align:center!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .woocommerce-LostPassword a{font:400 15px/1.3 "priori-sans","Priori Sans",sans-serif!important;color:#c8b4ff!important;text-decoration:none!important;border:0!important}
/* Bouton principal */
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login button[type="submit"]{order:2;display:flex!important;align-items:center;justify-content:center;width:100%!important;height:58px!important;margin:0!important;padding:0 24px!important;border:0!important;border-radius:18px!important;background:linear-gradient(180deg,#d6c6ff 0,#c8b4ff 55%,#b39bff 100%)!important;color:#0f0914!important;font-family:"geom-graphic",sans-serif!important;font-weight:700!important;font-size:18px!important;letter-spacing:.01em!important;box-shadow:0 12px 30px rgba(143,104,255,.45),inset 0 1px 0 rgba(255,255,255,.6)!important;transition:transform .15s,box-shadow .2s!important}
@media (hover:none){html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login button[type="submit"]:active{transform:scale(.98)}}
@media (hover:hover){html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login button[type="submit"]:hover{box-shadow:0 14px 36px rgba(143,104,255,.6),inset 0 1px 0 rgba(255,255,255,.6)!important}}
/* Connexion Apple / Facebook en boutons pleine largeur */
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-container{margin:22px 0 0!important;padding:0!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-container-buttons{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;padding:0!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-container-buttons>a{display:block!important;width:100%!important;margin:0!important;text-decoration:none!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;height:54px!important;margin:0!important;border-radius:16px!important;box-shadow:none!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-button-svg-container{display:flex!important;align-items:center;padding:0!important;margin:0!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-button-svg-container svg{width:22px!important;height:22px!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-button::after{font:600 16px/1 "priori-sans","Priori Sans",sans-serif;letter-spacing:.01em}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-button-apple{background:#fff!important;border:1px solid #fff!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-button-apple::after{content:"Continuer avec Apple";color:#000}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-button-facebook{background:#1877F2!important;border:1px solid #1877F2!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-button-facebook::after{content:"Continuer avec Facebook";color:#fff}
/* En-tête de marque (v3.0) : logo lumineux seul, sous-titre, halo violet */
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .entry-content{min-height:100vh;min-height:100dvh;padding:0!important;align-items:stretch}
#ilan-al-brand{position:relative;isolation:isolate;flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:none!important;min-height:240px;margin:0!important;padding:calc(env(safe-area-inset-top,0px) + 36px) 24px 40px;box-sizing:border-box;text-align:center}
#ilan-al-brand::before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:min(420px,108vw);height:min(420px,108vw);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(106,63,208,.32),rgba(106,63,208,.16) 45%,rgba(106,63,208,.05) 75%,rgba(106,63,208,0));filter:blur(18px);pointer-events:none}
#ilan-al-brand .al-logo{width:160px;margin:0 auto 22px;line-height:0;filter:drop-shadow(0 0 14px rgba(143,104,255,.55))}
html.ilan-applogin-dex #ilan-al-brand .al-logo{width:210px}
#ilan-al-brand .al-logo img{display:block;width:100%;height:auto;margin:0;border:0}
#ilan-al-brand .al-s{margin:0;font:400 10.5px/1.4 "t26-carbon",monospace;letter-spacing:.3em;text-transform:uppercase;color:rgba(201,184,255,.8)}
/* Volet Connexion : monte du bas */
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .entry-content>.woocommerce{position:relative;width:100%!important;max-width:none!important;margin:0!important;padding:30px 20px calc(env(safe-area-inset-bottom,0px) + 24px)!important;background:#14101c!important;border:1px solid rgba(200,180,255,.13)!important;border-bottom:0!important;border-radius:28px 28px 0 0!important;box-shadow:0 -12px 40px rgba(0,0,0,.55)!important;box-sizing:border-box!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .entry-content>.woocommerce::before{content:"";position:absolute;top:10px;left:50%;width:38px;height:5px;margin-left:-19px;border-radius:3px;background:rgba(255,255,255,.2)}
#ilan-al-head .al-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
#ilan-al-head .al-t{margin:0;font:700 26px/1.1 "geom-graphic",sans-serif;letter-spacing:.005em;color:#fff}
#ilan-al-head .al-step{flex:0 0 auto;font:400 10.5px/1 "t26-carbon",monospace;letter-spacing:.2em;color:rgba(245,243,250,.5)}
#ilan-al-head .al-p{margin:10px 0 18px;font:400 15px/1.4 "priori-sans","Priori Sans",sans-serif;color:rgba(245,243,250,.62)}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .form-row{margin:0 0 14px!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .woocommerce-form-login label:not(.woocommerce-form__label-for-checkbox){position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login input.input-text,html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login input[type="text"],html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login input[type="email"],html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login input[type="password"],html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login input[type="tel"],html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login input[type="date"],html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login select{height:52px!important;padding:0 16px 0 46px!important;border-radius:14px!important;border-color:rgba(200,180,255,.28)!important;background-color:rgba(255,255,255,.03)!important;background-position:16px 50%!important;background-size:18px 18px!important;font-size:16px!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login input[type="date"],html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login select{padding-left:16px!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login input.al-err{border-color:#ff8a97!important;box-shadow:0 0 0 4px rgba(255,122,138,.15)!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login input::placeholder{color:rgba(245,243,250,.42)!important;opacity:1}
/* Étapes : 1 = e-mail, 2 = mot de passe (le champ mot de passe reste présent pour le trousseau iCloud) */
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) form.al-s1 .al-pw:not(#ilan-z){position:absolute!important;left:0;width:1px!important;height:1px!important;margin:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) form.al-s1 .al-s2only:not(#ilan-z){display:none!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) form.al-s2 .al-next:not(#ilan-z),html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) form.al-s2 .form-row:has(#username):not(#ilan-z){display:none!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) form.al-s2 #username{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .al-chip{display:none}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) form.al-s2 .al-chip{display:flex;align-items:center;gap:10px;min-height:44px;margin:0 0 14px;padding:0 6px 0 14px;border-radius:14px;background:rgba(200,180,255,.06);border:1px solid rgba(200,180,255,.14);font:400 15px/1.2 "priori-sans","Priori Sans",sans-serif;color:#f5f3fa}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .al-chip svg{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:rgba(245,243,250,.6);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .al-chip span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .al-chip button{flex:0 0 auto;margin:0!important;padding:8px 10px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#c8b4ff!important;font:600 14px/1 "priori-sans","Priori Sans",sans-serif!important;cursor:pointer;-webkit-tap-highlight-color:transparent}
/* Boutons principaux : pilule lavande */
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login button[type="submit"],html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .al-next{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:52px!important;margin:0!important;padding:0 24px!important;border:0!important;border-radius:26px!important;background:#c8b4ff!important;color:#1a1030!important;font-family:"geom-graphic",sans-serif!important;font-weight:700!important;font-size:17px!important;letter-spacing:.01em!important;box-shadow:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s,background .15s!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .al-next{margin:0 0 4px!important}
@media (hover:none){html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .al-next:active{transform:scale(.98)}}
@media (hover:hover){html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .al-next:hover{background:#d6c6ff!important}}
/* Séparateur « ou » (celui de l'extension de connexion Apple / Facebook, remis au style de l'app) puis Apple avant Facebook */
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-separator{display:flex!important;align-items:center;gap:12px;margin:18px 0 14px!important;padding:0!important;font:400 9.5px/1 "t26-carbon",monospace!important;letter-spacing:.24em!important;text-transform:uppercase;color:rgba(245,243,250,.45)!important;background:none!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-separator::before,html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-separator::after{content:"";flex:1 1 auto;height:1px;margin:0!important;border:0!important;background:rgba(200,180,255,.14)!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-container-buttons>a:has(.nsl-button-apple){order:-1}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-button-apple svg rect{fill:transparent!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-container{margin:0!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-button{height:50px!important;border-radius:25px!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-button-apple{background:#000!important;border:1px solid rgba(255,255,255,.18)!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-button-apple::after{color:#fff}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-button-apple svg path{fill:#fff!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-button-apple .nsl-button-svg-container{margin:-8px -4px -8px -10px!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-button-apple .nsl-button-svg-container svg{width:auto!important;height:46px!important;display:block!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-button-facebook{border-color:#1877F2!important}
/* Lien Créer un compte / Se connecter */
#ilan-al-sw{margin:18px 0 0!important;text-align:center;font:400 14px/1.4 "priori-sans","Priori Sans",sans-serif;color:rgba(245,243,250,.55)}
#ilan-al-sw a{color:#c8b4ff!important;font-weight:600;text-decoration:none!important;border:0!important}
/* iPad et Mac : le volet devient une carte centrée */
@media (min-width:700px){
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .entry-content{justify-content:center}
#ilan-al-brand{flex:0 0 auto;min-height:0;padding-bottom:30px}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .entry-content>.woocommerce{max-width:460px!important;margin:0 auto 48px!important;padding:34px 32px 28px!important;border-bottom:1px solid rgba(200,180,255,.13)!important;border-radius:28px!important}
}
@media (prefers-reduced-motion:reduce){#ilan-tabs,#ilan-dtabs,#ilan-ptr.back,#ilan-acc .ia-sh{transition:none!important}#ilan-ptr.go svg{animation-duration:2s}}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) form.woocommerce-form-login{position:relative!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-container::before{display:none!important;content:none!important}
/* Apple et Facebook en bulles rondes côte à côte (v3.0, 27/09) */
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-container-buttons:not(#ilan-z){flex-direction:row!important;justify-content:center!important;gap:18px!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-container-buttons>a:not(#ilan-z){width:auto!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-button:not(#ilan-z){width:58px!important;height:58px!important;padding:0!important;border-radius:50%!important;gap:0!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-button:not(#ilan-z)::after{content:none!important;display:none!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-button-apple .nsl-button-svg-container:not(#ilan-z){margin:4px 0 0!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #customer_login .nsl-button-facebook .nsl-button-svg-container svg:not(#ilan-z){width:26px!important;height:26px!important}
/* v3.0 (27/09) : fond noir uni derrière la connexion (plus de halos superposés), pied de page du site masqué dans l'app */
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) #main-container:not(#ilan-z){background:#0b0810!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .sf-f:not(#ilan-z){display:none!important}
/* Champs remplis automatiquement (trousseau iCloud, Chrome) : fond sombre et texte clair, jamais de fond jaune */
#customer_login input:-webkit-autofill,#customer_login input:-webkit-autofill:hover,#customer_login input:-webkit-autofill:focus,#customer_login input:autofill{-webkit-box-shadow:0 0 0 1000px #17131f inset!important;box-shadow:0 0 0 1000px #17131f inset!important;-webkit-text-fill-color:#f5f3fa!important;caret-color:#f5f3fa!important;transition:background-color 99999s ease 0s!important}
/* Se souvenir de moi : interrupteur seul, sans la coche du thème derrière */
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .woocommerce-form-login__rememberme input:not(#ilan-z){background-image:none!important}
html.ilan-applogin body:not(#ilan-l1):not(#ilan-l2):not(#ilan-l3):not(#ilan-l4):not(#ilan-l5):not(#ilan-l6) .woocommerce-form-login__rememberme input:not(#ilan-z)::before{content:none!important;display:none!important}

