/* CB Production · V18.9 · Connexion Google / Facebook / Apple */
.cb-social-auth{margin:0 0 20px;display:grid;gap:10px}
.cb-social-auth[hidden]{display:none!important}
.cb-social-native-form{display:block;width:100%;margin:0;padding:0;border:0;background:transparent}
.cb-social-auth-title{display:flex;align-items:center;gap:12px;margin:4px 0 2px;color:rgba(240,236,224,.54);font-size:12px;font-weight:800}
.cb-social-auth-title:before,.cb-social-auth-title:after{content:"";height:1px;flex:1;background:rgba(240,236,224,.13)}
.cb-social-button{width:100%;min-height:52px;display:grid;grid-template-columns:30px 1fr 30px;align-items:center;padding:0 15px;border:1px solid rgba(240,236,224,.16);border-radius:10px;background:#111522;color:#f7f4ed;font-size:14px;font-weight:850;cursor:pointer;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.cb-social-button:hover{transform:translateY(-1px);border-color:rgba(224,176,72,.52);background:#171d2d}
.cb-social-button:focus-visible{outline:3px solid rgba(141,181,208,.42);outline-offset:2px}
.cb-social-button svg{width:21px;height:21px;display:block}
.cb-social-button .cb-social-arrow{font-size:17px;color:rgba(240,236,224,.38);text-align:right}
.cb-social-button[data-provider="google"] .cb-social-icon{background:#fff;border-radius:50%;width:27px;height:27px;display:grid;place-items:center}
.cb-social-button[data-provider="facebook"] .cb-social-icon{color:#1877f2}
.cb-social-button[data-provider="apple"] .cb-social-icon{color:#fff}
.cb-social-fallback{padding:12px 13px;border:1px solid rgba(224,176,72,.22);border-radius:10px;color:rgba(240,236,224,.66);font-size:12px;line-height:1.5;background:rgba(224,176,72,.05)}
@media(min-width:1050px){.cb-social-button{min-height:56px;font-size:15px}.cb-social-auth{gap:11px;margin-bottom:24px}}

/* ================================================================
   V18.11 · AUTH SPLIT PLEIN ÉCRAN
   Structure directe : formulaire à gauche, visuel à droite, aucune carte.
   ================================================================ */
@media (min-width:981px){
  html:has(#member-area:not(.logged)),
  body:has(#member-area:not(.logged)){
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    background:#111!important;
  }
  #member-area:not(.logged){
    position:fixed!important;
    inset:0!important;
    z-index:2147482000!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    background:#111!important;
  }
  #member-area:not(.logged)::before,
  #member-area:not(.logged)::after,
  #member-area:not(.logged)>.grain-m,
  #member-area:not(.logged) .member-head,
  #member-area:not(.logged) .site-route-bar,
  #member-area:not(.logged) .member-topline{
    display:none!important;
  }
  #member-area:not(.logged) .member-shell,
  #member-area:not(.logged) .member-layout,
  #member-area:not(.logged) .member-panel.gold,
  #member-area:not(.logged) .member-pad.member-guest{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    background:#111!important;
  }
  #member-area:not(.logged) .member-layout{
    display:block!important;
  }
  #member-area:not(.logged) .member-layout>div{
    display:none!important;
  }
  #member-area:not(.logged) .member-pad.member-guest{
    display:grid!important;
    grid-template-columns:50% 50%!important;
    grid-template-rows:100%!important;
    gap:0!important;
    align-items:stretch!important;
  }
  #member-area:not(.logged) .cb-auth-left{
    grid-column:1!important;
    grid-row:1!important;
    position:relative!important;
    width:100%!important;
    height:100dvh!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    background:#111!important;
    color:#fff!important;
    scrollbar-width:thin!important;
    scrollbar-color:#555 transparent!important;
  }
  #member-area:not(.logged) .cb-auth-left::-webkit-scrollbar{width:6px!important}
  #member-area:not(.logged) .cb-auth-left::-webkit-scrollbar-thumb{background:#555!important;border-radius:99px!important}
  #member-area:not(.logged) .cb-auth-brand{
    position:absolute!important;
    z-index:5!important;
    top:28px!important;
    left:clamp(30px,4vw,64px)!important;
    width:118px!important;
    height:50px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  #member-area:not(.logged) .cb-auth-brand img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  #member-area:not(.logged) .cb-auth-left-inner{
    width:min(430px,calc(100% - 72px))!important;
    min-height:100%!important;
    margin:0 auto!important;
    padding:clamp(116px,15vh,162px) 0 44px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  #member-area:not(.logged) .cb-auth-left-inner>h3{
    margin:0 0 10px!important;
    color:#fff!important;
    font-size:clamp(30px,2.55vw,42px)!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
    text-transform:none!important;
    font-weight:850!important;
  }
  #member-area:not(.logged) .cb-auth-left-inner>.member-sub{
    margin:0 0 24px!important;
    color:rgba(255,255,255,.62)!important;
    font-size:14px!important;
    line-height:1.55!important;
  }
  #member-area:not(.logged) .member-tabs{
    width:100%!important;
    min-height:44px!important;
    margin:0 0 18px!important;
    padding:4px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:4px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:7px!important;
    background:#1c1c1c!important;
  }
  #member-area:not(.logged) .member-tab{
    min-height:36px!important;
    border-radius:4px!important;
    color:rgba(255,255,255,.68)!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.1em!important;
  }
  #member-area:not(.logged) .member-tab.on{
    background:#c96a32!important;
    color:#151515!important;
  }
  #member-area:not(.logged) #cbm-login-form,
  #member-area:not(.logged) #cbm-signup-form{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  #member-area:not(.logged) .cb-social-auth{
    width:100%!important;
    margin:0 0 18px!important;
    gap:10px!important;
  }
  #member-area:not(.logged) .cb-social-button{
    width:100%!important;
    min-height:45px!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:5px!important;
    background:#373737!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:780!important;
    box-shadow:none!important;
  }
  #member-area:not(.logged) .cb-social-button:hover{
    transform:none!important;
    background:#444!important;
  }
  #member-area:not(.logged) .cb-social-button .cb-social-arrow{display:none!important}
  #member-area:not(.logged) .cb-social-auth-title{
    margin:3px 0 1px!important;
    color:rgba(255,255,255,.46)!important;
    font-size:11px!important;
  }
  #member-area:not(.logged) .member-field{margin:0 0 12px!important}
  #member-area:not(.logged) .member-field label{
    display:block!important;
    margin:0 0 6px!important;
    color:rgba(255,255,255,.75)!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
  }
  #member-area:not(.logged) .member-field input{
    width:100%!important;
    min-height:44px!important;
    padding:0 13px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:5px!important;
    background:#272727!important;
    color:#fff!important;
    font-size:14px!important;
    outline:0!important;
  }
  #member-area:not(.logged) .member-field input:focus{
    border-color:#c96a32!important;
    box-shadow:0 0 0 2px rgba(255,101,70,.16)!important;
  }
  #member-area:not(.logged) .member-planpick{
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #member-area:not(.logged) .member-planpick button{
    min-height:49px!important;
    padding:8px!important;
    border-radius:5px!important;
    font-size:10px!important;
  }
  #member-area:not(.logged) .member-primary{
    width:100%!important;
    min-height:46px!important;
    margin:3px 0 0!important;
    border:0!important;
    border-radius:5px!important;
    background:#c96a32!important;
    color:#151515!important;
    font-size:12px!important;
    font-weight:950!important;
  }
  #member-area:not(.logged) .member-link-button{
    display:block!important;
    margin:14px auto 0!important;
    color:rgba(255,255,255,.65)!important;
    font-size:11px!important;
  }
  #member-area:not(.logged) .member-error{
    font-size:12px!important;
    line-height:1.45!important;
    color:#ff8f79!important;
  }
  #member-area:not(.logged) .cb-auth-legal{
    margin:20px auto 0!important;
    max-width:390px!important;
    color:rgba(255,255,255,.45)!important;
    font-size:10px!important;
    line-height:1.5!important;
    text-align:center!important;
  }
  #member-area:not(.logged) .cb-auth-legal a{color:#ff765c!important}
  #member-area:not(.logged) .cb-auth-visual{
    grid-column:2!important;
    grid-row:1!important;
    position:relative!important;
    width:100%!important;
    height:100dvh!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:#1a120e!important;
  }
  #member-area:not(.logged) .cb-auth-visual-photo{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background:
      linear-gradient(180deg,rgba(15,13,12,.12),rgba(15,13,12,.45)),
      url('https://static.wixstatic.com/media/0e21c4_229dde929b124458a037858cb9d93e35~mv2.jpg') center 44%/cover no-repeat!important;
    filter:saturate(.92) contrast(1.03)!important;
    transform:none!important;
  }
  #member-area:not(.logged) .cb-auth-visual::before{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    left:-16%!important;
    right:-16%!important;
    bottom:5%!important;
    height:16%!important;
    border:20px solid #c96a32!important;
    border-radius:50%!important;
    transform:rotate(-8deg)!important;
    opacity:.9!important;
  }
  #member-area:not(.logged) .cb-auth-visual::after{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    inset:0!important;
    background:linear-gradient(0deg,rgba(12,12,12,.72),transparent 58%)!important;
  }
  #member-area:not(.logged) .cb-auth-visual-copy{
    position:absolute!important;
    z-index:2!important;
    left:clamp(38px,5vw,78px)!important;
    right:clamp(38px,5vw,78px)!important;
    top:clamp(64px,8vh,98px)!important;
    bottom:auto!important;
    color:#fff!important;
  }
  #member-area:not(.logged) .cb-auth-visual-copy h3{
    max-width:690px!important;
    margin:0 0 14px!important;
    color:#fff!important;
    font-size:clamp(44px,5.2vw,78px)!important;
    line-height:.92!important;
    letter-spacing:-.055em!important;
    text-transform:none!important;
  }
  #member-area:not(.logged) .cb-auth-visual-copy h3 em{
    color:#c96a32!important;
    font-style:normal!important;
  }
  #member-area:not(.logged) .cb-auth-visual-copy p{
    max-width:520px!important;
    margin:0!important;
    color:rgba(255,255,255,.84)!important;
    font-size:15px!important;
    line-height:1.5!important;
  }
  #member-area:not(.logged) #cbm-checkout-panel{display:none!important}
}

@media (min-width:981px) and (max-height:780px){
  #member-area:not(.logged) .cb-auth-left-inner{
    justify-content:flex-start!important;
    padding-top:96px!important;
  }
}

@media (max-width:980px){
  #member-area:not(.logged){overflow:auto!important;background:#111!important}
  #member-area:not(.logged) .member-pad.member-guest{
    display:flex!important;
    flex-direction:column!important;
    min-height:100dvh!important;
    height:auto!important;
    padding:0!important;
    background:#111!important;
  }
  #member-area:not(.logged) .cb-auth-visual{
    order:1!important;
    width:100%!important;
    min-height:260px!important;
    height:34vh!important;
    border-radius:0!important;
    margin:0!important;
  }
  #member-area:not(.logged) .cb-auth-left{
    order:2!important;
    width:100%!important;
    min-height:66vh!important;
    overflow:visible!important;
    background:#111!important;
  }
  #member-area:not(.logged) .cb-auth-brand{
    position:absolute!important;
    top:18px!important;
    left:20px!important;
    width:92px!important;
    z-index:5!important;
  }
  #member-area:not(.logged) .cb-auth-left-inner{
    width:min(480px,calc(100% - 36px))!important;
    margin:0 auto!important;
    padding:38px 0 44px!important;
  }
  #member-area:not(.logged) .cb-auth-visual-copy{
    left:22px!important;right:22px!important;top:auto!important;bottom:26px!important;
  }
  #member-area:not(.logged) .cb-auth-visual-copy h3{font-size:40px!important}
}