/* ================================================================
   L'Oracle des Cris Intérieurs — CSS Complet (site + membre + admin)
================================================================ */
:root {
  --ink:      #05080f; --deep:    #090e1e; --navy:   #0c1630;
  --cobalt:   #162550; --gold:    #c8a55a; --gold-lt:#e2c47a;
  --gold-pale:#f2dea8; --cream:   #ede8dc; --beige:  #ddd4c2;
  --mist:     rgba(237,232,220,.5); --dimmed: rgba(220,210,195,.6);
  --f-serif:  'Cormorant Garamond',Georgia,serif;
  --f-caps:   'Cinzel',serif; --f-ui: 'DM Sans',sans-serif;
  --ease: cubic-bezier(.16,1,.3,1);
  --r: 12px; --r-sm: 6px;
  /* Admin palette */
  --a-bg: #070c18; --a-card: #0d1525; --a-sidebar: #090e1d;
  --a-hover: #111c33; --a-border: rgba(200,165,90,.14);
  --a-bf: rgba(200,165,90,.5);
  --success:#3ecf7a; --warning:#f5a623; --danger:#e85555; --info:#5b9cf6;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:19px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;}
html::-webkit-scrollbar{display:none;width:0;height:0;}
body{background:var(--ink);color:var(--cream);font-family:var(--f-serif);line-height:1.85;overflow-x:hidden;cursor:none;}body.admin-body{overflow-x:auto;}
body.admin-body{font-family:var(--f-ui);background:var(--a-bg);cursor:default;}
body.member-body{cursor:default;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
button{font-family:inherit;cursor:pointer;}
::selection{background:rgba(200,165,90,.3);}

/* ---- Cursor ---- */
#cur,#cur2{position:fixed;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);}
#cur{width:8px;height:8px;background:var(--gold);transition:width .15s,height .15s;}
#cur2{width:36px;height:36px;border:1px solid rgba(200,165,90,.45);transition:all .1s linear;}
body.hov #cur{width:20px;height:20px;} body.hov #cur2{width:54px;height:54px;border-color:rgba(200,165,90,.8);}
#starCanvas{position:fixed;inset:0;z-index:0;pointer-events:none;}

/* ================================================================
   NAVIGATION
================================================================ */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;transition:background .5s,padding .5s,border-color .5s;border-bottom:1px solid transparent;gap:1rem;}

/* Logo animé nav */
@keyframes navRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes navRotateRev{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
@keyframes navGlow{0%,100%{box-shadow:0 0 6px rgba(200,165,90,0.2)}50%{box-shadow:0 0 14px rgba(200,165,90,0.5)}}
.nav-logo-animated{display:flex;align-items:center;gap:.6rem;text-decoration:none;flex-shrink:0;}
.nav-logo-orbit{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.nav-orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(200,165,90,0.3);}
.nav-orbit-1{width:32px;height:32px;animation:navRotate 6s linear infinite;}
.nav-orbit-2{width:22px;height:22px;animation:navRotateRev 4s linear infinite;}
.nav-orbit-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#C8A55A;top:-2px;left:50%;transform:translateX(-50%);}
.nav-orbit-dot-sm{width:3px;height:3px;bottom:-2px;top:auto;background:rgba(200,165,90,0.7);}
.nav-logo-core{position:absolute;font-size:.9rem;color:#C8A55A;animation:navGlow 3s ease-in-out infinite;z-index:1;}
.nav-logo-text{font-family:var(--f-caps);font-size:.8rem;letter-spacing:.15em;color:var(--gold-lt);white-space:nowrap;}

/* Onglets nav améliorés */
.nav-links a{font-family:var(--f-caps);font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:var(--beige);position:relative;transition:color .3s;white-space:nowrap;padding:.3rem .5rem;border-radius:3px;}
.nav-links a::before{content:'';position:absolute;inset:0;border-radius:3px;background:rgba(200,165,90,0);transition:background .3s;}
.nav-links a::after{content:'';position:absolute;bottom:-3px;left:.5rem;right:.5rem;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease);}
.nav-links a:hover::before{background:rgba(200,165,90,0.06);}
/* nav-links a hover moved to new styles above */
/* nav-links a hover::after moved to new styles above */
.nav-links a.active::before{background:rgba(200,165,90,0.08);}

/* Panier amélioré */
.nav-cart-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(200,165,90,0.08);border:1px solid rgba(200,165,90,0.2);transition:background .3s,border-color .3s;text-decoration:none;flex-shrink:0;}
.nav-cart-btn:hover{background:rgba(200,165,90,0.15);border-color:rgba(200,165,90,0.4);}
.nav-cart-icon{font-size:.95rem;line-height:1;}
.nav-cart-btn .cart-dot{position:absolute;top:-5px;right:-5px;width:16px;height:16px;background:var(--gold);color:var(--ink);font-family:var(--f-caps);font-size:.55rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;}
.site-nav.scrolled{background:rgba(5,8,15,.9);backdrop-filter:blur(18px);padding:.7rem 1.5rem;border-bottom-color:rgba(200,165,90,.12);}
.nav-logo{font-family:var(--f-caps);font-size:.8rem;letter-spacing:.15em;color:var(--gold-lt);flex-shrink:0;white-space:nowrap;}
.nav-links{display:flex;gap:.6rem;list-style:none;flex-wrap:nowrap;align-items:center;}.nav-sep{color:rgba(200,165,90,0.4);font-size:.55rem;pointer-events:none;user-select:none;animation:navGlow 3s ease-in-out infinite;}
/* nav-links a moved to new styles above */
/* nav-links a::after moved to new styles above */
/* nav-links a hover moved to new styles above */
/* nav-links a hover::after moved to new styles above */
.nav-right{display:flex;align-items:center;gap:.6rem;flex-shrink:0;}
.nav-cart{position:relative;font-size:1rem;}
.cart-dot{position:absolute;top:-6px;right:-6px;width:16px;height:16px;background:var(--gold);color:var(--ink);font-family:var(--f-caps);font-size:.55rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;}
.nav-user{font-family:var(--f-caps);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--beige);}
.nav-btn{font-family:var(--f-caps);font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--gold);padding:.5rem 1rem;border-radius:2px;border:none;transition:background .3s;white-space:nowrap;}
.nav-btn:hover{background:var(--gold-lt);}
.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;}
.nav-burger span{display:block;width:22px;height:1.5px;background:var(--beige);}

/* ================================================================
   HERO
================================================================ */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 6rem;z-index:2;overflow:hidden;}
.orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;}
.orb-1{width:700px;height:700px;background:radial-gradient(circle,rgba(22,37,80,.7),transparent 70%);top:-15%;left:50%;transform:translateX(-50%);animation:d1 10s ease-in-out infinite alternate;}
.orb-2{width:380px;height:380px;background:radial-gradient(circle,rgba(200,165,90,.1),transparent 70%);bottom:8%;right:5%;animation:d2 13s ease-in-out infinite alternate;}
.orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(12,22,48,.8),transparent 70%);top:20%;left:3%;animation:d3 11s ease-in-out infinite alternate;}
@keyframes d1{to{transform:translateX(-50%) translateY(28px);}}
@keyframes d2{to{transform:translate(-20px,-20px);}}
@keyframes d3{to{transform:translate(15px,18px);}}
.hcard{position:absolute;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 0 1px rgba(200,165,90,.22);}
.hcard img{width:100%;height:100%;object-fit:cover;}
.hcard-l{width:160px;height:240px;left:4%;top:50%;transform:translateY(-50%) rotate(-11deg);animation:fl 7s ease-in-out infinite;}
.hcard-r{width:140px;height:210px;right:4%;top:42%;transform:translateY(-50%) rotate(9deg);animation:fr 8s ease-in-out infinite;}
@keyframes fl{0%,100%{transform:translateY(-50%) rotate(-11deg);}50%{transform:translateY(calc(-50% - 18px)) rotate(-13deg);}}
@keyframes fr{0%,100%{transform:translateY(-50%) rotate(9deg);}50%{transform:translateY(calc(-50% + 14px)) rotate(11deg);}}
.gold-line{width:60px;height:1px;background:linear-gradient(to right,transparent,var(--gold),transparent);margin:0 auto 1.8rem;}
.eyebrow{font-family:var(--f-caps);font-size:.6rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem;display:block;}
.hero-title{font-family:var(--f-serif);font-weight:300;font-size:clamp(3.2rem,7vw,6rem);line-height:1.08;color:var(--cream);margin-bottom:1.2rem;}
.hero-title em{font-style:italic;color:var(--gold-lt);display:block;}
.hero-sub{font-size:1.2rem;font-weight:300;color:var(--beige);line-height:1.9;max-width:580px;margin:0 auto 2.8rem;font-style:italic;}
.hero-ctas,.cta-btns{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;}
.scroll-ind{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;z-index:2;}
.scroll-ind-line{width:1px;height:56px;background:linear-gradient(to bottom,transparent,var(--gold));animation:sp 2s ease-in-out infinite;}
.scroll-ind span{font-family:var(--f-caps);font-size:.55rem;letter-spacing:.3em;color:var(--dimmed);text-transform:uppercase;}
@keyframes sp{0%,100%{opacity:.25;}50%{opacity:1;}}

/* ================================================================
   BUTTONS
================================================================ */
.btn-primary{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--f-caps);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:var(--gold);padding:1rem 2.2rem;border-radius:2px;border:none;box-shadow:0 0 40px rgba(200,165,90,.3);transition:background .3s,transform .25s,box-shadow .3s;}
.btn-primary:hover{background:var(--gold-lt);transform:translateY(-2px);box-shadow:0 0 60px rgba(200,165,90,.5);}
.btn-primary svg{width:16px;transition:transform .3s;}
.btn-primary:hover svg{transform:translateX(4px);}
.btn-primary.lg{padding:1.2rem 2.8rem;font-size:.72rem;}
.btn-secondary{display:inline-flex;align-items:center;font-family:var(--f-caps);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--beige);border:1px solid rgba(201,188,164,.3);padding:1rem 2.2rem;border-radius:2px;background:none;transition:border-color .3s,color .3s;}
.btn-secondary:hover{border-color:var(--gold);color:var(--gold-lt);}

/* ================================================================
   MARQUEE
================================================================ */
.marquee{overflow:hidden;border-top:1px solid rgba(200,165,90,.15);border-bottom:1px solid rgba(200,165,90,.15);padding:.9rem 0;background:linear-gradient(to right,rgba(200,165,90,.04),rgba(200,165,90,.09),rgba(200,165,90,.04));position:relative;z-index:2;}
.marquee-track{display:inline-flex;gap:3.5rem;white-space:nowrap;animation:mq 28s linear infinite;}
.marquee-track span{font-family:var(--f-caps);font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);}
@keyframes mq{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ================================================================
   SECTIONS COMMUNES
================================================================ */
section{position:relative;z-index:2;}
.container{max-width:1180px;margin:0 auto;padding:0 2rem;}
.s-eyebrow,.section-eyebrow{font-family:var(--f-caps);font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:1.2rem;}
.s-sep{width:50px;height:1px;background:linear-gradient(to right,var(--gold),transparent);margin-bottom:1.8rem;}
.s-title{font-family:var(--f-serif);font-weight:300;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.12;color:var(--cream);margin-bottom:1.4rem;}
.s-title em{font-style:italic;color:var(--gold-lt);}
.s-title.center,.s-header{text-align:center;}
.s-header{max-width:600px;margin:0 auto 5rem;}
.s-body{color:var(--beige);font-size:1.15rem;line-height:2.1;margin-bottom:1.1rem;}

/* ================================================================
   CARDS PRODUITS
================================================================ */
.cards-stack{position:relative;width:340px;height:480px;}
.stack-card{position:absolute;border-radius:16px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.7),0 0 0 1px rgba(200,165,90,.2);transition:transform .5s var(--ease);}
.stack-card img{width:100%;height:100%;object-fit:cover;}
.sc-back{width:220px;height:320px;top:50%;left:0;transform:translateY(-50%) rotate(-8deg);z-index:1;filter:brightness(.75) saturate(.8);}
.sc-front{width:240px;height:350px;top:50%;right:0;transform:translateY(-50%) rotate(5deg);z-index:2;}
.cards-stack:hover .sc-back{transform:translateY(-50%) rotate(-14deg) scale(1.02);}
.cards-stack:hover .sc-front{transform:translateY(-50%) rotate(2deg) scale(1.03);}

.oracle-stats{display:flex;gap:2.5rem;margin-top:2.8rem;padding-top:2.2rem;border-top:1px solid rgba(200,165,90,.18);}
.stat-val{display:block;font-family:var(--f-serif);font-size:2.8rem;color:var(--gold-lt);line-height:1;font-weight:300;}
.stat-lbl{font-family:var(--f-caps);font-size:.58rem;letter-spacing:.18em;color:var(--dimmed);text-transform:uppercase;}
.stat-sep{width:1px;height:44px;background:rgba(200,165,90,.18);align-self:center;}

/* Offres pricing */
.offer-card{border-radius:18px;border:1px solid rgba(200,165,90,.18);background:linear-gradient(145deg,rgba(9,14,30,.95),rgba(12,22,48,.7));padding:2.8rem 2rem;position:relative;transition:transform .4s var(--ease),box-shadow .4s,border-color .4s;}
.offer-card:hover{transform:translateY(-8px);box-shadow:0 30px 80px rgba(0,0,0,.5);}
.offer-featured{border-color:rgba(200,165,90,.45);box-shadow:0 0 60px rgba(200,165,90,.12);transform:scale(1.03);}
.offer-featured:hover{transform:scale(1.03) translateY(-8px);}
.offer-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-family:var(--f-caps);font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:var(--gold);padding:.38rem 1.2rem;border-radius:20px;white-space:nowrap;}
.offer-icon{font-size:2.2rem;display:block;margin-bottom:1.4rem;}
.offer-title{font-family:var(--f-caps);font-size:.9rem;color:var(--cream);margin-bottom:.4rem;letter-spacing:.06em;}
.offer-sub{font-size:1rem;color:var(--dimmed);font-style:italic;margin-bottom:2rem;}
.price-old{font-family:var(--f-caps);font-size:.85rem;color:var(--dimmed);text-decoration:line-through;display:block;margin-bottom:.2rem;}
.price-curr{font-family:var(--f-caps);font-size:.9rem;color:var(--gold);vertical-align:top;padding-top:.4rem;display:inline-block;}
.price-amt{font-family:var(--f-serif);font-size:3.2rem;color:var(--gold-lt);font-weight:300;line-height:1;}
.offer-list{list-style:none;margin-bottom:2rem;display:flex;flex-direction:column;gap:.75rem;}
.offer-list li{font-size:.92rem;color:var(--beige);display:flex;align-items:center;gap:.65rem;}
.ok{color:var(--gold);} .no{color:rgba(201,188,164,.3);}
.feat-no{color:rgba(201,188,164,.3)!important;}

/* Consultation items */
.consult-item{display:flex;align-items:center;gap:1.4rem;padding:1.4rem 1.6rem;border-radius:12px;border:1px solid rgba(200,165,90,.14);background:rgba(9,14,30,.7);transition:border-color .3s,transform .35s var(--ease);}
.consult-item:hover{border-color:rgba(200,165,90,.38);transform:translateX(6px);}
.consult-icon{font-size:1.8rem;flex-shrink:0;}
.consult-info{flex:1;}
.consult-title{font-family:var(--f-caps);font-size:.82rem;color:var(--cream);margin-bottom:.2rem;}
.consult-desc{font-size:1rem;color:var(--dimmed);line-height:1.6;}
.consult-price{font-family:var(--f-serif);font-size:1.6rem;color:var(--gold-lt);white-space:nowrap;font-weight:300;}
.cbadge{font-family:var(--f-caps);font-size:.56rem;letter-spacing:.15em;text-transform:uppercase;padding:.25rem .65rem;border-radius:20px;margin-bottom:.4rem;display:inline-block;}
.cbadge-online{background:rgba(91,156,246,.12);color:#7db3f9;border:1px solid rgba(91,156,246,.25);}
.cbadge-pres{background:rgba(200,165,90,.1);color:var(--gold);border:1px solid rgba(200,165,90,.25);}

/* Portrait */
.portrait-frame{width:320px;height:400px;border-radius:16px;background:linear-gradient(145deg,var(--cobalt),var(--navy));border:1px solid rgba(200,165,90,.25);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;}
.portrait-frame img{width:100%;height:100%;object-fit:cover;}
.portrait-initials{font-family:var(--f-serif);font-size:5rem;color:rgba(200,165,90,.2);font-style:italic;}
.portrait-deco{position:absolute;inset:-8px;border:1px solid rgba(200,165,90,.12);border-radius:20px;pointer-events:none;}

/* Témoignages */
.temo-card{padding:2rem;border-radius:14px;border:1px solid rgba(200,165,90,.14);background:linear-gradient(145deg,rgba(9,14,30,.9),rgba(12,22,48,.6));transition:border-color .3s,transform .4s var(--ease);}
.temo-card:hover{border-color:rgba(200,165,90,.3);transform:translateY(-5px);}
.temo-stars{color:var(--gold);font-size:.9rem;letter-spacing:.12em;margin-bottom:1.2rem;}
.temo-text{font-style:italic;color:var(--beige);font-size:1.05rem;line-height:1.85;margin-bottom:1.5rem;}
.temo-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--cobalt),var(--navy));border:1px solid rgba(200,165,90,.25);display:flex;align-items:center;justify-content:center;font-family:var(--f-caps);font-size:.8rem;color:var(--gold-lt);}

/* Reveal */
.reveal{opacity:0;transform:translateY(44px);transition:opacity .85s var(--ease),transform .85s var(--ease);}
.reveal.fl{transform:translateX(-44px);} .reveal.fr{transform:translateX(44px);}
.reveal.vis{opacity:1;transform:none;}
.d1{transition-delay:.12s;} .d2{transition-delay:.24s;} .d3{transition-delay:.36s;} .d4{transition-delay:.48s;} .d5{transition-delay:.6s;}

/* Grids */
.g2{display:grid;grid-template-columns:1fr 1fr;gap:2rem;}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
.gc2{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.gc2-text{} .gc2-vis{display:flex;justify-content:center;}

/* Grids layout sections */
.sec-8{padding:8rem 0;} .sec-9{padding:9rem 0;} .sec-6{padding:6rem 0;}

/* Mission quote */
.mission-quote{font-family:var(--f-serif);font-size:1.4rem;font-style:italic;color:var(--gold-pale);line-height:1.75;border-left:2px solid var(--gold);padding-left:2rem;margin:2.5rem 0;}

/* Forms public */
.form-card{background:linear-gradient(145deg,rgba(9,14,30,.95),rgba(12,22,48,.7));border:1px solid rgba(200,165,90,.2);border-radius:16px;padding:2.5rem;}
.field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.2rem;}
.field label{font-family:var(--f-caps);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--beige);}
.field input,.field textarea,.field select{background:rgba(5,8,15,.8);border:1px solid rgba(200,165,90,.18);border-radius:6px;padding:.8rem 1rem;color:var(--cream);font-family:var(--f-serif);font-size:1rem;outline:none;transition:border-color .3s;width:100%;}
.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(200,165,90,.5);}
.field input::placeholder,.field textarea::placeholder{color:var(--dimmed);}
.field select option{background:var(--deep);}
.field textarea{resize:vertical;min-height:90px;}
.row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}

/* Alerts */
.alert{padding:.9rem 1.4rem;border-radius:8px;font-size:.9rem;margin-bottom:1.4rem;}
.alert-success{background:rgba(62,207,122,.1);border:1px solid rgba(62,207,122,.25);color:#4cd98a;}
.alert-error{background:rgba(232,85,85,.1);border:1px solid rgba(232,85,85,.25);color:#e87a7a;}

/* Cart */
.cart-item{display:flex;align-items:center;gap:1rem;padding:1.2rem;border-radius:10px;border:1px solid rgba(200,165,90,.14);background:rgba(9,14,30,.7);margin-bottom:.8rem;}
.cart-item-info{flex:1;}
.cart-item-info h4{font-family:var(--f-caps);font-size:.85rem;color:var(--cream);margin-bottom:.2rem;}
.cart-item-info p{font-size:.8rem;color:var(--dimmed);}
.cart-item-price{font-family:var(--f-serif);font-size:1.3rem;color:var(--gold-lt);font-weight:300;white-space:nowrap;}
.cart-remove{background:none;border:none;color:var(--dimmed);font-size:.9rem;cursor:pointer;transition:color .3s;}
.cart-remove:hover{color:var(--danger);}
.cart-total{border-top:1px solid rgba(200,165,90,.18);margin-top:1.5rem;padding-top:1.5rem;}
.total-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.95rem;color:var(--beige);}
.total-final{font-family:var(--f-caps);font-size:1rem;color:var(--cream);}
.total-final span:last-child{color:var(--gold-lt);}

/* Payment */
.payment-methods{display:flex;gap:1rem;margin-bottom:1rem;}
.pay-opt{display:flex;align-items:center;gap:.7rem;cursor:pointer;padding:1rem 1.2rem;border-radius:8px;border:1px solid rgba(200,165,90,.18);flex:1;font-family:var(--f-caps);font-size:.75rem;color:var(--beige);transition:border-color .3s;}
.pay-opt:has(input:checked){border-color:var(--gold);color:var(--cream);}
.pay-opt input{accent-color:var(--gold);}

/* Tags */
.tag{font-family:var(--f-caps);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(200,165,90,.28);padding:.32rem .85rem;border-radius:2px;background:rgba(200,165,90,.04);transition:background .3s;}
.tag:hover{background:rgba(200,165,90,.12);}

/* Footer */
footer{padding:4rem 0 2rem;border-top:1px solid rgba(200,165,90,.12);position:relative;z-index:2;}
.footer-top{display:flex;justify-content:space-between;padding-bottom:3rem;margin-bottom:2.5rem;border-bottom:1px solid rgba(200,165,90,.08);flex-wrap:wrap;gap:3rem;}
.footer-logo{font-family:var(--f-caps);font-size:1rem;color:var(--gold-lt);margin-bottom:.4rem;}
.footer-tagline{font-size:.95rem;color:var(--dimmed);font-style:italic;}
.footer-col h4{font-family:var(--f-caps);font-size:.75rem;letter-spacing:.15em;color:var(--gold);text-transform:uppercase;margin-bottom:.9rem;}
.footer-col a{display:block;font-size:1rem;color:var(--beige);margin-bottom:.5rem;transition:color .3s;}
.footer-col a:hover{color:var(--gold-lt);}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;}
.footer-bottom p,.legal a{font-family:var(--f-caps);font-size:.72rem;letter-spacing:.1em;color:var(--dimmed);}
.legal{display:flex;gap:1.5rem;}

/* ================================================================
   ESPACE MEMBRE
================================================================ */
.member-layout{display:grid;grid-template-columns:260px 1fr;gap:2rem;align-items:start;}
.member-sidebar{background:linear-gradient(145deg,rgba(9,14,30,.98),rgba(12,22,48,.9));border:1px solid rgba(200,165,90,.18);border-radius:var(--r);padding:2rem;position:sticky;top:100px;}
.member-avatar-wrap{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(200,165,90,.12);}
.member-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--cobalt),var(--navy));border:2px solid rgba(200,165,90,.3);display:flex;align-items:center;justify-content:center;font-family:var(--f-caps);font-size:1.4rem;color:var(--gold-lt);margin:0 auto .8rem;}
.member-name-sm{font-family:var(--f-caps);font-size:.85rem;color:var(--cream);}
.member-email-sm{font-size:.8rem;color:var(--dimmed);}
.member-access-badge{font-family:var(--f-caps);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .8rem;border-radius:20px;margin-top:.6rem;display:inline-block;}
.access-active{background:rgba(200,165,90,.15);color:var(--gold);border:1px solid rgba(200,165,90,.3);}
.access-inactive{background:rgba(212,196,160,.06);color:var(--dimmed);border:1px solid rgba(212,196,160,.12);}
.mnav{display:flex;flex-direction:column;gap:.3rem;}
.mnav-link{font-family:var(--f-caps);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--beige);padding:.65rem 1rem;border-radius:6px;transition:background .3s,color .3s;display:block;}
.mnav-link:hover,.mnav-link.active{background:rgba(200,165,90,.08);color:var(--gold-lt);}
.mnav-logout{color:var(--dimmed);margin-top:1rem;}
.member-main{display:flex;flex-direction:column;gap:2rem;}
.member-card{background:linear-gradient(145deg,rgba(9,14,30,.95),rgba(12,22,48,.7));border:1px solid rgba(200,165,90,.14);border-radius:var(--r);padding:2rem;}
.mc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;}
.mc-title{font-family:var(--f-caps);font-size:.88rem;color:var(--cream);letter-spacing:.06em;}
.no-access{display:flex;gap:1.5rem;padding:1.5rem;background:rgba(200,165,90,.04);border:1px solid rgba(200,165,90,.15);border-radius:10px;align-items:flex-start;}
.no-access-icon{font-size:2rem;}
.content-group-title{font-family:var(--f-caps);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;}
.content-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border-radius:10px;border:1px solid rgba(200,165,90,.1);background:rgba(5,8,15,.5);margin-bottom:.6rem;}
.content-item-icon{font-size:1.2rem;}
.content-item-info{flex:1;}
.content-item-info h4{font-family:var(--f-caps);font-size:.8rem;color:var(--cream);margin-bottom:.15rem;}
.content-item-info p{font-size:.78rem;color:var(--dimmed);}
.content-btn{font-family:var(--f-caps);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(200,165,90,.28);padding:.3rem .85rem;border-radius:4px;transition:background .3s;white-space:nowrap;}
.content-btn:hover{background:rgba(200,165,90,.1);}
.order-row{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid rgba(200,165,90,.06);font-size:.9rem;}
.order-ref{font-family:var(--f-caps);font-size:.72rem;color:var(--gold);}
.order-total{color:var(--gold-lt);}

/* ================================================================
   ADMIN
================================================================ */
.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh;}.admin-layout > main,.admin-layout > .admin-main{overflow-x:auto;min-width:0;}
.sidebar{background:var(--a-sidebar);border-right:1px solid var(--a-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;}
.sidebar-hd{padding:1.6rem 1.4rem;border-bottom:1px solid var(--a-border);}
.sidebar-logo{font-family:'Cinzel',serif;font-size:.95rem;color:#e2c47a;letter-spacing:.08em;display:block;}
.sidebar-sub{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(201,188,164,.3);display:block;margin-top:.2rem;}
.anav{display:flex;flex-direction:column;flex:1;padding:1rem 0;overflow-y:auto;}
.ang-label{font-size:.58rem;letter-spacing:.25em;text-transform:uppercase;color:rgba(201,188,164,.3);padding:.4rem 1.2rem .3rem;display:block;margin-top:.4rem;}
.anav-item{display:flex;align-items:center;gap:.7rem;padding:.6rem 1.2rem;font-size:.8rem;color:rgba(201,188,164,.55);transition:background .2s,color .2s;border-left:2px solid transparent;}
.anav-item:hover{background:var(--a-hover);color:var(--cream);}
.anav-item.active{background:rgba(200,165,90,.08);color:#e2c47a;border-left-color:var(--gold);}
.anav-badge{margin-left:auto;background:var(--gold);color:var(--a-bg);font-size:.6rem;font-weight:700;padding:.1rem .4rem;border-radius:20px;min-width:18px;text-align:center;}
.sidebar-ft{padding:1rem 1.2rem;border-top:1px solid var(--a-border);display:flex;align-items:center;gap:.8rem;}
.sa-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1a3260,#0f1d3a);border:1px solid var(--a-bf);display:flex;align-items:center;justify-content:center;font-family:'Cinzel',serif;font-size:.82rem;color:#e2c47a;flex-shrink:0;}
.sa-name{display:block;font-size:.78rem;color:var(--cream);}
.sa-role{display:block;font-size:.62rem;color:rgba(201,188,164,.35);}
.sa-logout{color:rgba(201,188,164,.3);font-size:.9rem;margin-left:auto;transition:color .2s;}
.sa-logout:hover{color:#e85555;}
.main-wrap{display:flex;flex-direction:column;min-width:0;overflow-x:auto;}
.topbar{position:sticky;top:0;z-index:40;height:60px;background:rgba(7,12,24,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--a-border);display:flex;align-items:center;padding:0 1.8rem;gap:1rem;}
.topbar-title{font-family:'Cinzel',serif;font-size:.82rem;letter-spacing:.08em;color:var(--cream);flex:1;}
.topbar-acts{display:flex;align-items:center;gap:1rem;}
.tb-notif{background:rgba(200,165,90,.1);border:1px solid var(--a-bf);color:var(--gold);padding:.3rem .8rem;border-radius:6px;font-size:.75rem;display:flex;align-items:center;gap:.4rem;}
.tb-site{font-size:.72rem;color:rgba(201,188,164,.4);transition:color .2s;}
.tb-site:hover{color:var(--gold);}
.flash-bar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.8rem;font-size:.87rem;}
.flash-bar.flash-success{background:rgba(62,207,122,.1);border-bottom:1px solid rgba(62,207,122,.25);color:#3ecf7a;}
.flash-bar.flash-error{background:rgba(232,85,85,.1);border-bottom:1px solid rgba(232,85,85,.25);color:#e85555;}
.flash-bar button{background:none;border:none;color:inherit;cursor:pointer;font-size:.9rem;opacity:.7;}
.main-ct{padding:1.8rem;min-width:0;overflow-x:auto;}
.acard{background:var(--a-card);border:1px solid var(--a-border);border-radius:var(--r);padding:1.5rem;margin-bottom:1.5rem;overflow-x:auto;}
.acard-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;}
.acard-title{font-family:'Cinzel',serif;font-size:.85rem;color:var(--cream);letter-spacing:.06em;}
.acard-danger{border-color:rgba(232,85,85,.25);}
.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.5rem;}
.kpi{background:var(--a-card);border:1px solid var(--a-border);border-radius:var(--r);padding:1.2rem;transition:border-color .2s;}
.kpi:hover{border-color:var(--a-bf);}
.kpi-alert{border-color:rgba(245,166,35,.3);}
.kpi-icon{font-size:1.3rem;margin-bottom:.5rem;}
.kpi-val{font-family:'Cinzel',serif;font-size:1.4rem;color:var(--cream);display:block;line-height:1;}
.kpi-lbl{font-size:.68rem;color:rgba(201,188,164,.45);letter-spacing:.06em;}
.kpi-trend{font-size:.68rem;color:rgba(201,188,164,.35);margin-top:.4rem;}
.ag2{display:grid;grid-template-columns:1.6fr 1fr;gap:1.5rem;margin-bottom:1.5rem;}
.data-table{width:100%;border-collapse:collapse;font-size:.85rem;}
.data-table th{font-family:'Cinzel',serif;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(201,188,164,.45);padding:.7rem 1rem;text-align:left;border-bottom:1px solid var(--a-border);white-space:nowrap;}
.data-table td{padding:.85rem 1rem;border-bottom:1px solid rgba(200,165,90,.05);color:rgba(237,232,220,.8);vertical-align:middle;}
.data-table tbody tr:hover td{background:rgba(200,165,90,.02);}
.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;}.tbl-scroll .data-table{min-width:750px;}
.badge{font-family:'Cinzel',serif;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;padding:.22rem .6rem;border-radius:20px;display:inline-block;white-space:nowrap;}
.badge-success{background:rgba(62,207,122,.12);color:#3ecf7a;border:1px solid rgba(62,207,122,.25);}
.badge-warning{background:rgba(245,166,35,.12);color:#f5a623;border:1px solid rgba(245,166,35,.25);}
.badge-danger{background:rgba(232,85,85,.12);color:#e85555;border:1px solid rgba(232,85,85,.25);}
.badge-info{background:rgba(91,156,246,.12);color:#5b9cf6;border:1px solid rgba(91,156,246,.25);}
.badge-muted{background:rgba(212,196,160,.08);color:rgba(201,188,164,.45);border:1px solid var(--a-border);}
.abtn{font-family:'Cinzel',serif;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:.6rem 1.3rem;border-radius:var(--r-sm);border:none;cursor:pointer;transition:opacity .2s,transform .2s;display:inline-flex;align-items:center;gap:.5rem;}
.abtn:hover{opacity:.88;transform:translateY(-1px);}
.abtn-primary{background:var(--gold);color:var(--a-bg);box-shadow:0 0 20px rgba(200,165,90,.25);}
.abtn-primary:hover{background:#e2c47a;}
.abtn-secondary{background:rgba(200,165,90,.1);color:var(--gold);border:1px solid var(--a-bf);}
.abtn-ghost{background:none;color:rgba(201,188,164,.55);border:1px solid var(--a-border);}
.abtn-ghost:hover{color:var(--cream);}
.abtn-danger{background:rgba(232,85,85,.12);color:#e85555;border:1px solid rgba(232,85,85,.28);}
.abtn-info{background:rgba(91,156,246,.12);color:#5b9cf6;border:1px solid rgba(91,156,246,.28);}
.abtn-sm{font-size:.6rem;padding:.3rem .75rem;}
.abtn-full{width:100%;justify-content:center;}
.abtn-grp{display:flex;flex-direction:column;gap:.7rem;}
.action-btns{display:flex;gap:.4rem;flex-wrap:nowrap;align-items:center;}
.afield{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.2rem;}
.afield label{font-family:'Cinzel',serif;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(201,188,164,.5);}
.afield input,.afield textarea,.afield select{background:rgba(11,18,37,.8);border:1px solid var(--a-border);border-radius:var(--r-sm);padding:.72rem 1rem;color:var(--cream);font-size:.9rem;outline:none;transition:border-color .2s;width:100%;font-family:'DM Sans',sans-serif;}
.afield input:focus,.afield textarea:focus,.afield select:focus{border-color:var(--a-bf);}
.afield select option{background:var(--a-card);}
.afield textarea{resize:vertical;min-height:80px;}
.afield-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;}
.aform-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.8rem;padding-top:1rem;border-top:1px solid var(--a-border);}
.afilter-form{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;}
.afilter-input{background:rgba(11,18,37,.8);border:1px solid var(--a-border);border-radius:var(--r-sm);padding:.52rem 1rem;color:var(--cream);font-size:.82rem;outline:none;transition:border-color .2s;min-width:200px;font-family:'DM Sans',sans-serif;}
.afilter-input:focus{border-color:var(--a-bf);}
.afilter-sel{background:rgba(11,18,37,.8);border:1px solid var(--a-border);border-radius:var(--r-sm);padding:.52rem 1rem;color:var(--cream);font-size:.82rem;outline:none;font-family:'DM Sans',sans-serif;}
.afilter-sel option{background:var(--a-card);}
.page-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem;flex-wrap:wrap;}
.toolbar-meta{font-size:.75rem;color:rgba(201,188,164,.35);margin-left:auto;}
.breadcrumb{font-size:.75rem;color:rgba(201,188,164,.35);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;}
.breadcrumb a{color:var(--gold);}
.detail-grid{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;align-items:start;}
.detail-main,.detail-aside{display:flex;flex-direction:column;gap:1.5rem;}
.info-list{display:flex;flex-direction:column;}
.info-item{display:flex;justify-content:space-between;align-items:center;padding:.65rem 0;border-bottom:1px solid rgba(200,165,90,.06);font-size:.87rem;}
.info-item span{color:rgba(201,188,164,.45);}
.info-item strong{color:var(--cream);text-align:right;}
.cell-stack{display:flex;flex-direction:column;gap:.12rem;}
.cell-stack strong{color:var(--cream);font-size:.86rem;}
.cell-stack span{font-size:.73rem;color:rgba(201,188,164,.45);}
.user-cell{display:flex;align-items:center;gap:.8rem;}
.ua{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#1a3260,#0f1d3a);border:1px solid var(--a-border);display:flex;align-items:center;justify-content:center;font-family:'Cinzel',serif;font-size:.72rem;color:#e2c47a;flex-shrink:0;}
.text-gold{color:var(--gold);}
.text-muted{color:rgba(201,188,164,.4);}
.empty-hint{color:rgba(201,188,164,.3);font-size:.88rem;padding:2rem;text-align:center;font-style:italic;}
.pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem 0 .3rem;flex-wrap:wrap;gap:.5rem;}
.pag-info{font-size:.72rem;color:rgba(201,188,164,.3);}
.pag-btns{display:flex;gap:.3rem;}
.pag-btn{font-family:'Cinzel',serif;font-size:.65rem;letter-spacing:.08em;padding:.4rem .75rem;border-radius:var(--r-sm);border:1px solid var(--a-border);background:none;color:rgba(201,188,164,.45);text-decoration:none;transition:background .2s,color .2s;}
.pag-btn:hover{background:var(--a-hover);color:var(--cream);}
.pag-active{background:rgba(200,165,90,.1)!important;color:var(--gold)!important;border-color:var(--a-bf)!important;}
.tabs-bar{display:flex;gap:.4rem;border-bottom:1px solid var(--a-border);margin-bottom:1.5rem;flex-wrap:wrap;}
.tab-btn{background:none;border:none;font-family:'Cinzel',serif;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(201,188,164,.45);padding:.7rem 1.2rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s;}
.tab-btn:hover{color:var(--cream);}
.tab-btn.active{color:var(--gold);border-bottom-color:var(--gold);}
.tab-content{display:none;}
.tab-content.active{display:block;}
.msg-row{display:grid;grid-template-columns:8px 150px 140px 1fr 80px;align-items:center;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid rgba(200,165,90,.05);transition:background .2s;text-decoration:none;color:inherit;}
.msg-row:hover{background:rgba(200,165,90,.02);}
.msg-unread{background:rgba(200,165,90,.03);}
.msg-dot{width:6px;height:6px;border-radius:50%;background:transparent;}
.msg-unread .msg-dot{background:var(--gold);}
.msg-sender strong{display:block;font-size:.83rem;color:var(--cream);}
.msg-sender span{font-size:.73rem;color:rgba(201,188,164,.4);}
.msg-subj{font-size:.83rem;color:var(--cream);}
.msg-excerpt{font-size:.76rem;color:rgba(201,188,164,.4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.msg-date{font-size:.7rem;color:rgba(201,188,164,.3);text-align:right;}
.msg-body{color:var(--cream);font-size:.95rem;line-height:1.8;padding:1.5rem;background:rgba(200,165,90,.03);border-radius:var(--r-sm);border:1px solid var(--a-border);}
.testi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem;}
.testi-item{border:1px solid var(--a-border);border-radius:var(--r);padding:1.2rem;}
.testi-inactive{opacity:.4;}
.testi-hd{display:flex;align-items:center;gap:.7rem;margin-bottom:.9rem;}
.testi-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1a3260,#0f1d3a);display:flex;align-items:center;justify-content:center;font-family:'Cinzel',serif;font-size:.78rem;color:#e2c47a;flex-shrink:0;}
.testi-stars{color:var(--gold);font-size:.8rem;}
.testi-ct{font-size:.85rem;color:rgba(201,188,164,.55);font-style:italic;line-height:1.6;margin-bottom:.8rem;}
.booking-list-item{display:flex;align-items:center;gap:.8rem;padding:.65rem;border-radius:6px;border:1px solid rgba(200,165,90,.07);background:rgba(200,165,90,.03);margin-bottom:.5rem;}
.booking-list-item strong{font-size:.83rem;color:var(--cream);display:block;}
.booking-list-item span{font-size:.75rem;color:rgba(201,188,164,.4);}
.chart-wrap{height:180px;position:relative;}
.chart-wrap canvas{width:100%!important;}

/* Admin tabs */
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#0f1d3a 0%,var(--a-bg) 70%);padding:2rem;}
.auth-box{background:var(--a-card);border:1px solid var(--a-border);border-radius:16px;padding:3rem 2.5rem;width:100%;max-width:420px;box-shadow:0 30px 80px rgba(0,0,0,.5);}
.auth-logo{font-size:2.5rem;text-align:center;color:var(--gold);margin-bottom:.5rem;}
.auth-title{font-family:'Cinzel',serif;font-size:1.4rem;color:var(--cream);text-align:center;margin-bottom:.3rem;}
.auth-sub{text-align:center;color:rgba(201,188,164,.4);font-size:.87rem;margin-bottom:2rem;}
.auth-tabs{display:flex;border-bottom:1px solid var(--a-border);margin-bottom:2rem;}
.auth-tab{flex:1;text-align:center;font-family:'Cinzel',serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(201,188,164,.4);padding:.9rem;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s;text-decoration:none;}
.auth-tab.active{color:var(--gold);border-bottom-color:var(--gold);}
.auth-switch{font-size:.87rem;color:rgba(201,188,164,.4);text-align:center;margin-top:1.5rem;}
.auth-switch a{color:var(--gold);}

/* ================================================================
   RESPONSIVE
================================================================ */
@media(max-width:1024px){
  .kpi-grid{grid-template-columns:repeat(3,1fr);}
  .ag2{grid-template-columns:1fr;}
  .gc2{grid-template-columns:1fr;gap:3rem;}
  .gc2-vis{order:-1;}
  .g3{grid-template-columns:1fr;}
  .detail-grid{grid-template-columns:1fr;}
  .admin-layout{grid-template-columns:1fr;}
  .sidebar{display:none;}
  .sidebar.open{display:flex;position:fixed;inset:0;z-index:200;width:240px;}
}
@media(max-width:768px){
  .site-nav{padding:1.2rem 1.5rem;}
  .nav-links,.nav-right .nav-btn,.nav-right .nav-user{display:none;}
  .nav-burger{display:flex;}
  body{cursor:auto;}
  #cur,#cur2{display:none;}
  .hcard{display:none;}
  .hero{padding:7rem 1.5rem 5rem;}
  .container{padding:0 1.4rem;}
  .kpi-grid{grid-template-columns:1fr 1fr;}
  .member-layout{grid-template-columns:1fr;}
  .row-2{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .kpi-grid{grid-template-columns:1fr;}
  .g2{grid-template-columns:1fr;}
}

/* ---- Admin sidebar mobile open state ---- */
.sidebar.open {
  display: flex !important;
  position: fixed;
  z-index: 200;
  width: 240px;
  height: 100vh;
}

/* ---- Reveal animation ---- */
.reveal { opacity: 0; transform: translateY(40px); transition: opacity .85s cubic-bezier(.16,1,.3,1), transform .85s cubic-bezier(.16,1,.3,1); }
.reveal.fl { transform: translateX(-40px); }
.reveal.fr { transform: translateX(40px); }
.reveal.vis { opacity: 1; transform: none; }
.d1 { transition-delay: .12s; }
.d2 { transition-delay: .24s; }
.d3 { transition-delay: .36s; }
.d4 { transition-delay: .48s; }
.d5 { transition-delay: .60s; }

/* ---- Utility ---- */
.f-ui { font-family: var(--f-ui) !important; }
.alert { padding: .9rem 1.4rem; border-radius: 8px; font-size: .9rem; margin-bottom: 1.4rem; }
.alert-success { background: rgba(62,207,122,.1); border: 1px solid rgba(62,207,122,.25); color: #4cd98a; }
.alert-error   { background: rgba(232,85,85,.1); border: 1px solid rgba(232,85,85,.25); color: #e87a7a; }

/* ================================================================
   CORRECTIONS MOBILE PORTRAIT
================================================================ */

/* Masquer la barre de défilement */
html { scrollbar-width: none; -ms-overflow-style: none; }
html::-webkit-scrollbar { display: none; width: 0; height: 0; }

/* Menu mobile sans scroll visible */
#mobileOverlay {
  overflow: hidden !important;
  height: 100vh !important;
  height: 100dvh !important;
}
#mobileOverlay nav {
  overflow-y: auto;
  max-height: 80vh;
  padding-bottom: 2rem;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#mobileOverlay nav::-webkit-scrollbar { display: none; }

/* Corrections layout mobile portrait */
@media(max-width:768px){
  /* Grille offres en colonne */
  .g3 {
    grid-template-columns: 1fr !important;
    gap: 1.5rem;
  }
  /* Cartes offres au-dessus de tout */
  .offer-card {
    position: relative;
    z-index: 2 !important;
    transform: none !important;
  }
  .offer-featured {
    transform: none !important;
    margin-top: 0 !important;
  }
  /* Cacher les cartes flottantes hero */
  .hcard { display: none !important; }

  /* Grille 2 colonnes en 1 colonne */
  .gc2 {
    grid-template-columns: 1fr !important;
    gap: 2rem;
  }
  /* Photo profil adaptée */
  .portrait-frame {
    width: 100% !important;
    max-width: 280px !important;
    height: 320px !important;
    margin: 0 auto;
  }
  /* Espacements sections réduits */
  .sec-8 { padding: 4rem 0 !important; }
  .sec-9 { padding: 4rem 0 !important; }

  /* Bouton nav utilisateur visible */
  .nav-right .nav-btn {
    display: flex !important;
    padding: .5rem 1rem;
    font-size: .58rem;
  }
  .nav-right .nav-cart {
    display: flex !important;
  }

  /* Hero padding réduit */
  .hero { padding: 6rem 1.2rem 4rem !important; }
  .hero-title { font-size: 2.5rem !important; }
  .hero-sub { font-size: .95rem !important; }

  /* Grille témoignages en colonne */
  .g3 .temo-card { margin-bottom: 0; }

  /* Consultation items */
  .consult-item {
    flex-direction: column;
    align-items: flex-start !important;
    gap: .8rem;
  }
  .consult-price { font-size: 1.2rem !important; }

  /* Oracle stats */
  .oracle-stats {
    gap: 1.2rem !important;
  }
  .stat-val { font-size: 2rem !important; }
}

/* Très petits écrans */
@media(max-width:380px){
  .hero-title { font-size: 2rem !important; }
  .s-title { font-size: 1.8rem !important; }
  .container { padding: 0 1rem !important; }
}

/* ================================================================
   CORRECTION MEMBRE MOBILE — VERSION FORCÉE
================================================================ */
@media(max-width:900px){
  /* Espace membre : empiler sidebar + contenu */
  .member-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.5rem !important;
  }
  .member-sidebar {
    position: static !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    order: 1;
  }
  .member-main {
    width: 100% !important;
    max-width: 100% !important;
    order: 2;
  }
  /* Cards membre pleine largeur */
  .member-card {
    width: 100% !important;
    padding: 1.2rem !important;
  }
  /* Nav membre en grille 2x2 */
  .mnav {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: .5rem !important;
  }
  .mnav-link {
    text-align: center !important;
    padding: .7rem .5rem !important;
    font-size: .65rem !important;
    border: 1px solid rgba(200,165,90,.12) !important;
    border-radius: 6px !important;
  }
  .mnav-logout {
    grid-column: 1 / -1 !important;
    text-align: center !important;
  }
  /* Avatar centré */
  .member-avatar-wrap {
    padding-bottom: 1rem !important;
    margin-bottom: 1rem !important;
  }
  /* Content items pleine largeur */
  .content-item {
    flex-wrap: wrap !important;
    gap: .8rem !important;
  }
  .content-btn {
    width: 100% !important;
    text-align: center !important;
    padding: .6rem !important;
  }
  /* Order rows */
  .order-row {
    flex-wrap: wrap !important;
    gap: .4rem !important;
    font-size: .82rem !important;
  }
}

/* ================================================================
   FIX OVERFLOW HORIZONTAL MOBILE — CRITIQUE
================================================================ */
html, body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

* {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Marquee ne déborde pas */
.marquee {
  overflow: hidden !important;
  width: 100% !important;
}

/* Container pleine largeur mobile */
@media(max-width: 768px) {
  .container {
    width: 100% !important;
    padding: 0 1.2rem !important;
    overflow: hidden !important;
  }
  /* Hero centré */
  .hero {
    width: 100% !important;
    overflow: hidden !important;
    padding: 6rem 1.2rem 4rem !important;
  }
  /* Titres ne débordent pas */
  h1, h2, h3, .s-title, .hero-title {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  /* Sections pleine largeur */
  section {
    width: 100% !important;
    overflow: hidden !important;
  }
  /* Nav logo visible */
  .nav-logo {
    display: block !important;
    flex-shrink: 0 !important;
  }
  /* Nav pleine largeur */
  .site-nav {
    width: 100% !important;
    padding: 1rem 1.2rem !important;
    box-sizing: border-box !important;
  }
  /* Eyebrow ne déborde pas */
  .s-eyebrow, .eyebrow {
    white-space: normal !important;
    word-break: break-word !important;
  }
}