.elementor-324 .elementor-element.elementor-element-44b6b0c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-324:not(.elementor-motion-effects-element-type-background), .elementor-324 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-4487073 *//* ===== Layout global : contenu décalé en desktop ===== */
:root{ --c2wt-w-open:240px; --c2wt-w-closed:64px; }
body.c2wt-has-sidebar{ margin-left: var(--c2wt-w-open); transition: margin-left .25s ease; }
body.c2wt-collapsed { margin-left: var(--c2wt-w-closed); }

/* ===== Sidebar fixe à gauche ===== */
#c2wt-sidebar.c2wt-sidebar{
  --bg:#0a0a0a; --bg2:#0f0f10; --txt:#e6e8ee;
  position: fixed; inset: 0 auto 0 0; height: 100dvh;
  width: var(--c2wt-w-open);
  background: var(--bg); color: var(--txt);
  border-right: 1px solid rgba(255,255,255,.06);
  display: flex; flex-direction: column;
  transition: width .25s ease;
  z-index: 10050;
}

/* État FERMÉ (pas .is-open) */
#c2wt-sidebar:not(.is-open){ width: var(--c2wt-w-closed); }

/* ===== En-tête (logo + bouton) ===== */
.c2wt-head{
  position: relative; z-index: 2;
  height: 56px; display: flex; align-items: center;
  padding: 0 12px; border-bottom:1px solid rgba(255,255,255,.06);
}

/* Logo */
.c2wt-logo{
  position: relative;
  display: flex; align-items: center; gap: 8px;
  padding-right: 36px; /* réserve la place du bouton à droite quand ouvert */
  min-width: 0; z-index: 2;
}
.c2wt-logo img{ display:block; height:26px; }

/* Logos: ouvert = wide visible, fermé = square visible */
.c2wt-logo-wide{ opacity: 1; transition: opacity .2s ease; }
.c2wt-logo-square{ opacity: 0; width: 26px; height: 26px; transition: opacity .2s ease; }
#c2wt-sidebar:not(.is-open) .c2wt-logo-wide{ opacity: 0; pointer-events: none; }
#c2wt-sidebar:not(.is-open) .c2wt-logo-square{ opacity: 1; }

/* Bouton toggle (toujours cliquable) */
.c2wt-toggle{
  all: unset; cursor: pointer;
  position: absolute; top: 10px; right: 10px;
  width: 28px; height: 28px; display: grid; place-items: center;
  border-radius: 6px; background: transparent;
  z-index: 3; pointer-events: auto;
}
.c2wt-toggle img{ width: 18px; height: 18px; display: block; }
.c2wt-toggle:hover{ background: rgba(255,255,255,.06); }

/* === ÉTAT RÉTRACTÉ (not .is-open) ===
   Le burger est à la place du logo carré mais invisible tant qu’on ne survole pas le logo (desktop). */
#c2wt-sidebar:not(.is-open) .c2wt-toggle{
  right: auto; left: 12px; top: 14px;
  opacity: 0; pointer-events: none;
}

/* Au survol du logo : on montre le burger et on masque le logo carré (desktop uniquement) */
@media (hover:hover){
  #c2wt-sidebar:not(.is-open) .c2wt-logo:hover + .c2wt-toggle{
    opacity: 1; pointer-events: auto;
  }
  #c2wt-sidebar:not(.is-open) .c2wt-logo:hover .c2wt-logo-square{
    opacity: 0;
  }
}

/* Accessibilité clavier : focus sur le logo = on affiche le burger aussi */
#c2wt-sidebar:not(.is-open) .c2wt-logo:focus + .c2wt-toggle,
#c2wt-sidebar:not(.is-open) .c2wt-logo:focus-visible + .c2wt-toggle{
  opacity: 1; pointer-events: auto;
}
#c2wt-sidebar:not(.is-open) .c2wt-logo:focus .c2wt-logo-square,
#c2wt-sidebar:not(.is-open) .c2wt-logo:focus-visible .c2wt-logo-square{
  opacity: 0;
}

/* ===== Items ===== */
.c2wt-nav{ display: flex; flex-direction: column; gap: 19px;margin-top: 19px; padding: 8px; }
.c2wt-item{
  display: grid; grid-template-columns: 28px 1fr; align-items: center;font-size: 13px;gap: 12px; padding: 10px 12px; border-radius: 8px;
  color: var(--txt); text-decoration: none; white-space: nowrap;
}
.c2wt-item:hover{ background: var(--bg2);color: #7432fe; }
.c2wt-item i{ font-size: 18px; }
.c2wt-item .c2wt-ico, .c2wt-item img, .c2wt-item svg{ width: 20px; height: 20px; display: block; }

/* Texte visible UNIQUEMENT quand OUVERT */
.c2wt-item .c2wt-text{
  opacity: 0; visibility: hidden; width: 0; max-width: 0; overflow: hidden;
  margin: 0; padding: 0; display: inline-block; transition: opacity .2s ease;
}
#c2wt-sidebar.is-open .c2wt-item .c2wt-text{
  opacity: 1 !important; visibility: visible !important;
  width: auto !important; max-width: none !important;
}

/* Fermé = icône seule */
#c2wt-sidebar:not(.is-open) .c2wt-item{ grid-template-columns: 28px !important; }

/* ===== Tooltips personnalisés (PAS ceux du navigateur) quand RÉTRACTÉ ===== */
#c2wt-sidebar:not(.is-open) .c2wt-item{ position: relative; }
#c2wt-sidebar:not(.is-open) .c2wt-item:hover::after,
#c2wt-sidebar:not(.is-open) .c2wt-item:focus::after,
#c2wt-sidebar:not(.is-open) .c2wt-item:focus-visible::after{
  content: attr(data-label);
  position: absolute; left: calc(100% + 8px); top: 50%; transform: translateY(-50%);
  background: #7432fc; color: #e6e8ee; padding: 6px 8px; border-radius: 6px; font-size: 12px;
  white-space: nowrap; box-shadow: 0 6px 18px rgba(0,0,0,.25); z-index: 10060;
}

/* ===== Mobile : pas de marge body + burger toujours visible en rétracté ===== */
@media (max-width: 767px){
  body.c2wt-has-sidebar{ margin-left: 0; }
  .c2wt-overlay{
    position: fixed; inset: 0; background: rgba(0,0,0,.35); backdrop-filter: blur(2px);
    z-index: 10040 !important;
  }
  /* Pas de hover : burger visible dès que c’est rétracté */
  #c2wt-sidebar:not(.is-open) .c2wt-toggle{
    opacity: 1; pointer-events: auto;
  }
  /* Option : masquer le logo carré en mobile rétracté (décommente si tu préfères) */
  /* #c2wt-sidebar:not(.is-open) .c2wt-logo-square{ opacity: 0; } */
}
/* === ÉTAT FERMÉ : logo carré centré, sans padding-right === */
#c2wt-sidebar:not(.is-open) .c2wt-logo{
  padding-right: 0 !important;
  justify-content: center;     /* centre horizontalement */
  width: 100%;
  margin-left: -22px;
}

/* s'assure que le carré a bien un format carré visible */
#c2wt-sidebar:not(.is-open) .c2wt-logo-square{
  width: 32px;                 /* ajuste si tu veux 26/28/36px */
  height: 32px;
  display: block;
  margin: 0 auto;
  border-radius: 5px;
}

/* Bloc abonnement (affiché seulement en sidebar ouverte) */
.c2wt-abo-card{background:#0f0f10;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;color:#e6e8ee;margin:12px 8px 0;margin-top:auto;}
#c2wt-sidebar:not(.is-open) .c2wt-abo-card{display:none !important;}
.c2wt-abo-head{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.c2wt-abo-title{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:0.6px;}
.c2wt-abo-badge{font-size:11px;padding:4px 8px;border-radius:999px;background:rgba(116,50,254,.12);color:#cdb6ff;border:1px solid rgba(116,50,254,.35);}
.c2wt-abo-text{font-size:12px;line-height:1.4;color:#cfd0d6;}
.c2wt-abo-remaining{font-size:11px;color:#9fa2aa;text-align:right;margin-top:-6px;}
.c2wt-abo-progress{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;position:relative;}
.c2wt-abo-fill{position:absolute;inset:0;width:0;background:linear-gradient(90deg,#7432fe,#ff6fd8);transition:width .25s ease;}
.c2wt-abo-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;text-decoration:none;background:#7432fe;color:#fff;font-size:13px;font-weight:600;border:1px solid #7432fe;}
.c2wt-abo-btn:hover{filter:brightness(1.05);}
.c2wt-abo-link{font-size:12px;color:#cfd0d6;text-decoration:underline;display:inline-flex;}
.c2wt-abo-link:hover{color:#fff;}

/* === Burger centré exactement à la place du logo carré === */
#c2wt-sidebar:not(.is-open) .c2wt-toggle{
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  transform: translate(-50%, -50%) !important;
  opacity: 0;
  pointer-events: none;
}

/* Au survol du logo (desktop) : on montre le burger et on masque le carré */
@media (hover:hover){
  #c2wt-sidebar:not(.is-open) .c2wt-logo:hover + .c2wt-toggle{
    opacity: 1; pointer-events: auto;
  }
  #c2wt-sidebar:not(.is-open) .c2wt-logo:hover .c2wt-logo-square{
    opacity: 0;
  }
}

/* Mobile : pas de hover → burger visible par défaut quand fermé */
@media (max-width: 767px){
  #c2wt-sidebar:not(.is-open) .c2wt-toggle{
    opacity: 1; pointer-events: auto;
  }
  #c2wt-sidebar:not(.is-open) .c2wt-logo-square {
	opacity: 0;
}
}

.c2wt-toggle:focus {
  background: #000 !important;
}
/* Collapsé : le texte ne doit plus influer sur la hauteur */
#c2wt-sidebar:not(.is-open) .c2wt-text{
  display: none !important;      /* coupe net la contribution à la hauteur */
}

/* (optionnel mais utile) normalise la hauteur des items en mode icônes */
#c2wt-sidebar:not(.is-open) .c2wt-item{
  line-height: 1 !important;     /* évite un line-height hérité trop grand */
  grid-template-columns: 28px !important;
}

.c2wt-account{
  margin-top: auto;
  padding: 8px;
  border-top: 1px solid rgba(255,255,255,.06);
  position: relative;
  z-index: 2;
}
.c2wt-account-btn{
  all: unset;
  display: grid;
  grid-template-columns: 28px 1fr;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 8px;
  cursor: pointer;
  color: var(--txt);
}
.c2wt-account-btn:hover, .c2wt-item.c2wt-account-btn:focus{ background: var(--bg2); color:#7432fe; }

.c2wt-account-menu{
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: calc(100% + 8px);
  background: var(--bg2);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  padding: 6px;
  display: none;
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
}
.c2wt-account.open .c2wt-account-menu{ display: block; }

.c2wt-account-link{
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  color: var(--txt);
  text-decoration: none;
  font-size: 13px;
}
.c2wt-account-link:hover{ background: rgba(255,255,255,.06); color:#fff; }

/* Fermé = icône seule pour le bouton, mais tooltip "Profil" reste actif */
#c2wt-sidebar:not(.is-open) .c2wt-account-btn{ grid-template-columns: 28px !important; }
#c2wt-sidebar:not(.is-open) .c2wt-account-btn .c2wt-text{ display: none !important; }

/* En mode fermé, on fait sortir le menu à droite (flyout) */
#c2wt-sidebar:not(.is-open) .c2wt-account-menu{
  left: calc(100% + 8px);
  right: auto;
  bottom: auto;
  top: auto;
}

/* Mobile */
@media (max-width: 767px){
  .c2wt-account-menu{
    left: 8px; right: 8px; bottom: calc(100% + 8px);
  }
}/* End custom CSS */
/* Start custom CSS */body,
.elementor,
.elementor * {
  font-family: 'Poppins', sans-serif !important;
}/* End custom CSS */