/* Quiz du Temple - charge uniquement sur la page des quiz */
.tdpq{--a:#b01e45;--a2:#e05a7a;--gold:#d4af6a;--card:#0d0d0d;--line:#2a2a2a;--ease:cubic-bezier(.22,.61,.36,1);margin:26px 0 18px;color:#ddd;font-family:inherit}
.tdpq *,.tdpq *::before,.tdpq *::after{box-sizing:border-box}
.tdpq [hidden]{display:none!important}
.tdpq button{font-family:inherit;cursor:pointer}
.tdpq-stage{position:relative}
.tdpq-stage>*{transition:opacity .45s var(--ease),transform .45s var(--ease),filter .45s var(--ease)}
.tdpq-stage>.is-enter{opacity:0;transform:translateY(14px) scale(.985);filter:blur(4px)}
.tdpq-stage>.is-leave{opacity:0;transform:translateY(-10px) scale(.985);filter:blur(4px);transition-duration:.28s}
.tdpq-kicker,.tdpq-meta{color:var(--a2);font-size:12px;letter-spacing:2px;text-transform:uppercase;margin:0 0 12px}
.tdpq-home>.tdpq-kicker{text-align:center;margin-bottom:18px}
.tdpq-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}

/* Visuels */
.tdpq-media{position:relative;display:block;aspect-ratio:2/1;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,rgba(176,30,69,.35),transparent 65%),#050505}
.tdpq-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,var(--card) 100%);pointer-events:none}
.tdpq-media img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .7s var(--ease),transform 1.2s var(--ease)}
.tdpq-media img.is-loaded{opacity:1;transform:scale(1)}
.tdpq-media.is-empty img{display:none}

/* Cartes de choix */
.tdpq-pick{display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--card);color:inherit;overflow:hidden;transition:transform .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease)}
.tdpq-pick:hover,.tdpq-pick:focus-visible{transform:translateY(-4px);border-color:var(--a);box-shadow:0 26px 50px -28px rgba(176,30,69,.6);outline:none}
.tdpq-pick:hover .tdpq-media img.is-loaded{transform:scale(1.05)}
.tdpq-pick-body{display:flex;flex-direction:column;gap:8px;padding:4px 22px 22px;flex:1}
.tdpq-pick .tdpq-meta{margin:0}
.tdpq-pick-title{color:#fff;font-size:20px;font-weight:600;line-height:1.3}
.tdpq-pick-desc{font-size:14px;line-height:1.6;color:#aaa;flex:1}
.tdpq-cta{align-self:flex-start;margin-top:8px;color:#fff;font-size:13px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;padding:10px 20px;border-radius:999px;background:var(--a);transition:background .3s}
.tdpq-cta i,.tdpq-next i,.tdpq-btn i{font-style:normal;display:inline-block;transition:transform .3s var(--ease)}
.tdpq-pick:hover .tdpq-cta i,.tdpq-next:hover i,.tdpq-btn:hover i{transform:translateX(4px)}

/* Carte question */
.tdpq-card{max-width:720px;margin:0 auto;border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden;box-shadow:0 30px 60px -36px rgba(176,30,69,.55)}
.tdpq-body{padding:6px 26px 24px}
.tdpq-card .tdpq-meta{display:flex;justify-content:space-between;gap:12px}
.tdpq-bar{height:3px;border-radius:3px;background:#222;overflow:hidden;margin:0 0 20px}
.tdpq-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--a),var(--a2));border-radius:3px;transition:width .7s var(--ease)}
.tdpq-q{color:#fff;font-size:20px;font-weight:600;line-height:1.4;margin:0 0 18px;outline:none}
.tdpq-opts{display:grid;gap:10px}
.tdpq-opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:13px 16px;border:1px solid #333;border-radius:12px;background:#141414;color:#e6e6e6;font-size:15px;line-height:1.45;animation:tdpqIn .5s var(--ease) both;animation-delay:var(--d,0ms);transition:border-color .3s,background .3s,opacity .4s,transform .25s var(--ease)}
.tdpq-opt:hover:not(:disabled){border-color:var(--a2);background:#1a1114;transform:translateX(3px)}
.tdpq-opt:focus-visible{outline:2px solid var(--a2);outline-offset:2px}
.tdpq-opt:disabled{cursor:default}
.tdpq-letter{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid #444;color:var(--a2);font-size:13px;font-weight:600;transition:all .35s var(--ease)}
.tdpq-opt.is-correct{border-color:var(--gold);background:rgba(212,175,106,.1);color:#fff}
.tdpq-opt.is-correct .tdpq-letter{background:var(--gold);border-color:var(--gold);color:#111}
.tdpq-opt.is-wrong{border-color:#5a2a35;color:#999;animation:tdpqNo .45s var(--ease)}
.tdpq-opt.is-wrong .tdpq-letter{border-color:#5a2a35;color:#a35}
.tdpq-opt.is-dim{opacity:.4}

/* Explication */
.tdpq-exp{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.tdpq-exp.is-open{grid-template-rows:1fr}
.tdpq-exp-in{overflow:hidden;opacity:0;transition:opacity .5s .15s}
.tdpq-exp.is-open .tdpq-exp-in{opacity:1}
.tdpq-verdict{margin:20px 0 8px;font-weight:600;font-size:16px}
.tdpq-verdict.is-good{color:var(--gold)}
.tdpq-verdict.is-bad{color:var(--a2)}
.tdpq-exp-txt{font-size:14.5px;line-height:1.7;color:#bbb;border-left:2px solid var(--a);padding-left:16px}
.tdpq-exp-txt p{margin:0 0 10px}
.tdpq-exp-txt a{color:var(--a2);text-decoration:underline;text-underline-offset:3px}

/* Navigation */
.tdpq-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}
.tdpq-quit{background:none;border:0;padding:6px 0;color:#888;font-size:13px;transition:color .3s}
.tdpq-quit:hover{color:#fff}
.tdpq-next,.tdpq-btn{border:1px solid var(--a);border-radius:999px;background:var(--a);color:#fff;font-size:13px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;padding:11px 22px;transition:background .3s,transform .3s var(--ease),opacity .4s var(--ease)}
.tdpq-next{opacity:0;transform:translateY(6px)}
.tdpq-next.is-in{opacity:1;transform:none}
.tdpq-next:hover,.tdpq-btn-main:hover{background:#c8264f}
.tdpq-btn{background:transparent}
.tdpq-btn:hover{background:rgba(176,30,69,.15)}
.tdpq-btn-main{background:var(--a)}

/* Resultat */
.tdpq-result .tdpq-body{text-align:center}
.tdpq-ring{position:relative;width:132px;height:132px;margin:4px auto 14px}
.tdpq-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.tdpq-ring circle{fill:none;stroke-width:6}
.tdpq-ring-bg{stroke:#222}
.tdpq-ring-fg{stroke:var(--gold);stroke-linecap:round;transition:stroke-dashoffset 1.4s var(--ease)}
.tdpq-score{position:absolute;inset:0;display:grid;place-items:center;color:#888;font-size:15px}
.tdpq-score b{color:#fff;font-size:34px;font-weight:600}
.tdpq-profile{color:#fff;font-size:22px;font-weight:600;margin:0 0 8px;outline:none}
.tdpq-profile-t{color:#bbb;line-height:1.65;max-width:520px;margin:0 auto 18px}
.tdpq-moines{margin:6px auto 22px;padding:16px 10px;border-top:1px solid var(--a);border-bottom:1px solid var(--a);max-width:520px}
.tdpq-moines figcaption{color:var(--a2);font-size:12px;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}
.tdpq-moines blockquote{margin:0;padding:0;border:0;color:#fff;font-style:italic;font-size:17px;line-height:1.5;background:none}
.tdpq-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:10px}

/* Lien vers le contenu complet */
.tdpq-toggle{display:block;margin:6px auto 22px;background:none;border:0;border-bottom:1px solid #444;padding:4px 0;color:#999;font-family:inherit;font-size:13px;cursor:pointer;transition:color .3s,border-color .3s}
.tdpq-toggle:hover{color:#fff;border-color:var(--a)}

@keyframes tdpqIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes tdpqNo{0%,100%{transform:none}25%{transform:translateX(-5px)}60%{transform:translateX(4px)}}

@media (max-width:767px){
  .tdpq-grid{grid-template-columns:1fr;gap:16px}
  .tdpq-body{padding:4px 18px 20px}
  .tdpq-pick-body{padding:2px 18px 20px}
  .tdpq-q{font-size:18px}
  .tdpq-opt{font-size:14.5px;padding:12px 14px}
  .tdpq-nav{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){
  .tdpq *,.tdpq-stage>*{transition:none!important;animation:none!important}
  .tdpq-media img{opacity:1;transform:none}
  .tdpq-next{opacity:1;transform:none}
}
.tdpq-opt.is-correct .tdpq-letter::before{content:"✓"}
.tdpq-opt.is-wrong .tdpq-letter::before{content:"✕"}

/* Neutralise les styles !important des pages CMS du theme */
.page-cms #content .tdpq{color:#ddd!important;font-size:15px!important;line-height:1.6!important}
.page-cms #content .tdpq span,.page-cms #content .tdpq div,.page-cms #content .tdpq p{font-size:inherit!important;color:inherit!important;line-height:inherit!important}
.page-cms #content .tdpq .tdpq-kicker,.page-cms #content .tdpq .tdpq-meta,.page-cms #content .tdpq .tdpq-meta span{font-size:12px!important;color:#e05a7a!important;line-height:1.4!important;letter-spacing:2px!important;margin:0 0 12px!important}
.page-cms #content .tdpq .tdpq-pick .tdpq-meta{margin:0!important}
.page-cms #content .tdpq .tdpq-home>.tdpq-kicker{margin:0 0 18px!important;text-align:center!important}
.page-cms #content .tdpq .tdpq-pick-title{font-size:20px!important;color:#fff!important;line-height:1.3!important}
.page-cms #content .tdpq .tdpq-pick-desc{font-size:14px!important;color:#aaa!important;line-height:1.6!important}
.page-cms #content .tdpq .tdpq-cta{font-size:13px!important;color:#fff!important;line-height:1.2!important;letter-spacing:.8px!important}
.page-cms #content .tdpq h3.tdpq-q{font-size:20px!important;color:#fff!important;line-height:1.4!important;border:0!important;padding:0!important;margin:0 0 18px!important}
.page-cms #content .tdpq .tdpq-opt-t{font-size:15px!important;color:#e6e6e6!important;line-height:1.45!important}
.page-cms #content .tdpq .is-wrong .tdpq-opt-t{color:#999!important}
.page-cms #content .tdpq .is-correct .tdpq-opt-t{color:#fff!important}
.page-cms #content .tdpq .tdpq-letter{font-size:13px!important;color:#e05a7a!important;line-height:1!important;position:relative}
.page-cms #content .tdpq .is-correct .tdpq-letter,.page-cms #content .tdpq .is-wrong .tdpq-letter{color:transparent!important}
.tdpq-opt.is-correct .tdpq-letter::before,.tdpq-opt.is-wrong .tdpq-letter::before{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;line-height:1}
.tdpq-opt.is-correct .tdpq-letter::before{color:#111}
.tdpq-opt.is-wrong .tdpq-letter::before{color:#c0405f}
.page-cms #content .tdpq p.tdpq-verdict{font-size:16px!important;line-height:1.4!important;margin:20px 0 10px!important}
.page-cms #content .tdpq p.tdpq-verdict.is-good{color:#d4af6a!important}
.page-cms #content .tdpq p.tdpq-verdict.is-bad{color:#e05a7a!important}
.page-cms #content .tdpq .tdpq-exp-txt,.page-cms #content .tdpq .tdpq-exp-txt p,.page-cms #content .tdpq .tdpq-exp-txt span{font-size:14.5px!important;color:#bbb!important;line-height:1.7!important}
.page-cms #content .tdpq .tdpq-exp-txt p{margin:0 0 10px!important}
.page-cms #content .tdpq .tdpq-score{font-size:15px!important;color:#888!important}
.page-cms #content .tdpq .tdpq-score b{font-size:34px!important;color:#fff!important}
.page-cms #content .tdpq h3.tdpq-profile{font-size:22px!important;color:#fff!important;border:0!important;padding:0!important;margin:0 0 8px!important;text-align:center!important}
.page-cms #content .tdpq p.tdpq-profile-t{color:#bbb!important;margin:0 auto 18px!important;text-align:center!important}
.page-cms #content .tdpq .tdpq-media{line-height:0!important}
.page-cms #content .tdpq .tdpq-score{display:flex!important;justify-content:center;align-items:center;gap:2px}
.tdpq .tdpq-moines blockquote::before,.tdpq .tdpq-moines blockquote::after{display:none!important;content:none!important}