:root{
  --bdq-cream:#FAFAF8;
  --bdq-lin:#F5F1EC;
  --bdq-coquille:#EDE8E1;
  --bdq-encre:#1A1A1A;
  --bdq-graphite:#333333;
  --bdq-cendre:#666666;
  --bdq-brume:#999999;
  --bdq-terracotta:#CE6C54;
  --bdq-terracotta-hover:#B85A44;

  --bdq-ambre-bg:#F5E6D0; --bdq-ambre-text:#A07040;
  --bdq-indigo-bg:#D8DDE8; --bdq-indigo-text:#3F5277;
  --bdq-rose-bg:#F0DDD6; --bdq-rose-text:#A06B5C;
  --bdq-sauge-bg:#DCE4D5; --bdq-sauge-text:#5A6B4F;
  --bdq-perle-bg:#EAE5DD; --bdq-perle-text:#8A7F72;
}

/* Scope strict: everything under #bd-quiz */
#bd-quiz.bdq{
  background:var(--bdq-cream);
  padding:24px 16px;
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
}

#bd-quiz .bdq__card{
  position:relative;
  z-index:1;
  max-width:720px;
  margin:0 auto;
  background:#fff;
  border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  overflow:hidden;
}

#bd-quiz .bdq__card-media-slot{
  margin:0;
  padding:0;
  line-height:0;
}

#bd-quiz a,
#bd-quiz a:link,
#bd-quiz a:visited{
  color:inherit;
  text-decoration:none;
  -webkit-text-fill-color:inherit;
}

#bd-quiz a[x-apple-data-detectors],
#bd-quiz a[x-apple-data-detectors]:link,
#bd-quiz a[x-apple-data-detectors]:visited,
#bd-quiz a[x-apple-data-detectors]:hover,
#bd-quiz a[x-apple-data-detectors]:active{
  color:inherit !important;
  text-decoration:none !important;
  font-size:inherit !important;
  font-family:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  -webkit-text-fill-color:currentColor !important;
}

#bd-quiz input:not([type="checkbox"]),
#bd-quiz button{
  -webkit-appearance:none;
}
#bd-quiz input[type="checkbox"]{
  -webkit-appearance:checkbox;
  appearance:checkbox;
  pointer-events:auto;
}

#bd-quiz .bdq__progress{
  height:2px;
  background:var(--bdq-coquille);
  transition:opacity 300ms ease;
}
#bd-quiz .bdq__progress-bar{height:2px; width:0%; background:var(--bdq-terracotta); transition:width 350ms ease;}

#bd-quiz .bdq__header-row{
  display:grid;
  grid-template-columns:44px 1fr;
  align-items:center;
  column-gap:12px;
  padding:14px 24px 8px;
  min-height:56px;
  margin-bottom:6px;
}
#bd-quiz .bdq__header-row:empty{display:none;}

#bd-quiz .bdq__back{
  border:1px solid transparent;
  background:transparent;
  color:var(--bdq-cendre);
  font:500 14px/1.1 system-ui, -apple-system, "Montserrat", Arial, sans-serif;
  padding:10px 14px;
  border-radius:999px;
  cursor:pointer;
  min-height:40px;
}
#bd-quiz .bdq__back span{display:inline-block; transform:translateY(1px);}
#bd-quiz .bdq__back:hover{background:rgba(206,108,84,.06); border-color:rgba(206,108,84,.35); color:var(--bdq-terracotta);}

#bd-quiz .bdq__root{padding:0;}

#bd-quiz .bdq__progress-label{
  font:500 12px/1.3 system-ui,-apple-system,"Montserrat",Arial,sans-serif;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:var(--bdq-brume);
  text-align:right;
  white-space:normal;
  justify-self:end;
  max-width:100%;
}

#bd-quiz .bdq__eyebrow{
  font:600 11px/1.2 system-ui, -apple-system, "Montserrat", Arial, sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--bdq-terracotta);
  margin-bottom:10px;
}

/* Screens: keep spacing inside screen by default */
#bd-quiz .bdq__screen{
  padding:22px 24px 24px;
}

/* Intro: media header flush + body padded */
#bd-quiz .bdq__screen--intro{
  padding:0;
}
#bd-quiz .bdq__card-media{
  margin:0;
  padding:0;
  line-height:0;
}
#bd-quiz .bdq__card-media-img{
  width:100%;
  height:auto;
  max-height:240px;
  object-fit:cover;
  object-position:center 35%;
  display:block;
}
#bd-quiz .bdq__card-body{
  padding:22px 24px 24px;
}

#bd-quiz .bdq__title{
  margin:0 0 14px;
  font:300 italic 30px/1.15 "Cormorant Garamond", Georgia, serif;
  color:var(--bdq-encre);
}
#bd-quiz .bdq__subtitle{
  margin:0 0 16px;
  font:300 15px/1.5 system-ui,-apple-system,"Montserrat",Arial,sans-serif;
  color:var(--bdq-cendre);
}

#bd-quiz .bdq__intro-context{
  margin:0 0 18px;
  font:300 14px/1.6 system-ui,-apple-system,"Montserrat",Arial,sans-serif;
  color:var(--bdq-cendre);
}

/* Intro: remove excess gap before badges */
#bd-quiz .bdq__screen--intro .bdq__intro-context{margin-bottom:12px;}

#bd-quiz .bdq__badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 20px;
  padding:0;
  list-style:none;
}

#bd-quiz .bdq__badge{
  padding:6px 12px;
  border-radius:999px;
  background:var(--bdq-lin);
  color:var(--bdq-cendre);
  font:500 12px/1.3 system-ui,-apple-system,"Montserrat",Arial,sans-serif;
}

/* Sécurité supplémentaire contre les puces injectées par thème */
#bd-quiz .bdq__badges li::marker,
#bd-quiz .bdq__badges::before,
#bd-quiz .bdq__badges::after{
  content:none !important;
}

#bd-quiz .bdq__question{
  margin:0 0 18px;
  font:300 18px/1.45 system-ui, -apple-system, "Montserrat", Arial, sans-serif;
  color:var(--bdq-encre);
}

#bd-quiz .bdq__choices{display:flex; flex-direction:column; gap:16px;}
#bd-quiz .bdq__choice{
  width:100%;
  text-align:left;
  background:#fff;
  border:1px solid var(--bdq-coquille);
  border-radius:999px;
  padding:14px 18px;
  min-height:50px;
  cursor:pointer;
  color:var(--bdq-graphite);
  font:200 15px/1.35 system-ui, -apple-system, "Montserrat", Arial, sans-serif;
  transition:border-color 200ms ease, background 200ms ease, transform 120ms ease;
}
#bd-quiz .bdq__choice:hover{
  border-color:rgba(206,108,84,.35);
  background:rgba(206,108,84,.03);
  transform:translateY(-1px);
}
#bd-quiz .bdq__choice:focus-visible{outline:2px solid var(--bdq-terracotta); outline-offset:2px;}

#bd-quiz .bdq__actions{display:flex; flex-direction:column; gap:10px; margin-top:18px;}

#bd-quiz .bdq__btn{
  border-radius:999px;
  border:1px solid transparent;
  padding:14px 18px;
  cursor:pointer;
  font:600 15px/1 system-ui, -apple-system, "Montserrat", Arial, sans-serif;
}
#bd-quiz .bdq__btn--primary{
  background:var(--bdq-terracotta);
  color:#fff;
  box-shadow:0 10px 24px rgba(206,108,84,.20);
  transition:transform 120ms ease, background 120ms ease, box-shadow 120ms ease;
}
#bd-quiz .bdq__btn--primary:hover{background:var(--bdq-terracotta-hover); transform:translateY(-1px); box-shadow:0 8px 18px rgba(206,108,84,.18);}
#bd-quiz .bdq__btn--primary:active{transform:translateY(0);}
#bd-quiz .bdq__btn--ghost{
  background:transparent;
  color:var(--bdq-cendre);
  font-weight:300;
}
#bd-quiz .bdq__btn--ghost:hover{color:var(--bdq-terracotta); transform:translateY(-1px);}

#bd-quiz .bdq__loader{display:flex; gap:10px; justify-content:center; margin:10px 0 12px;}
#bd-quiz .bdq__loader span{
  width:8px; height:8px; border-radius:50%;
  background:var(--bdq-terracotta);
  opacity:.6;
  animation:bdqPulse 1.2s ease-in-out infinite;
}
#bd-quiz .bdq__loader span:nth-child(2){animation-delay:.2s;}
#bd-quiz .bdq__loader span:nth-child(3){animation-delay:.4s;}
#bd-quiz .bdq__loader-text{
  text-align:center;
  color:var(--bdq-cendre);
  font:300 14px/1.4 system-ui, -apple-system, "Montserrat", Arial, sans-serif;
}
@keyframes bdqPulse{0%,100%{transform:scale(.6);opacity:.5}50%{transform:scale(1);opacity:1}}

@keyframes bdqFadeIn{
  from{opacity:0}
  to{opacity:1}
}

@keyframes bdqSlideUp{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}

@keyframes bdqReveal{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}

#bd-quiz .bdq__fadein{animation:bdqFadeIn 400ms ease forwards;}
#bd-quiz .bdq__slideup{animation:bdqSlideUp 400ms ease forwards;}
#bd-quiz .bdq__reveal{animation:bdqReveal 600ms ease forwards;}

/* Écran résultat : composition centrée, éditoriale */
#bd-quiz .bdq__screen--result{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  max-width:100%;
  padding:14px 24px 24px;
}
#bd-quiz .bdq__result-badge{
  position:relative;
  margin:0 0 14px;
  font:600 11px/1.2 system-ui, -apple-system, "Montserrat", Arial, sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--bdq-terracotta);
  text-align:center;
  max-width:22em;
}
#bd-quiz .bdq__result-color{
  position:relative;
  text-align:center;
  margin:0 0 12px;
  font:300 italic 34px/1.1 "Cormorant Garamond", Georgia, serif;
  line-height:1.18;
}
#bd-quiz .bdq__reveal--ambre .bdq__result-color{color:var(--bdq-ambre-text);}
#bd-quiz .bdq__reveal--indigo .bdq__result-color{color:var(--bdq-indigo-text);}
#bd-quiz .bdq__reveal--rose .bdq__result-color{color:var(--bdq-rose-text);}
#bd-quiz .bdq__reveal--sauge .bdq__result-color{color:var(--bdq-sauge-text);}
#bd-quiz .bdq__reveal--perle .bdq__result-color{color:var(--bdq-perle-text);}

#bd-quiz .bdq__result-subtitle{
  position:relative;
  text-align:center;
  margin:0 auto 24px;
  max-width:28em;
  line-height:1.5;
  color:var(--bdq-cendre);
  font:300 italic 18px/1.45 "Cormorant Garamond", Georgia, serif;
}
#bd-quiz .bdq__hook{
  position:relative;
  margin:0 auto 24px;
  max-width:28em;
  text-align:center;
  color:var(--bdq-graphite);
  font:400 italic 17px/1.6 "Cormorant Garamond", Georgia, serif;
}
#bd-quiz .bdq__bridge{
  position:relative;
  margin:0 auto 24px;
  max-width:26em;
  text-align:center;
  color:var(--bdq-cendre);
  font:300 14px/1.5 system-ui, -apple-system, "Montserrat", Arial, sans-serif;
}
#bd-quiz .bdq__screen--result .bdq__actions{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  margin-top:8px;
  width:100%;
  max-width:22em;
}

/* Form */
#bd-quiz .bdq__form-title{margin:0 0 8px; color:var(--bdq-encre); font:300 20px/1.2 system-ui, -apple-system, "Montserrat", Arial, sans-serif; text-align:center;}
#bd-quiz .bdq__form-subtitle{margin:0 0 16px; color:var(--bdq-cendre); font:300 14px/1.5 system-ui, -apple-system, "Montserrat", Arial, sans-serif; text-align:center;}
#bd-quiz .bdq__field{margin-bottom:16px;}
#bd-quiz .bdq__label{display:block; margin:0 0 8px; color:var(--bdq-cendre); font:600 13px/1.2 system-ui, -apple-system, "Montserrat", Arial, sans-serif;}
#bd-quiz .bdq__input{
  width:100%;
  border-radius:999px;
  border:1px solid #E4DED4;
  padding:13px 16px;
  font:300 15px/1.2 system-ui, -apple-system, "Montserrat", Arial, sans-serif;
  color:var(--bdq-graphite);
  outline:none;
}
#bd-quiz .bdq__input:focus{border-color:var(--bdq-terracotta); box-shadow:0 0 0 1px rgba(206,108,84,.35);}
#bd-quiz .bdq__input:-webkit-autofill,
#bd-quiz .bdq__input:-webkit-autofill:hover,
#bd-quiz .bdq__input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px #fff inset;
  -webkit-text-fill-color:var(--bdq-graphite);
  transition:background-color 5000s ease-in-out 0s;
}
#bd-quiz .bdq__consent{
  display:flex;
  gap:12px;
  align-items:flex-start;
  color:var(--bdq-cendre);
  font:300 13px/1.5 system-ui, -apple-system, "Montserrat", Arial, sans-serif;
  margin:14px 0 8px;
  padding:10px 0;
  min-height:44px;
  cursor:pointer;
}
#bd-quiz .bdq__consent input[type="checkbox"]{
  margin-top:2px;
  width:20px;
  height:20px;
  min-width:20px;
  min-height:20px;
  flex-shrink:0;
  cursor:pointer;
  accent-color:#CE6C54;
}
#bd-quiz .bdq__consent input[type="checkbox"]:focus-visible{
  outline:2px solid var(--bdq-terracotta);
  outline-offset:2px;
}
#bd-quiz .bdq__consent-text{
  flex:1;
  min-width:0;
}

@media (max-width: 600px){
  #bd-quiz .bdq__card{
    margin:0 6px;
  }
  #bd-quiz .bdq__root{
    padding:0;
  }
  #bd-quiz .bdq__screen{
    padding:20px 18px 22px;
  }
  #bd-quiz .bdq__card-media-img{
    max-height:180px;
  }
  #bd-quiz .bdq__card-body{
    padding:20px 18px 22px;
  }
  #bd-quiz .bdq__title{
    font-size:26px;
  }

  /* Intro: editorial left alignment */
  #bd-quiz .bdq__screen--intro .bdq__card-body{
    text-align:left;
  }
  #bd-quiz .bdq__screen--intro .bdq__badges{
    justify-content:flex-start;
  }
  #bd-quiz .bdq__screen--intro .bdq__actions{
    align-items:stretch;
  }

  /* Header: stable row layout (no overlap at 375–430px) */
  #bd-quiz .bdq__header-row{
    grid-template-columns:44px 1fr;
    padding:12px 18px 6px;
    min-height:52px;
    margin-bottom:6px;
  }
  #bd-quiz .bdq__progress-label{
    text-align:right;
    font-size:11px;
    letter-spacing:.08em;
  }

  /* Result screen: match global mobile paddings */
  #bd-quiz .bdq__screen--result{
    padding:12px 18px 22px;
  }
  #bd-quiz .bdq__result-color{
    font-size:32px;
    line-height:1.16;
    margin-bottom:10px;
  }
  #bd-quiz .bdq__hook,
  #bd-quiz .bdq__result-subtitle{
    font-size:16px;
    line-height:1.55;
  }
  #bd-quiz .bdq__consent{
    padding:8px 0;
  }
}

#bd-quiz .bdq__error{margin-top:8px; color:#8A3F34; font:600 13px/1.3 system-ui, -apple-system, "Montserrat", Arial, sans-serif;}

#bd-quiz .bdq__success-title{
  margin:0 0 8px;
  color:var(--bdq-encre);
  font:300 20px/1.2 system-ui,-apple-system,"Montserrat",Arial,sans-serif;
  text-align:center;
}

#bd-quiz .bdq__success-subtitle{
  margin:0 0 16px;
  color:var(--bdq-cendre);
  font:300 14px/1.5 system-ui,-apple-system,"Montserrat",Arial,sans-serif;
  text-align:center;
}

/* Motion reduction */
@media (prefers-reduced-motion: reduce){
  #bd-quiz *{animation:none !important; transition:none !important;}
}