/**
 * Se Choisir™ Colors — quiz "Color Me"
 * Feuille de style autonome (n'importe quel thème / Elementor).
 * Toutes les règles sont préfixées .cscq- pour ne jamais entrer
 * en conflit avec le thème actif.
 */
.cscq-quiz{
  --cscq-cream:      #FBF3EA;
  --cscq-white:      #FFFFFF;
  --cscq-ink:        #3A2E2C;
  --cscq-ink-soft:   #6B5C58;
  --cscq-pink:       #E8637F;
  --cscq-pink-dark:  #C9445F;
  --cscq-blush:      #F5DCE3;
  --cscq-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --cscq-font-body:    'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --cscq-radius-lg:   28px;
  --cscq-radius-pill: 999px;
  --cscq-shadow:      0 18px 40px -18px rgba(58, 46, 44, 0.25);

  max-width:700px;
  margin:0 auto;
  font-family:var(--cscq-font-body);
  color:var(--cscq-ink);
  -webkit-font-smoothing:antialiased;
}
.cscq-quiz *{ box-sizing:border-box; }
.cscq-quiz h1, .cscq-quiz h2, .cscq-quiz h3{
  font-family:var(--cscq-font-display);
  color:var(--cscq-ink);
  line-height:1.2;
  margin:0 0 .5em;
}
.cscq-quiz p{ margin:0 0 1em; line-height:1.6; }

/* bouton pilule commun */
.cscq-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5em;
  padding:.9em 2em;
  border-radius:var(--cscq-radius-pill);
  background:var(--cscq-pink);
  color:#fff !important;
  font-family:var(--cscq-font-body);
  font-weight:600;
  font-size:.95rem;
  border:2px solid var(--cscq-pink);
  cursor:pointer;
  text-decoration:none;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
  box-shadow:var(--cscq-shadow);
}
.cscq-btn:hover{ transform:translateY(-2px); background:var(--cscq-pink-dark); border-color:var(--cscq-pink-dark); color:#fff; }

.cscq-card{
  background:var(--cscq-white);
  border-radius:var(--cscq-radius-lg);
  box-shadow:var(--cscq-shadow);
  padding:2.6rem 2.4rem;
}

/* intro */
.cscq-intro{ text-align:center; }
.cscq-emoji{ font-size:2.6rem; margin-bottom:.4rem; }
.cscq-intro h1{ font-size:clamp(1.6rem, 3.2vw, 2.2rem); }
.cscq-lead-text{ color:var(--cscq-ink-soft); margin-bottom:1.6rem; }
.cscq-start{ border:none; }

/* question */
.cscq-progress-row{ display:flex; align-items:center; gap:1rem; margin-bottom:1.8rem; }
.cscq-progress{ flex:1; height:8px; border-radius:var(--cscq-radius-pill); background:rgba(58,46,44,.08); overflow:hidden; }
.cscq-progress-fill{
  height:100%;
  border-radius:var(--cscq-radius-pill);
  background:linear-gradient(90deg, #E8637F, #F0A67E, #F6D98B, #AFD4C6, #A9D9E4, #C9445F);
  transition:width .3s ease;
}
.cscq-progress-label{ font-size:.85rem; font-weight:700; color:var(--cscq-ink-soft); white-space:nowrap; }
.cscq-question-text{ font-size:1.15rem; font-weight:600; color:var(--cscq-ink); margin-bottom:1.6rem; }
.cscq-options{ display:grid; grid-template-columns:1fr 1fr; gap:.9rem; }
.cscq-option{
  padding:.9em 1em;
  border-radius:14px;
  border:1.5px solid rgba(58,46,44,.15);
  background:var(--cscq-white);
  font-family:inherit;
  font-size:.95rem;
  font-weight:600;
  color:var(--cscq-ink);
  cursor:pointer;
  transition:border-color .15s, background .15s;
  text-align:left;
}
.cscq-option:hover{ border-color:var(--cscq-pink); }
.cscq-option.is-selected{ border-color:var(--cscq-pink); background:var(--cscq-blush); }
.cscq-back{
  margin-top:1.6rem;
  background:none;
  border:1.5px solid rgba(58,46,44,.15);
  border-radius:var(--cscq-radius-pill);
  padding:.6em 1.2em;
  font-size:.85rem;
  font-weight:600;
  cursor:pointer;
  color:var(--cscq-ink-soft);
  font-family:inherit;
}
@media (max-width: 560px){ .cscq-options{ grid-template-columns:1fr; } }

/* formulaire lead */
.cscq-lead-form h2{ text-align:center; }
.cscq-lead-form .cscq-lead-text{ text-align:center; }
.cscq-lead-form form{ display:grid; gap:1rem; }
.cscq-lead-form label{ font-weight:600; font-size:.9rem; display:block; margin-bottom:.35em; }
.cscq-lead-form input{
  width:100%;
  padding:.85em 1em;
  border-radius:14px;
  border:1.5px solid rgba(58,46,44,.15);
  background:var(--cscq-white);
  font-family:var(--cscq-font-body);
  font-size:.95rem;
}
.cscq-lead-form input:focus{ outline:none; border-color:var(--cscq-pink); }
.cscq-hp-field{ position:absolute !important; left:-9999px !important; opacity:0; height:0; overflow:hidden; }
.cscq-error{ color:var(--cscq-pink-dark); font-weight:600; font-size:.9rem; margin-top:-.4rem; }

/* résultat */
.cscq-result h2{ text-align:center; margin-bottom:.3rem; }
.cscq-hearts{ text-align:center; font-size:2.4rem; margin-bottom:.4rem; }
.cscq-profile-name{ text-align:center; font-family:var(--cscq-font-display); font-size:1.6rem; color:var(--cscq-pink-dark); margin-bottom:.3rem; }
.cscq-tagline{ text-align:center; font-style:italic; color:var(--cscq-ink-soft); max-width:480px; margin:0 auto 2rem; }

.cscq-scores{ display:grid; gap:.7rem; margin-bottom:2.4rem; }
.cscq-score-row{ display:grid; grid-template-columns:110px 1fr 50px; align-items:center; gap:.8rem; }
.cscq-score-label{ font-size:.85rem; font-weight:700; }
.cscq-score-track{ height:10px; border-radius:var(--cscq-radius-pill); background:rgba(58,46,44,.08); overflow:hidden; }
.cscq-score-fill{ height:100%; border-radius:var(--cscq-radius-pill); }
.cscq-score-value{ font-size:.8rem; color:var(--cscq-ink-soft); text-align:right; }

.cscq-section{ padding-top:1.6rem; margin-top:1.6rem; border-top:1px solid rgba(58,46,44,.08); }
.cscq-section h3{ font-family:var(--cscq-font-display); color:var(--cscq-pink-dark); font-size:1.2rem; margin-bottom:.6rem; }
.cscq-section p{ color:var(--cscq-ink); }
.cscq-note{ color:var(--cscq-ink-soft); font-style:italic; }
.cscq-list{ list-style:none; padding:0; margin:0 0 .8rem; display:grid; gap:.5rem; }
.cscq-list li{ padding-left:1.4em; position:relative; }
.cscq-list li::before{ content:'→'; position:absolute; left:0; color:var(--cscq-pink); font-weight:700; }

.cscq-restart{ display:block; margin:2.4rem auto 0; border:none; }
.cscq-sent-note{ text-align:center; font-size:.8rem; color:var(--cscq-ink-soft); margin-top:1rem; }

@media (max-width: 560px){
  .cscq-card{ padding:1.8rem 1.4rem; }
  .cscq-score-row{ grid-template-columns:90px 1fr 44px; }
}

/* ===== v1.3 : refonte formulaire + page de résultat ===== */
.cscq-quiz{scroll-margin-top:130px}
.cscq-quiz a{text-decoration:none}

/* formulaire */
.cscq-lead-done{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;color:#4E9A6A;margin-bottom:10px}
.cscq-lead-done span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#E7F4EC;font-size:12px}
.cscq-lead-form form{grid-template-columns:1fr 1fr;gap:14px}
.cscq-lead-form .cscq-full,.cscq-lead-form .cscq-error{grid-column:1 / -1}
.cscq-lead-form input:focus{box-shadow:0 0 0 4px rgba(157,127,191,.2)}
.cscq-lead-form .cscq-btn{width:100%;margin-top:4px}

/* résultat : en-tête */
.cscq-result{text-align:left}
.cscq-r-hero{position:relative;overflow:hidden;text-align:center;border-radius:22px;padding:34px 20px 26px;margin:0 0 22px;background:linear-gradient(160deg,#FFF7EC 0%,#F9ECEF 55%,#EFE6F8 100%)}
.cscq-r-orbs{position:relative;width:96px;height:64px;margin:0 auto 14px}
.cscq-r-orbs span{position:absolute;top:0;width:64px;height:64px;border-radius:50%;box-shadow:0 10px 24px -10px rgba(62,42,77,.45)}
.cscq-r-orbs span:first-child{left:0;background:var(--c1);z-index:1}
.cscq-r-orbs span:last-child{right:0;background:var(--c2);opacity:.9}
.cscq-r-eyebrow{margin:0 0 6px!important;font-size:12px!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7B5FA6!important}
.cscq-result .cscq-profile-name{font-size:clamp(1.6rem,3.2vw,2.3rem)!important;line-height:1.15;margin:0 0 10px!important;color:#3E2A4D;text-align:center}
.cscq-result .cscq-tagline{font-family:Caveat,cursive;font-size:clamp(1.35rem,2.4vw,1.7rem)!important;line-height:1.3;color:#3E2A4D;max-width:560px;margin:0 auto 16px!important;text-align:center}
.cscq-r-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.cscq-r-pills span{background:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;color:#3E2A4D;box-shadow:0 4px 12px -6px rgba(62,42,77,.25)}

/* scores */
.cscq-result .cscq-scores{background:#FBF6F0;border-radius:18px;padding:18px 20px;margin:0 0 18px;display:grid;gap:10px}
.cscq-result .cscq-score-row{display:grid;grid-template-columns:92px 1fr 44px;align-items:center;gap:12px}
.cscq-result .cscq-score-label{font-size:14px;font-weight:600;color:#3E2A4D}
.cscq-result .cscq-score-track{height:10px;border-radius:999px;background:#EFE8F4;overflow:hidden}
.cscq-result .cscq-score-fill{height:100%;border-radius:999px}
.cscq-result .cscq-score-value{font-size:13px;color:#5B5068;text-align:right}

/* sommaire */
.cscq-r-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.cscq-r-toc button{border:1.5px solid #E6DCEC;background:#fff;color:#3E2A4D;border-radius:999px;padding:7px 13px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}
.cscq-r-toc button:hover{border-color:#7B5FA6;background:#F4EEFA;color:#7B5FA6}

/* sections */
.cscq-r-body{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cscq-result .cscq-section{scroll-margin-top:140px;background:#fff;border:1px solid #F1E8F5;border-radius:18px;padding:20px 20px 16px;margin:0;box-shadow:0 10px 26px -20px rgba(62,42,77,.35)}
.cscq-result .cscq-wide{grid-column:1 / -1}
.cscq-result .cscq-section h3{display:flex;align-items:center;gap:10px;font-size:1.05rem!important;margin:0 0 12px!important;color:#3E2A4D;text-align:left}
.cscq-ico{width:34px;height:34px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;background:#F4EEFA;font-size:17px}
.cscq-result .cscq-section p{font-size:15px;line-height:1.65;color:#5B5068;margin:0 0 10px}
.cscq-result .cscq-section p:last-child{margin-bottom:0}
.cscq-result .cscq-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cscq-result .cscq-list li{position:relative;padding:0 0 0 22px;font-size:15px;line-height:1.5;color:#3E2A4D;margin:0}
.cscq-result .cscq-list li:before{content:"";position:absolute;left:4px;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--c1)}
.cscq-result .cscq-note{margin-top:12px!important;padding:12px 14px;border-radius:12px;background:#FBF6F0;font-style:italic;color:#3E2A4D!important}
.cscq-small{font-size:13px!important;font-weight:600;color:#7B5FA6!important;margin:0 0 8px!important}
.cscq-chips{display:flex;flex-wrap:wrap;gap:6px}
.cscq-chips span{background:#F4EEFA;color:#3E2A4D;border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:600}
.cscq-result .cscq-highlight{background:linear-gradient(150deg,#3E2A4D 0%,#5B3F72 100%);border:0}
.cscq-result .cscq-highlight h3{color:#fff!important}
.cscq-result .cscq-highlight .cscq-ico{background:rgba(255,255,255,.15)}
.cscq-result .cscq-highlight .cscq-chips span{background:rgba(255,255,255,.14);color:#fff}
.cscq-result .cscq-highlight .cscq-note{background:rgba(255,255,255,.1);color:#fff!important}

/* appel à l'action */
.cscq-r-cta{position:relative;overflow:hidden;margin:22px 0 0;border-radius:22px;padding:30px 24px;text-align:center;background:linear-gradient(150deg,#F4EEFA 0%,#EDE3F7 60%,#F9ECEF 100%)}
.cscq-r-cta-eyebrow{margin:0 0 4px!important;font-family:Caveat,cursive;font-size:24px!important;color:#E8916F!important}
.cscq-r-cta h3{font-size:clamp(1.3rem,2.4vw,1.6rem)!important;margin:0 0 10px!important;color:#3E2A4D}
.cscq-r-cta p{max-width:520px;margin:0 auto 18px!important;color:#5B5068;font-size:15px;line-height:1.65}
.cscq-r-cta-btns{display:flex;flex-direction:column;align-items:center;gap:12px}
.cscq-r-cta .cscq-btn{display:inline-flex}
.cscq-r-link{font-weight:600;color:#7B5FA6!important;font-size:14.5px;border-bottom:1px solid transparent}
.cscq-r-link:hover{border-bottom-color:#7B5FA6}

/* actions */
.cscq-r-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:18px 0 6px}
.cscq-r-actions .cscq-restart{margin:0!important;display:inline-block}
.cscq-r-ghost{border:1.5px solid #E6DCEC!important;background:#fff!important;color:#3E2A4D!important;border-radius:999px!important;padding:11px 18px!important;font:inherit;font-size:14px!important;font-weight:600!important;cursor:pointer;box-shadow:none!important;transition:all .15s}
.cscq-r-ghost:hover{border-color:#7B5FA6!important;color:#7B5FA6!important}
.cscq-result .cscq-sent-note{text-align:center;font-size:13px;color:#8A8094;margin:10px 0 0}

@media (max-width:640px){
.cscq-r-toc{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-left:-4px;margin-right:-4px;scrollbar-width:none}
.cscq-r-toc button{flex-shrink:0}
.cscq-r-body{grid-template-columns:1fr}
.cscq-lead-form form{grid-template-columns:1fr}
.cscq-result .cscq-score-row{grid-template-columns:80px 1fr 40px;gap:8px}
.cscq-r-hero{padding:26px 14px 20px}
}