/* Critical layout — desktop public stable Safari/Chrome */
#header-mount,#footer-mount{display:block;width:100%}#header-mount{position:sticky;top:0;z-index:1000}#header-mount:empty,#footer-mount:empty{min-height:0}
#header-mount .topbar{position:relative;width:100%;z-index:1000;background:rgba(250,247,244,.94);border-bottom:1px solid rgba(120,95,133,.10);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)}
#header-mount .topbar-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}#header-mount .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#3d3040}#header-mount .brand-logo{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#e8dcf8,#d7c0f1);box-shadow:0 10px 26px rgba(155,126,200,.25);color:#56396d}#header-mount .brand-text{display:flex;flex-direction:column;line-height:1.15}#header-mount .brand-text strong{font-family:var(--font-display,'Cormorant Garamond',Georgia,serif);font-size:1.05rem;font-weight:600}#header-mount .brand-text span{font-size:.78rem;color:#b0a0b2;margin-top:4px}#header-mount .nav{display:flex;align-items:center;gap:28px}#header-mount .nav-links{display:flex;align-items:center;gap:24px}#header-mount .dropdown{position:relative;display:inline-flex;align-items:center}#header-mount .nav-dd-toggle{display:inline-flex;align-items:center;gap:6px;background:none;border:0;font:inherit;font-size:.83rem;color:#7a6b7c;cursor:pointer;padding:8px 0}#header-mount .dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);min-width:220px;background:#fff;border:1px solid rgba(120,95,133,.12);border-radius:14px;box-shadow:0 16px 40px rgba(80,60,110,.14);padding:7px;z-index:10010}#header-mount .dropdown-menu[hidden]{display:none!important}#header-mount .dropdown-menu.is-open{display:block!important}#header-mount .dropdown-menu:before{content:'';position:absolute;top:-5px;left:50%;width:9px;height:9px;transform:translateX(-50%) rotate(45deg);background:#fff;border-left:1px solid rgba(120,95,133,.12);border-top:1px solid rgba(120,95,133,.12)}#header-mount .dropdown-menu a,#header-mount .dropdown-disabled{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;text-decoration:none;color:#3d3040;font-size:.82rem;white-space:nowrap}#header-mount .dropdown-menu a:hover{background:#f5ede6}#header-mount .dropdown-disabled{opacity:.55;cursor:default}#header-mount .dropdown-disabled em{margin-left:auto;font-style:normal;font-size:.68rem;color:#7a5c8a;background:rgba(210,190,238,.35);border-radius:999px;padding:2px 7px}#header-mount .nav-right{display:flex;align-items:center;gap:8px}#header-mount .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 22px;text-decoration:none;font-size:.85rem;font-weight:600;border:1px solid rgba(120,95,133,.10)}#header-mount .btn-ghost{background:rgba(255,255,255,.6);color:#7a6b7c}#header-mount .btn-primary{background:linear-gradient(135deg,#c9b4e5,#dfc4a6);color:#3d3040;border-color:transparent}
body[data-page="home"] .hero-v2{position:relative;display:flex;align-items:flex-start;overflow:hidden;background:linear-gradient(160deg,#fdf8f5 0%,#f5eef8 50%,#ede4f5 100%);padding:60px 0}body[data-page="home"] .hero-v2-inner{max-width:1140px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}body[data-page="home"] .hero-v2-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#9b7ec8;background:rgba(155,126,200,.1);border:1px solid rgba(155,126,200,.2);border-radius:999px;padding:6px 14px;margin-bottom:24px}body[data-page="home"] .hero-v2-title{font-family:var(--font-display,'Cormorant Garamond',Georgia,serif);font-size:clamp(1.7rem,3.2vw,2.6rem);font-weight:500;line-height:1.1;color:#2a1d38;margin-bottom:20px}body[data-page="home"] .hero-v2-title em{font-style:italic;color:#7a52a0}body[data-page="home"] .hero-v2-lead{font-size:1rem;color:#6a5c75;line-height:1.75;max-width:48ch;margin-bottom:32px}body[data-page="home"] .hero-v2-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}body[data-page="home"] .hero-cta-primary,body[data-page="home"] .hero-cta-secondary{display:inline-flex;align-items:center;border-radius:999px;padding:14px 26px;text-decoration:none;font-size:.9rem}body[data-page="home"] .hero-cta-primary{gap:8px;background:linear-gradient(135deg,#9b7ec8,#c4a86e);color:#fff;font-weight:600;box-shadow:0 8px 24px rgba(155,126,200,.3)}body[data-page="home"] .hero-cta-secondary{background:rgba(255,255,255,.7);border:1px solid rgba(155,126,200,.25);color:#5a3d7a;font-weight:500}body[data-page="home"] .hero-v2-trust{display:flex;flex-wrap:wrap;gap:16px}body[data-page="home"] .hero-trust-item{display:flex;align-items:center;gap:7px;font-size:.78rem;color:#8a7a96}body[data-page="home"] .hero-trust-item:before{content:'✓';width:18px;height:18px;border-radius:50%;background:rgba(75,194,124,.15);color:#3a9a5c;display:grid;place-items:center;font-size:.68rem;font-weight:700}body[data-page="home"] .hero-v2-visual{position:relative}body[data-page="home"] .hero-visual-card{background:rgba(255,255,255,.72);border:1px solid rgba(155,126,200,.15);border-radius:28px;padding:28px;box-shadow:0 24px 60px rgba(100,70,140,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;overflow:hidden}body[data-page="home"] .hero-vc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}body[data-page="home"] .hero-vc-title{font-family:var(--font-display,'Cormorant Garamond',Georgia,serif);font-size:1.1rem;font-weight:600;color:#2a1d38}body[data-page="home"] .hero-dispo-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:500;color:#2e8b57;background:rgba(75,194,124,.1);border:1px solid rgba(75,194,124,.2);border-radius:999px;padding:5px 10px}body[data-page="home"] .hero-voyant-preview{display:flex;align-items:center;gap:14px;padding:14px;background:rgba(155,126,200,.06);border-radius:16px;margin-bottom:12px;border:1px solid rgba(155,126,200,.1);text-decoration:none}body[data-page="home"] .hvp-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,rgba(196,174,224,.8),rgba(232,208,168,.6));display:grid;place-items:center;font-family:var(--font-display,'Cormorant Garamond',Georgia,serif);font-size:1.3rem;color:#6a4d7a;flex-shrink:0;border:2px solid rgba(155,126,200,.2);object-fit:cover}body[data-page="home"] .hvp-info{flex:1;min-width:0}body[data-page="home"] .hvp-name{font-weight:600;font-size:.9rem;color:#2a1d38}body[data-page="home"] .hvp-spec{font-size:.74rem;color:#8a7a96;margin-top:2px}body[data-page="home"] .hvp-note{font-size:.76rem;color:#c4a86e;font-weight:500;white-space:nowrap}body[data-page="home"] .hero-tarot-strip{display:flex;gap:10px;margin-top:18px;justify-content:center}body[data-page="home"] .hero-tarot-c{flex:1;aspect-ratio:2/3;background:linear-gradient(160deg,rgba(196,164,224,.3),rgba(232,208,168,.2));border-radius:12px;border:1px solid rgba(155,126,200,.18);display:grid;place-items:center;font-size:1.6rem}body[data-page="home"] .hero-floating-badge{position:absolute;bottom:-16px;right:-16px;background:linear-gradient(135deg,#9b7ec8,#7a5c8a);color:#fff;border-radius:18px;padding:12px 16px;box-shadow:0 12px 30px rgba(122,92,138,.3);font-size:.78rem;font-weight:500;text-align:center}body[data-page="home"] .hero-floating-badge strong{display:block;font-size:1.2rem;font-family:var(--font-display,'Cormorant Garamond',Georgia,serif)}
@media(max-width:860px){#header-mount .topbar-inner{height:auto;min-height:76px;flex-wrap:wrap;padding:12px 0}#header-mount .nav{width:100%;justify-content:space-between;gap:14px;flex-wrap:wrap}#header-mount .nav-links{gap:14px;flex-wrap:wrap}body[data-page="home"] .hero-v2-inner{grid-template-columns:1fr;gap:40px}body[data-page="home"] .hero-v2-visual{display:none}body[data-page="home"] .hero-v2{padding:44px 0}}
.site-footer{border-top:1px solid var(--line,rgba(120,95,133,.10));background:rgba(255,250,247,.92);padding:42px 0 24px;color:var(--text-soft,#7a6b7c)}.site-footer-inner{display:grid;grid-template-columns:minmax(240px,1fr) 2fr;gap:36px;align-items:start}.site-footer-brand p{max-width:36ch;margin-top:14px;font-size:.9rem}.site-footer-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px 20px;font-size:.86rem}.site-footer-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:30px;padding-top:18px;border-top:1px solid var(--line,rgba(120,95,133,.10));font-size:.78rem;color:var(--text-xsoft,#b0a0b2)}

/* FIX TOTAL SAFARI — topbar/dropdowns */
#header-mount{position:relative!important;top:auto!important;z-index:5000!important;overflow:visible!important;isolation:isolate;}
#header-mount .topbar{position:relative!important;top:auto!important;overflow:visible!important;}
#header-mount .topbar-inner,#header-mount .nav,#header-mount .nav-links,#header-mount .dropdown{overflow:visible!important;}
#header-mount .dropdown-menu{display:none;position:absolute!important;z-index:99999!important;top:calc(100% + 12px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;}
#header-mount .dropdown-menu.is-open{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
#header-mount .dropdown.is-open .dropdown-menu{display:block!important;}
#header-mount .dropdown:hover .dropdown-menu{display:block;}

/* =========================================================
   FIX FINAL TOPBAR CLIQUABLE — Safari / Chrome / Firefox
   ========================================================= */
html, body { position: relative; }
#header-mount {
  position: sticky !important;
  top: 0 !important;
  z-index: 2147483000 !important;
  isolation: isolate !important;
  overflow: visible !important;
  pointer-events: auto !important;
}
#header-mount *,
#header-mount .topbar,
#header-mount .topbar-inner,
#header-mount .brand,
#header-mount .nav,
#header-mount .nav-links,
#header-mount .nav-right,
#header-mount .dropdown,
#header-mount .nav-dd-toggle,
#header-mount .btn {
  pointer-events: auto !important;
}
#header-mount .topbar {
  position: relative !important;
  z-index: 2147483000 !important;
  overflow: visible !important;
}
#header-mount .dropdown-menu {
  z-index: 2147483001 !important;
  pointer-events: auto !important;
}
.hero::before, .hero::after,
.hero-v2::before, .hero-v2::after,
.page-hero::before, .page-hero::after,
.voyants-hero::before, .voyants-hero::after,
[class*="hero"]::before, [class*="hero"]::after,
[class*="glow"]::before, [class*="glow"]::after,
[class*="background"]::before, [class*="background"]::after {
  pointer-events: none !important;
}
main, section {
  position: relative;
  z-index: 1;
}

/* =========================================================
   FIX RÉEL TOPBAR CLIQUABLE — structure fixe isolée
   ========================================================= */
:root { --site-header-height: 76px; }
body.site-header-fixed { padding-top: var(--site-header-height) !important; }
#header-mount {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  z-index: 2147483646 !important;
  overflow: visible !important;
  isolation: isolate !important;
  pointer-events: none !important;
  transform: translateZ(0) !important;
  -webkit-transform: translateZ(0) !important;
}
#header-mount .topbar,
#header-mount .topbar * {
  pointer-events: auto !important;
}
#header-mount .topbar {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  z-index: 2147483646 !important;
  overflow: visible !important;
  background: rgba(250,247,244,.96) !important;
  border-bottom: 1px solid rgba(120,95,133,.10) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.25) !important;
  backdrop-filter: blur(18px) saturate(1.25) !important;
}
#header-mount .topbar-inner,
#header-mount .nav,
#header-mount .nav-links,
#header-mount .nav-right,
#header-mount .dropdown {
  overflow: visible !important;
}
#header-mount .nav-dd-toggle,
#header-mount .brand,
#header-mount .btn,
#header-mount .dropdown-menu a {
  position: relative !important;
  z-index: 2147483647 !important;
  cursor: pointer !important;
}
#header-mount .dropdown-menu {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 12px) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  z-index: 2147483647 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#header-mount .dropdown-menu.is-open,
#header-mount .dropdown.is-open > .dropdown-menu,
#header-mount .dropdown:hover > .dropdown-menu {
  display: block !important;
}
#header-mount .dropdown-menu[hidden]:not(.is-open) {
  display: none !important;
}
#header-mount .dropdown.is-open > .dropdown-menu[hidden],
#header-mount .dropdown:hover > .dropdown-menu[hidden] {
  display: block !important;
}
.hero::before, .hero::after,
.hero-v2::before, .hero-v2::after,
.page-hero::before, .page-hero::after,
.voyants-hero::before, .voyants-hero::after,
[class*="hero"]::before, [class*="hero"]::after,
[class*="overlay"]::before, [class*="overlay"]::after,
[class*="glow"]::before, [class*="glow"]::after,
[class*="background"]::before, [class*="background"]::after {
  pointer-events: none !important;
}

/* CLEAN FINAL — topbar connectée + membre sans sidebar */
#header-mount .nav-dd-toggle{-webkit-appearance:none!important;appearance:none!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:#7a6b7c!important;font-family:var(--font-body,'DM Sans',Arial,sans-serif)!important;font-size:.83rem!important;font-weight:500!important;line-height:1!important;padding:8px 0!important;margin:0!important;}
#header-mount .account-toggle{background:linear-gradient(135deg,#c9b4e5,#dfc4a6)!important;border-radius:999px!important;padding:12px 18px!important;color:#3d3040!important;gap:8px!important;}
#header-mount .account-menu{right:0!important;left:auto!important;transform:none!important;min-width:220px!important;}
#header-mount [hidden]{display:none!important;}
body[data-page^="membre-"] .dashboard-layout{display:block!important;grid-template-columns:1fr!important;min-height:calc(100vh - var(--site-header-height,76px))!important;}
body[data-page^="membre-"] #clientSidebarMount,body[data-page^="membre-"] .client-sidebar,body[data-page^="membre-"] .sidebar{display:none!important;}
body[data-page^="membre-"] .dashboard-main{width:100%!important;min-width:0!important;overflow:visible!important;}
body[data-page^="membre-"] .dash-topbar{position:relative!important;top:auto!important;z-index:1!important;max-width:1220px!important;margin:0 auto!important;}
body[data-page^="membre-"] .dash-content{max-width:1220px!important;margin:0 auto!important;}

/* =========================================================
   REFACTO DASHBOARD CLEAN — base stable Safari / Chrome / Firefox
   ========================================================= */
html, body { width: 100%; min-width: 0; overflow-x: hidden; }
*, *::before, *::after { box-sizing: border-box; }

/* Topbar globale : sticky, cliquable, sans mode fixed fragile */
#header-mount {
  position: sticky !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  z-index: 99990 !important;
  height: auto !important;
  pointer-events: auto !important;
  overflow: visible !important;
  isolation: isolate !important;
  transform: none !important;
  -webkit-transform: none !important;
}
body.site-header-fixed { padding-top: 0 !important; }
#header-mount .topbar {
  position: relative !important;
  width: 100% !important;
  z-index: 99991 !important;
  overflow: visible !important;
  background: rgba(250,247,244,.96) !important;
  border-bottom: 1px solid rgba(120,95,133,.10) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.2) !important;
  backdrop-filter: blur(18px) saturate(1.2) !important;
}
#header-mount .container.topbar-inner {
  max-width: 1140px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  min-height: 76px !important;
  height: 76px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  overflow: visible !important;
}
#header-mount .brand { display:flex!important; align-items:center!important; gap:12px!important; text-decoration:none!important; color:#3d3040!important; min-width:220px!important; }
#header-mount .brand-logo { width:44px!important; height:44px!important; border-radius:50%!important; display:grid!important; place-items:center!important; background:linear-gradient(135deg,#e8dcf8,#d7c0f1)!important; box-shadow:0 10px 26px rgba(155,126,200,.22)!important; color:#56396d!important; flex:0 0 auto!important; }
#header-mount .brand-text { display:flex!important; flex-direction:column!important; line-height:1.15!important; }
#header-mount .brand-text strong { font-family:var(--font-display,'Cormorant Garamond',Georgia,serif)!important; font-size:1.05rem!important; font-weight:600!important; }
#header-mount .brand-text span { font-size:.78rem!important; color:#b0a0b2!important; margin-top:4px!important; }
#header-mount .nav { display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:26px!important; overflow:visible!important; flex:1 1 auto!important; }
#header-mount .nav-links, #header-mount .nav-right { display:flex!important; align-items:center!important; gap:22px!important; overflow:visible!important; }
#header-mount .dropdown { position:relative!important; display:inline-flex!important; align-items:center!important; overflow:visible!important; }
#header-mount .nav-dd-toggle {
  -webkit-appearance: none !important;
  appearance: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  color:#756579!important;
  font-family:var(--font-body,'DM Sans',Arial,sans-serif)!important;
  font-size:.84rem!important;
  font-weight:500!important;
  line-height:1!important;
  padding:12px 0!important;
  margin:0!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:99993!important;
}
#header-mount .nav-dd-toggle:hover { color:#3d3040!important; }
#header-mount .dropdown-menu {
  position:absolute!important;
  top:calc(100% + 12px)!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  min-width:240px!important;
  display:none!important;
  padding:8px!important;
  background:#fff!important;
  border:1px solid rgba(120,95,133,.14)!important;
  border-radius:16px!important;
  box-shadow:0 18px 45px rgba(70,45,95,.16)!important;
  z-index:99999!important;
  pointer-events:auto!important;
  opacity:1!important;
  visibility:visible!important;
}
#header-mount .dropdown-menu::before {
  content:''!important;
  position:absolute!important;
  top:-5px!important;
  left:50%!important;
  width:10px!important;
  height:10px!important;
  transform:translateX(-50%) rotate(45deg)!important;
  background:#fff!important;
  border-left:1px solid rgba(120,95,133,.14)!important;
  border-top:1px solid rgba(120,95,133,.14)!important;
}
#header-mount .dropdown.is-open > .dropdown-menu,
#header-mount .dropdown-menu.is-open,
#header-mount .dropdown:hover > .dropdown-menu { display:block!important; }
#header-mount .dropdown.is-open > .dropdown-menu[hidden],
#header-mount .dropdown:hover > .dropdown-menu[hidden],
#header-mount .dropdown-menu.is-open[hidden] { display:block!important; }
#header-mount .dropdown:not(.is-open):not(:hover) > .dropdown-menu[hidden] { display:none!important; }
#header-mount .dropdown-menu a, #header-mount .dropdown-disabled {
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  padding:11px 12px!important;
  border-radius:10px!important;
  text-decoration:none!important;
  color:#3d3040!important;
  background:transparent!important;
  font-size:.84rem!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}
#header-mount .dropdown-menu a:hover { background:#f7f1ec!important; }
#header-mount .dropdown-menu strong { font-weight:600!important; }
#header-mount .dropdown-disabled { opacity:.58!important; cursor:default!important; }
#header-mount .dropdown-disabled em { margin-left:auto!important; font-style:normal!important; font-size:.68rem!important; background:rgba(210,190,238,.35)!important; color:#7a5c8a!important; border-radius:999px!important; padding:2px 7px!important; }
#header-mount .btn { display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:44px!important; border-radius:999px!important; padding:12px 22px!important; text-decoration:none!important; font-size:.85rem!important; font-weight:600!important; border:1px solid rgba(120,95,133,.10)!important; cursor:pointer!important; }
#header-mount .btn-ghost { background:rgba(255,255,255,.66)!important; color:#756579!important; }
#header-mount .btn-primary, #header-mount .account-toggle { background:linear-gradient(135deg,#c9b4e5,#dfc4a6)!important; color:#3d3040!important; border-color:transparent!important; border-radius:999px!important; }
#header-mount .account-toggle { gap:8px!important; padding:12px 18px!important; }
#header-mount .account-dot { display:inline-grid!important; place-items:center!important; width:18px!important; height:18px!important; border-radius:50%!important; background:rgba(255,255,255,.45)!important; font-size:.72rem!important; }
#header-mount .account-menu { left:auto!important; right:0!important; transform:none!important; min-width:230px!important; }
#header-mount .account-menu::before { left:auto!important; right:24px!important; transform:rotate(45deg)!important; }

/* Espace membre refactorisé : plus aucune sidebar, contenu centré */
body[data-page^="membre-"] { background: var(--bg,#faf7f4) !important; }
body[data-page^="membre-"] .dashboard-layout,
body[data-page^="membre-"] .dashboard-main,
body[data-page^="membre-"] .dash-content {
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
body[data-page^="membre-"] #clientSidebarMount,
body[data-page^="membre-"] .client-sidebar,
body[data-page^="membre-"] .sidebar { display:none!important; }
body[data-page^="membre-"] .dash-topbar { display:none!important; }

.member-page-clean {
  width:100%;
  max-width:1220px;
  margin:0 auto;
  padding:42px 24px 70px;
}
.member-statusbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:28px;
  padding:18px 22px;
  border:1px solid var(--line,rgba(120,95,133,.10));
  border-radius:24px;
  background:rgba(255,255,255,.68);
  box-shadow:0 14px 40px rgba(80,60,110,.06);
}
.member-statusbar h1 { margin:0; font-family:var(--font-body,'DM Sans',Arial,sans-serif); font-size:1.08rem; font-weight:600; color:var(--text,#3d3040); }
.member-credits-pill { display:inline-flex; align-items:center; gap:8px; border-radius:999px; padding:9px 16px; background:linear-gradient(135deg,rgba(196,174,224,.28),rgba(237,215,176,.22)); border:1px solid rgba(180,155,210,.2); color:#5a3d70; font-weight:600; font-size:.86rem; white-space:nowrap; }
.member-credits-pill::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--gold,#c9a44f); }
.member-hero-card {
  border:1px solid rgba(120,95,133,.10);
  border-radius:32px;
  background:radial-gradient(circle at 75% 20%,rgba(210,190,238,.25),transparent 34%),linear-gradient(135deg,#f5edfb 0%,#fff9f1 100%);
  box-shadow:0 20px 60px rgba(80,60,110,.08);
  padding:44px 48px;
  margin-bottom:26px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
}
.member-eyebrow { display:inline-flex; align-items:center; width:max-content; gap:8px; text-transform:uppercase; letter-spacing:.06em; font-size:.78rem; font-weight:700; color:#8b6fac; background:rgba(210,190,238,.38); border-radius:999px; padding:9px 16px; margin-bottom:20px; }
.member-hero-card h2 { margin:0 0 14px; font-family:var(--font-display,'Cormorant Garamond',Georgia,serif); font-size:clamp(2.1rem,4vw,3.4rem); line-height:1.02; font-weight:600; color:#3d3040; }
.member-hero-card h2 em { font-style:italic; color:#65416f; }
.member-hero-card p { margin:0; max-width:52ch; color:#756579; font-size:1.02rem; line-height:1.75; }
.member-card-deco { display:flex; align-items:center; gap:14px; padding-right:20px; }
.member-card-deco span { width:74px; height:104px; display:grid; place-items:center; border-radius:17px; font-size:1.8rem; box-shadow:0 14px 30px rgba(80,60,110,.08); }
.member-card-deco span:nth-child(1){ background:#ffe983; transform:rotate(-4deg); }
.member-card-deco span:nth-child(2){ background:#cdb6ff; }
.member-card-deco span:nth-child(3){ background:#ffc1d4; transform:rotate(4deg); }
.member-grid-clean { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; align-items:start; }
.member-panel { background:#fff; border:1px solid var(--line,rgba(120,95,133,.10)); border-radius:24px; box-shadow:0 16px 44px rgba(80,60,110,.06); padding:24px; min-width:0; }
.member-panel-head { display:flex; align-items:center; justify-content:space-between; gap:14px; padding-bottom:14px; margin-bottom:18px; border-bottom:1px solid var(--line,rgba(120,95,133,.10)); }
.member-panel-head h3 { margin:0; font-family:var(--font-display,'Cormorant Garamond',Georgia,serif); font-size:1.12rem; color:#3d3040; }
.member-panel-head a { color:#8b6fac; font-size:.84rem; text-underline-offset:3px; }
.member-list { display:flex; flex-direction:column; gap:10px; }
.member-consult-card, .member-shortcut { display:flex; align-items:center; gap:14px; padding:14px 16px; border-radius:16px; border:1px solid rgba(120,95,133,.10); background:#f7f0eb; text-decoration:none; color:#3d3040; }
.member-avatar { width:46px; height:46px; border-radius:50%; display:grid; place-items:center; overflow:hidden; background:linear-gradient(135deg,rgba(210,190,238,.55),rgba(237,215,176,.45)); color:#6a4d7a; flex:0 0 auto; font-family:var(--font-display,'Cormorant Garamond',Georgia,serif); font-size:1.2rem; }
.member-avatar img { width:100%; height:100%; object-fit:cover; display:block; }
.member-card-info { flex:1; min-width:0; }
.member-card-info strong { display:block; font-size:.92rem; font-weight:700; color:#3d3040; }
.member-card-info span { display:block; margin-top:4px; color:#9a879d; font-size:.8rem; white-space:normal; }
.member-amount, .member-cta { margin-left:auto; flex:0 0 auto; font-weight:700; color:#756579; white-space:nowrap; }
.member-cta { border-radius:999px; padding:8px 13px; background:linear-gradient(135deg,#c9b4e5,#dfc4a6); color:#3d3040; font-size:.78rem; }
.member-badge { display:inline-flex; margin-left:8px; border-radius:999px; padding:3px 9px; font-size:.72rem; background:#e9d7df; color:#9b6f8b; vertical-align:middle; }
.member-badge.status-terminee { background:#dff2df; color:#5d9a68; }
.member-empty { padding:24px; text-align:center; color:#756579; background:#fbf7f4; border-radius:18px; border:1px dashed rgba(120,95,133,.16); }

@media(max-width:900px){
  #header-mount .container.topbar-inner { height:auto!important; min-height:76px!important; flex-wrap:wrap!important; padding:12px 20px!important; }
  #header-mount .brand { min-width:0!important; }
  #header-mount .nav { width:100%!important; justify-content:flex-start!important; flex-wrap:wrap!important; }
  #header-mount .nav-links { flex-wrap:wrap!important; gap:14px!important; }
  #header-mount .nav-right { margin-left:auto!important; }
  .member-hero-card { grid-template-columns:1fr; padding:34px 28px; }
  .member-card-deco { display:none; }
  .member-grid-clean { grid-template-columns:1fr; }
}
@media(max-width:640px){
  .member-page-clean { padding:28px 16px 54px; }
  .member-statusbar { flex-direction:column; align-items:flex-start; }
  .member-consult-card, .member-shortcut { align-items:flex-start; }
  #header-mount .brand-text span { display:none!important; }
}

/* AUTH TOPBAR CLEAN — connecté = plus de Connexion/Inscription + crédits visibles */
#header-mount [hidden],
#header-mount .is-hidden {
  display: none !important;
}
#header-mount [data-auth-user]:not(.is-hidden):not([hidden]) {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
#header-mount .nav-credit-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  border-radius: 999px !important;
  padding: 11px 17px !important;
  background: rgba(255,255,255,.65) !important;
  border: 1px solid rgba(120,95,133,.12) !important;
  color: #5a3d70 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
#header-mount .nav-credit-pill:before {
  content: '' !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #c9a44f !important;
  flex: 0 0 auto !important;
}

/* CENTRAL AUTH TOPBAR — source unique */
#header-mount [data-auth-guest].is-hidden,
#header-mount [data-auth-user].is-hidden,
#header-mount [hidden] { display: none !important; }
body[data-page^="membre-"] #header-mount [data-auth-guest] { display: none !important; }
body[data-page^="membre-"] #header-mount [data-auth-user] { display: flex !important; }
#header-mount .nav-auth { align-items: center; gap: 8px; }
#header-mount .nav-credit-pill { background: rgba(255,255,255,.70); color: #604b68; }
#header-mount .dropdown-menu { list-style: none; }
#header-mount .dropdown-menu[hidden] { display: none !important; }
#header-mount .dropdown-menu.is-open { display: block !important; }

/* === CENTRAL AUTH + SAFARI TOPBAR FINAL FIX === */
#header-mount [data-auth-guest][hidden],
#header-mount [data-auth-guest].is-hidden,
#header-mount [data-auth-user][hidden],
#header-mount [data-auth-user].is-hidden,
#header-mount [hidden] { display: none !important; }
html.auth-logged #header-mount [data-auth-guest], body.auth-logged #header-mount [data-auth-guest] { display: none !important; }
html.auth-logged #header-mount [data-auth-user], body.auth-logged #header-mount [data-auth-user] { display: flex !important; }
html.auth-guest #header-mount [data-auth-user], body.auth-guest #header-mount [data-auth-user] { display: none !important; }
html.auth-guest #header-mount [data-auth-guest], body.auth-guest #header-mount [data-auth-guest] { display: flex !important; }
#header-mount .nav, #header-mount .nav-links, #header-mount .nav-right, #header-mount .nav-auth { white-space: nowrap !important; min-width: 0 !important; overflow: visible !important; }
#header-mount .nav-dd-toggle, #header-mount .btn, #header-mount .nav-credit-pill { white-space: nowrap !important; flex: 0 0 auto !important; }
#header-mount .nav-credit-pill:empty { display: none !important; }

/* =========================================================
   SaaS clean — états auth centralisés et protections dropdown
   ========================================================= */
[data-auth-user][hidden],
[data-auth-guest][hidden],
.is-hidden { display: none !important; }

#header-mount .dropdown-menu[hidden] { display: none !important; }
#header-mount .dropdown.is-open > .dropdown-menu,
#header-mount .dropdown-menu.is-open {
  display: grid !important;
  pointer-events: auto !important;
}
#header-mount .dropdown-logout {
  width: 100%;
  border: 0;
  background: transparent;
  color: #5c4c63;
  text-align: left;
  cursor: pointer;
  font: inherit;
}
#header-mount .dropdown-logout:hover { background: rgba(156,116,191,.08); }

/* =========================================================
   FULL RESPONSIVE MOBILE PATCH — 2026-04-28
   Objectif : site fluide mobile/tablette sans casser le desktop.
   ========================================================= */

:root{
  --mobile-gutter: clamp(14px, 4vw, 24px);
}

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  width:100%;
  overflow-x:hidden;
}
body{
  width:100%;
  min-width:0!important;
  overflow-x:hidden!important;
}
img,video,canvas,svg,iframe{
  max-width:100%;
}
iframe{display:block;border:0;}
.container,
.sv2-container,
.voyants-container,
.page-container,
.dashboard-container,
.admin-container{
  width:min(100% - (var(--mobile-gutter) * 2), var(--container, 1160px))!important;
  max-width:100%!important;
}
main,section,article,aside,header,footer,nav,form{
  min-width:0;
}
input,select,textarea,button{
  max-width:100%;
  font-size:16px;
}

/* Header mobile avec menu déroulant compact */
#header-mount .mobile-menu-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(120,95,133,.12);
  background:rgba(255,255,255,.72);
  color:#3d3040;
  cursor:pointer;
  font:inherit;
  flex:0 0 auto;
}
#header-mount .mobile-menu-icon,
#header-mount .mobile-menu-icon::before,
#header-mount .mobile-menu-icon::after{
  content:'';
  display:block;
  width:19px;
  height:2px;
  border-radius:99px;
  background:currentColor;
  transition:transform .22s ease, opacity .22s ease;
}
#header-mount .mobile-menu-icon{position:relative;}
#header-mount .mobile-menu-icon::before{position:absolute;top:-6px;left:0;}
#header-mount .mobile-menu-icon::after{position:absolute;top:6px;left:0;}
#header-mount.is-mobile-open .mobile-menu-icon{background:transparent;}
#header-mount.is-mobile-open .mobile-menu-icon::before{transform:translateY(6px) rotate(45deg);}
#header-mount.is-mobile-open .mobile-menu-icon::after{transform:translateY(-6px) rotate(-45deg);}

@media (max-width: 920px){
  #header-mount .container.topbar-inner,
  #header-mount .topbar-inner{
    min-height:68px!important;
    height:auto!important;
    padding:10px var(--mobile-gutter)!important;
    gap:10px!important;
    flex-wrap:wrap!important;
  }
  #header-mount .brand{
    min-width:0!important;
    flex:1 1 auto!important;
    gap:10px!important;
  }
  #header-mount .brand-logo{width:40px!important;height:40px!important;}
  #header-mount .brand-text strong{font-size:.98rem!important;}
  #header-mount .brand-text span{font-size:.7rem!important;}
  #header-mount .mobile-menu-toggle{display:inline-flex!important;}
  #header-mount .nav{
    display:none!important;
    flex-basis:100%!important;
    width:100%!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:8px 0 4px!important;
  }
  #header-mount.is-mobile-open .nav{display:flex!important;}
  #header-mount .nav-links,
  #header-mount .nav-right,
  #header-mount .nav-auth{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    margin:0!important;
    white-space:normal!important;
  }
  #header-mount [data-auth-guest][hidden],
  #header-mount [data-auth-user][hidden],
  #header-mount .is-hidden{display:none!important;}
  html.auth-logged #header-mount [data-auth-guest],
  body.auth-logged #header-mount [data-auth-guest],
  html.auth-guest #header-mount [data-auth-user],
  body.auth-guest #header-mount [data-auth-user]{display:none!important;}
  #header-mount .dropdown,
  #header-mount .btn,
  #header-mount .nav-credit-pill,
  #header-mount .nav-dd-toggle{
    width:100%!important;
    justify-content:space-between!important;
    min-height:44px!important;
  }
  #header-mount .nav-dd-toggle:not(.account-toggle){
    padding:12px 14px!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.66)!important;
    border:1px solid rgba(120,95,133,.10)!important;
  }
  #header-mount .dropdown-menu,
  #header-mount .account-menu{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    margin-top:6px!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  #header-mount .dropdown-menu::before{display:none!important;}
  #header-mount .dropdown-menu a,
  #header-mount .dropdown-disabled,
  #header-mount .dropdown-logout{
    white-space:normal!important;
  }
}

@media (max-width: 520px){
  #header-mount .brand-text span{display:none!important;}
  #header-mount .brand-text strong{font-size:.94rem!important;}
  #header-mount .container.topbar-inner,#header-mount .topbar-inner{min-height:62px!important;}
}

/* Sections publiques */
@media (max-width: 1024px){
  .hero-inner,.hero-v2-inner,.consultation-hero,.voyants-hero-inner,
  .tarot-hero-inner,.horoscope-hero-inner,.page-hero-inner,
  .cabinet-banner,.footer-grid,.site-footer-inner{
    grid-template-columns:1fr!important;
  }
  .steps-grid,.trust-grid,.reviews-grid,.features-grid,.cards-grid,
  .sv2-grid,.voyants-grid,.voyants-grid-full,#voyantsGrid,
  .pricing-grid,.content-grid,.faq-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width: 720px){
  .hero,.hero-v2,.page-hero,.voyants-hero,.section,.section-voyants-v2,
  .auth-page,.login-page,.register-page{
    padding-left:0!important;
    padding-right:0!important;
  }
  .hero-v2{padding-top:34px!important;padding-bottom:38px!important;}
  .hero-v2-inner{padding:0 var(--mobile-gutter)!important;gap:26px!important;}
  .hero-v2-title,h1{font-size:clamp(2rem,10vw,3rem)!important;line-height:1.05!important;}
  h2{font-size:clamp(1.65rem,8vw,2.35rem)!important;}
  .hero-v2-lead,.section-heading p,.page-hero p{font-size:1rem!important;}
  .hero-v2-ctas,.form-actions,.auth-actions,.sv2-header,.site-footer-bottom{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .hero-cta-primary,.hero-cta-secondary,.btn,.btn-primary,.btn-secondary,.btn-ghost,
  .sv2-voir-tous,.form-actions a,.form-actions button{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .hero-v2-trust,.sv2-filters,.filter-row,.filters-grid{
    display:flex!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    padding-bottom:6px;
  }
  .hero-trust-item,.sv2-filter-btn,.filter-pill{flex:0 0 auto;scroll-snap-align:start;}
  .steps-grid,.trust-grid,.reviews-grid,.features-grid,.cards-grid,
  .sv2-grid,.voyants-grid,.voyants-grid-full,#voyantsGrid,
  .pricing-grid,.content-grid,.faq-grid{
    grid-template-columns:1fr!important;
  }
  .card,.voyant-card,.sv2-card,.review-card,.auth-card,.login-card,.register-card{
    border-radius:22px!important;
  }
  .site-footer-links{justify-content:flex-start!important;flex-direction:column!important;gap:10px!important;}
}

/* Tableaux, listes et formulaires : aucune sortie horizontale */
.table-wrap,.admin-table-wrap,.data-table-wrap,.list-table-wrap,
.table-responsive,.cabinet-table-wrap{
  width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
}
table{max-width:100%;}
@media (max-width: 780px){
  .filters-grid,.form-grid,.detail-grid,.stats-grid,.realtime-stats,
  .dashboard-grid,.dash-grid,.admin-grid,.admin-cards-grid,
  .consultation-grid,.profile-grid,.settings-grid,.credits-grid,
  .paiement-grid,.virements-grid{
    grid-template-columns:1fr!important;
  }
  .detail-row,.info-row,.profile-row{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  .table-head,.panel-head,.member-panel-head,.dash-header,.admin-header{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .admin-table-v2,
  .dash-table,
  .data-table{
    min-width:680px;
  }
  .form-card,.detail-card,.filter-card,.list-card,.panel,.member-panel{
    padding:18px!important;
    border-radius:20px!important;
  }
}

/* Espaces membre / cabinet */
@media (max-width: 900px){
  .member-page-clean{padding:28px var(--mobile-gutter) 54px!important;}
  .member-statusbar{align-items:flex-start!important;}
  .member-hero-card{padding:30px 22px!important;border-radius:26px!important;}
  .member-grid-clean{grid-template-columns:1fr!important;}
  .dashboard-layout{grid-template-columns:1fr!important;}
  .dashboard-main,.dash-content{width:100%!important;min-width:0!important;}
  .cabinet-sidebar,.client-sidebar,.admin-sidebar{position:static!important;width:100%!important;}
}
@media (max-width: 560px){
  .member-statusbar,.member-consult-card,.member-shortcut,
  .consult-row,.message-row,.payment-row,.virement-row{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .member-amount,.member-cta{margin-left:0!important;width:100%;text-align:center;}
  .member-hero-card h2{font-size:clamp(1.9rem,10vw,2.5rem)!important;}
  .member-panel-head a{width:100%;}
}

/* Très petits écrans */
@media (max-width: 380px){
  :root{--mobile-gutter:12px;}
  #header-mount .brand-logo{width:36px!important;height:36px!important;}
  #header-mount .mobile-menu-toggle{width:40px;height:40px;}
  .btn,.hero-cta-primary,.hero-cta-secondary{padding-left:14px!important;padding-right:14px!important;}
}