/* WEB 4 LIVE — module vendeur 10/11/2026 (charte w4l-components) */
.w4l-sell-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  padding: .7rem 1.15rem;
  border-radius: 999px;
  background: #2ea3f2;
  color: #071018 !important;
  font: 700 14px/1.2 "Open Sans", system-ui, sans-serif;
  text-decoration: none !important;
  box-shadow: 0 6px 18px rgba(46, 163, 242, .28);
  border: 0;
  cursor: pointer;
  transition: filter .15s ease, box-shadow .15s ease;
}
.w4l-sell-cta:hover { filter: brightness(1.06); box-shadow: 0 8px 26px rgba(46, 163, 242, .42); color: #071018 !important; }
.w4l-sell-cta--ghost {
  background: transparent;
  color: #e8eef7 !important;
  border: 1px solid rgba(46, 163, 242, .45);
  box-shadow: none;
}
.w4l-sell-cta--ghost:hover { color: #fff !important; background: rgba(46, 163, 242, .14); }
.w4l-sell-cta--header { margin: 0 8px 0 0; flex: 0 0 auto; padding: .55rem 1rem; font-size: 13px; }
.w4l-sell-cta__short { display: none; }
@media (max-width: 1100px) {
  .w4l-sell-cta--header .w4l-sell-cta__full { display: none; }
  .w4l-sell-cta--header .w4l-sell-cta__short { display: inline; }
}
@media (max-width: 980px) {
  .w4l-sell-cta--header { grid-column: 1; margin: 2px 0 6px; }
}

.w4l-sell-band {
  position: sticky;
  bottom: 0;
  z-index: 40;
  display: flex;
  justify-content: center;
  padding: .7rem 1rem;
  background: rgba(5, 7, 13, .92);
  border-top: 1px solid rgba(46, 163, 242, .25);
  backdrop-filter: blur(8px);
}

/* Hero accueil */
.w4l-sell-hero {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 22px;
  align-items: center;
  width: min(1180px, calc(100% - 48px));
  margin: 8px auto 28px;
  color: #e8eef7;
}
@media (max-width: 800px) {
  .w4l-sell-hero { grid-template-columns: 1fr; width: calc(100% - 28px); }
}
.w4l-sell-hero__lead {
  margin: 0 0 14px;
  font-size: clamp(1.05rem, 2.2vw, 1.3rem);
  line-height: 1.45;
  color: #e8eef7;
}
.w4l-sell-hero__bullets { list-style: none !important; padding-left: 0 !important;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
}
.w4l-sell-hero__bullets li {
  background: rgba(14, 28, 48, .92);
  border: 1px solid rgba(46, 163, 242, .22);
  border-radius: 999px;
  padding: .35rem .8rem;
  font-size: .88rem;
  color: #9eb0c8;
}
.w4l-sell-hero__preview {
  display: block;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(46, 163, 242, .28);
  box-shadow: 0 16px 40px rgba(0, 10, 30, .4);
  text-decoration: none !important;
  background: #05070d;
}
.w4l-sell-hero__preview img { display: block; width: 100%; aspect-ratio: 16/10; object-fit: cover; object-position: top center; }
.w4l-sell-hero__preview span {
  display: block; padding: .65rem .9rem; color: #9eb0c8; font-size: .85rem;
}

/* Preuves sociales */
.w4l-sell-proof { margin: 28px auto 40px; width: min(1180px, calc(100% - 48px)); color: #e8eef7; }
@media (max-width: 800px) { .w4l-sell-proof { width: calc(100% - 28px); } }
.w4l-sell-proof__kicker {
  margin: 0 0 6px; letter-spacing: .08em; text-transform: uppercase;
  font-size: .75rem; color: #7a8fa8; font-weight: 700;
}
.w4l-sell-proof__title { margin: 0 0 8px; font-size: 1.25rem; color: #fff; font-weight: 600; }
.w4l-sell-proof__lead { margin: 0 0 18px; color: #9eb0c8; }
.w4l-sell-proof__grid {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px;
}
@media (max-width: 980px) { .w4l-sell-proof__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .w4l-sell-proof__grid { grid-template-columns: 1fr; } }
.w4l-sell-proof__card {
  display: flex; flex-direction: column; height: 100%;
  background: rgba(14, 28, 48, .92);
  border: 1px solid rgba(46, 163, 242, .18);
  border-radius: 16px; overflow: hidden;
  text-decoration: none !important; color: inherit;
  box-shadow: 0 16px 40px rgba(0, 10, 30, .35);
  transition: border-color .2s ease, box-shadow .2s ease;
}
.w4l-sell-proof__card:hover { border-color: rgba(0, 240, 255, .45); }
.w4l-sell-proof__shot { display: block; aspect-ratio: 16/10; background: #05070d; overflow: hidden; }
.w4l-sell-proof__shot img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; }
.w4l-sell-proof__name { display: block; padding: .7rem .9rem 0; color: #fff; font-weight: 700; }
.w4l-sell-proof__sub { display: block; padding: .2rem .9rem .85rem; color: #9eb0c8; font-size: .85rem; }
.w4l-sell-proof__more { margin: 18px 0 0; }

/* Accueil : 3 aperçus dans la section partenaires */
.w4l-sell-home-shots {
  list-style: none; margin: 12px auto 8px; padding: 0;
  width: min(1180px, calc(100% - 48px));
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;
}
@media (max-width: 800px) { .w4l-sell-home-shots { grid-template-columns: 1fr; width: calc(100% - 28px); } }
.w4l-sell-home-shots a {
  display: block; border-radius: 16px; overflow: hidden;
  border: 1px solid rgba(46, 163, 242, .28);
  box-shadow: 0 16px 40px rgba(0, 10, 30, .4);
  text-decoration: none !important; background: #05070d; color: #e8eef7;
}
.w4l-sell-home-shots img { display: block; width: 100%; aspect-ratio: 16/10; object-fit: cover; object-position: top center; }
.w4l-sell-home-shots span { display: block; padding: .55rem .8rem; font-size: .88rem; }
.w4l-sell-home-shots__more { text-align: center; margin: 10px 0 18px; }
.w4l-sell-home-shots__more a { color: #2ea3f2; font-weight: 700; }

/* Quiz */
.w4l-sell-quiz {
  width: min(1180px, calc(100% - 48px));
  margin: 10px auto 28px;
  padding: 22px 22px 20px;
  background: rgba(14, 28, 48, .92);
  border: 1px solid rgba(46, 163, 242, .18);
  border-radius: 16px;
  color: #e8eef7;
  box-shadow: 0 16px 40px rgba(0, 10, 30, .35);
}
@media (max-width: 800px) { .w4l-sell-quiz { width: calc(100% - 28px); padding: 16px; } }
.w4l-sell-quiz__title { margin: 0 0 8px; color: #fff; font-size: 1.2rem; }
.w4l-sell-quiz__lead { margin: 0 0 14px; color: #9eb0c8; }
.w4l-sell-quiz__choices, .w4l-sell-quiz__follow { display: flex; flex-wrap: wrap; gap: 10px; }
.w4l-sell-quiz__follow { margin-top: 12px; }
.w4l-sell-quiz__follow p { flex: 1 0 100%; margin: 0 0 4px; color: #9eb0c8; }
.w4l-sell-quiz__btn {
  appearance: none; background: rgba(5, 7, 13, .6);
  border: 1px solid rgba(46, 163, 242, .35);
  color: #e8eef7 !important; border-radius: 999px;
  padding: .55rem 1rem; font: 600 14px/1.2 "Open Sans", system-ui, sans-serif;
  text-decoration: none !important; cursor: pointer;
}
.w4l-sell-quiz__btn:hover { border-color: #2ea3f2; background: rgba(46, 163, 242, .14); }

/* Packs phares (clonés depuis les cartes déjà tarifées) */
.w4l-sell-featured {
  width: min(1180px, calc(100% - 48px));
  margin: 8px auto 24px;
  color: #e8eef7;
}
@media (max-width: 800px) { .w4l-sell-featured { width: calc(100% - 28px); } }
.w4l-sell-featured__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}
@media (max-width: 1100px) { .w4l-sell-featured__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .w4l-sell-featured__grid { grid-template-columns: 1fr; } }
.w4l-sell-featured__grid .card,
.w4l-offers .card { height: 100%; display: flex; flex-direction: column; }
.w4l-sell-featured__grid .card-inner,
.w4l-offers .card-inner { display: flex; flex-direction: column; flex: 1; }
.w4l-sell-featured__grid .btn,
.w4l-offers .card .btn { margin-top: auto; }
.w4l-sell-card-cta { margin-top: .55rem; display: inline-block; font-size: .88rem; color: #8fd0ff !important; }

/* Contact */
.w4l-sell-reassure {
  text-align: center;
  color: #9eb0c8;
  max-width: 36rem;
  margin: .4rem auto 1.2rem;
  font-size: 1rem;
  line-height: 1.5;
}
.w4l-sell-reassure a { color: #2ea3f2; font-weight: 600; }

/* Pack IA */
.page-id-54415 h1.entry-title { /* unique H1 conservé */ }
.w4l-sell-kicker {
  margin: 0 0 10px;
  font-size: 1.15rem;
  font-weight: 600;
  color: #fff;
}
.w4l-sell-ia-cta { margin: 0 0 14px; }
.w4l-sell-uses {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
}
@media (max-width: 800px) { .w4l-sell-uses { grid-template-columns: 1fr; } }
.w4l-sell-uses li {
  background: rgba(14, 28, 48, .92);
  border: 1px solid rgba(46, 163, 242, .18);
  border-radius: 16px;
  padding: 14px 16px;
  color: #e8eef7;
  box-shadow: 0 16px 40px rgba(0, 10, 30, .3);
}

/* Hero : CTA + lien quiz côte à côte */
.w4l-sell-hero__copy { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.w4l-sell-hero__lead, .w4l-sell-hero__bullets { flex: 1 0 100%; }

/* Quiz façon jeu vidéo (idée 10, 10/11) */
.w4l-quest {
  width: min(1180px, calc(100% - 48px));
  margin: 16px auto 36px;
  padding: 22px 22px 24px;
  background:
    radial-gradient(1200px 280px at 10% -10%, rgba(0, 240, 255, .12), transparent 55%),
    rgba(14, 28, 48, .94);
  border: 1px solid rgba(0, 240, 255, .28);
  border-radius: 18px;
  color: #e8eef7;
  box-shadow: 0 16px 40px rgba(0, 10, 30, .45), 0 0 0 1px rgba(46, 163, 242, .08);
}
@media (max-width: 800px) { .w4l-quest { width: calc(100% - 28px); padding: 16px; } }
.w4l-quest__title { margin: 0 0 8px; color: #fff; font-size: clamp(1.2rem, 2.4vw, 1.55rem); }
.w4l-quest__lead { margin: 0 0 16px; color: #9eb0c8; }
.w4l-quest__track { margin: 0 0 18px; }
.w4l-quest__bar {
  height: 10px;
  border-radius: 999px;
  background: rgba(5, 7, 13, .7);
  border: 1px solid rgba(0, 240, 255, .28);
  overflow: hidden;
}
.w4l-quest__xp {
  display: block;
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #2ea3f2, #00f0ff);
  box-shadow: 0 0 12px rgba(0, 240, 255, .55);
  transition: width .35s ease;
}
.w4l-quest__meta { margin: 8px 0 0; font-size: .85rem; color: #7a8fa8; letter-spacing: .04em; }
.w4l-quest__set { border: 0; margin: 0; padding: 0; min-width: 0; }
.w4l-quest__question {
  display: block;
  margin: 0 0 14px;
  color: #fff;
  font-size: 1.08rem;
  font-weight: 600;
}
.w4l-quest__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 640px) { .w4l-quest__grid { grid-template-columns: 1fr; } }
.w4l-quest__card {
  appearance: none;
  display: flex;
  align-items: center;
  gap: 14px;
  text-align: left;
  padding: 16px 16px;
  min-height: 92px;
  background: rgba(5, 7, 13, .55);
  border: 1px solid rgba(46, 163, 242, .28);
  border-radius: 16px;
  color: #e8eef7;
  cursor: pointer;
  font: 600 1rem/1.3 "Open Sans", system-ui, sans-serif;
  transition: border-color .2s ease, box-shadow .2s ease, transform .15s ease, background .2s ease;
}
.w4l-quest__card:hover, .w4l-quest__card:focus-visible {
  border-color: #00f0ff;
  box-shadow: 0 0 0 1px rgba(0, 240, 255, .35), 0 8px 24px rgba(0, 240, 255, .16);
  outline: none;
}
.w4l-quest__card.is-on {
  border-color: #00f0ff;
  background: rgba(0, 240, 255, .1);
  box-shadow: 0 0 0 1px #00f0ff, 0 0 22px rgba(0, 240, 255, .28);
}
.w4l-quest__icon {
  flex: 0 0 48px;
  width: 48px; height: 48px;
  display: grid; place-items: center;
  color: #00f0ff;
  background: rgba(0, 240, 255, .08);
  border: 1px solid rgba(0, 240, 255, .28);
  border-radius: 14px;
}
.w4l-quest__icon svg { width: 28px; height: 28px; display: block; }
.w4l-quest__label { flex: 1; }
.w4l-quest__nav { margin-top: 12px; }
.w4l-quest__back, .w4l-quest__replay {
  appearance: none;
  background: transparent;
  border: 0;
  color: #8fd0ff;
  font: 600 14px/1.2 "Open Sans", system-ui, sans-serif;
  cursor: pointer;
  padding: 6px 0;
  text-decoration: underline;
}
.w4l-quest__result { text-align: center; padding: 10px 8px 6px; }
.w4l-quest__trophy {
  width: 64px; height: 64px; margin: 0 auto 10px;
  color: #00f0ff;
  filter: drop-shadow(0 0 12px rgba(0, 240, 255, .55));
  animation: w4l-quest-pop .45s ease;
}
.w4l-quest__trophy svg { width: 64px; height: 64px; }
.w4l-quest__win-title { margin: 0 0 8px; font-size: 1.45rem; color: #fff; }
.w4l-quest__win-name {
  margin: 0 0 8px;
  font-size: 1.15rem;
  font-weight: 700;
  color: #00f0ff;
}
.w4l-quest__win-blurb { margin: 0 auto 18px; max-width: 36rem; color: #9eb0c8; }
.w4l-quest__win-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 12px; }
.w4l-quest__noscript { color: #9eb0c8; }
@keyframes w4l-quest-pop {
  from { transform: scale(.7); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .w4l-quest__xp, .w4l-quest__card, .w4l-quest__trophy { transition: none; animation: none; }
}

/* Encart lien vers la page quiz dédiée */
.w4l-sell-teaser {
  width: min(1180px, calc(100% - 48px));
  margin: 8px auto 28px;
  padding: 16px 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  background: rgba(14, 28, 48, .92);
  border: 1px solid rgba(46, 163, 242, .22);
  border-radius: 16px;
  color: #e8eef7;
  box-shadow: 0 16px 40px rgba(0, 10, 30, .35);
}
@media (max-width: 800px) { .w4l-sell-teaser { width: calc(100% - 28px); } }
.w4l-sell-teaser p { margin: 0; color: #9eb0c8; max-width: 46rem; }

/* Page /trouver-mon-offre/ */
.page-trouver-mon-offre .entry-content,
.page-id-trouver-mon-offre .entry-content { color: #e8eef7; }

/* Google Workspace mis en avant (page mail pro) */
.w4l-ws-hero {
  max-width: 1040px; margin: 10px auto 18px; padding: 24px 24px 22px;
  background: radial-gradient(900px 240px at 0% 0%, rgba(0,240,255,.12), transparent 60%), rgba(14,28,48,.95);
  border: 1px solid rgba(0,240,255,.32); border-radius: 18px; color: #e8eef7;
  box-shadow: 0 18px 50px rgba(0,10,30,.45);
}
.w4l-ws-hero__head { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.w4l-ws-hero__kicker { margin: 0; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; color: #8fd4ff; }
.w4l-ws-hero__title { margin: 0 0 14px; color: #fff; font-size: clamp(1.25rem, 2.6vw, 1.7rem); line-height: 1.25; }
.w4l-ws-hero__list { list-style: none !important; margin: 0 0 18px; padding: 0 !important; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.w4l-ws-hero__list li { list-style: none !important; }
.w4l-ws-hero__list li::marker { content: none; display: none; }
@media (max-width: 700px) { .w4l-ws-hero__list { grid-template-columns: 1fr; } .w4l-ws-hero { padding: 18px 16px; } }
.w4l-ws-hero__list li { position: relative; padding: 10px 12px 10px 34px; background: rgba(5,7,13,.5); border: 1px solid rgba(46,163,242,.2); border-radius: 12px; }
.w4l-ws-hero__list li::before { content: "✓"; position: absolute; left: 12px; top: 9px; color: #00f0ff; font-weight: 800; }
.w4l-ws-hero__cta { font-size: 15px; padding: .8rem 1.3rem; }
.w4l-ws-hero__note { margin: 10px 0 0; font-size: .8rem; color: #7a8fa8; }
.w4l-ws-switch { max-width: 1040px; margin: 0 auto 14px; padding: 12px 16px; border-left: 3px solid #2ea3f2; background: rgba(14,28,48,.6); border-radius: 0 12px 12px 0; color: #c5d4ea; }
.w4l-ws-switch p { margin: 0; }
body.page-id-54346 .entry-title { display: none; }

/* puces Divi sur les listes du module vendeur */
.w4l-sell-hero__bullets, .w4l-sell-hero__bullets li, .w4l-ws-hero__list, .w4l-ws-hero__list li { list-style: none !important; }
.w4l-sell-hero__bullets, .w4l-ws-hero__list { padding-left: 0 !important; margin-left: 0 !important; }
.w4l-sell-hero__bullets li::marker, .w4l-ws-hero__list li::marker { content: none; display: none; }

/* Accueil : masquer seulement le bloc Partenaires (titre, soulignement, bouton, bande de logos).
   #partenaires (row_4) enveloppe aussi l'affiliation : ne pas le masquer en entier. */
body.home #partenaires > .et_pb_column > .et_pb_text,
body.home #partenaires > .et_pb_column > .dsm_animated_gradient_text,
body.home #partenaires > .et_pb_column > .et_pb_button_module_wrapper,
body.home #partenaires > .et_pb_column > .w4l-sell-home-shots,
body.home #partenaires > .et_pb_column > .w4l-sell-home-shots__more,
body.home .et_pb_row_5 {
  display: none !important;
}

/* Puces Divi (•) à gauche des cards en listes. */
.w4l-sell-home-shots,
.w4l-sell-home-shots li,
.w4l-sell-proof__grid,
.w4l-sell-proof__grid li {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.w4l-sell-home-shots li::marker,
.w4l-sell-proof__grid li::marker {
  content: none;
  display: none;
}

/* Accent conservé sur « Voir les sites livrés » (la police d'affichage du thème n'a pas toujours É). */
body.home a.et_pb_button_3,
body.home .et_pb_button_3,
.w4l-sell-home-shots__more a,
.w4l-sell-proof__more a {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
}


/* Mobile : pastille cookies en bas à gauche, CTA sticky centré, pas de chevauchement (RGPD conservé). */
@media (max-width: 767px) {
  #cmplz-manage-consent .cmplz-manage-consent,
  #cmplz-manage-consent .cmplz-manage-consent:hover,
  #cmplz-manage-consent .cmplz-manage-consent:focus {
    animation: none !important;
    position: fixed !important;
    left: 12px !important;
    right: auto !important;
    bottom: 12px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50% !important;
    border-width: 1px !important;
    line-height: 40px !important;
    font-size: 0 !important;
    text-indent: 0 !important;
    overflow: hidden !important;
    z-index: 50 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .35) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  #cmplz-manage-consent .cmplz-manage-consent.cmplz-hidden {
    display: none !important;
  }
  #cmplz-manage-consent .cmplz-manage-consent::before {
    content: "🍪";
    font-size: 20px !important;
    line-height: 1 !important;
    color: initial !important;
    pointer-events: none;
  }
  .w4l-sell-band {
    z-index: 40;
    justify-content: center;
    padding: 8px 64px !important;
    box-sizing: border-box;
  }
  .w4l-sell-band .w4l-sell-cta {
    max-width: 100%;
    white-space: nowrap;
  }
  .et_pb_scroll_top.et-pb-icon {
    bottom: 80px !important;
    right: 10px !important;
    z-index: 45 !important;
  }
}