/* Robothèque — design « frais & propre » porté depuis la maquette */
:root{
  --rq-bg:#F4FAFB; --rq-surface:#FFFFFF; --rq-tint:#E6F4F6;
  --rq-ink:#0F3B44; --rq-ink2:#48707A; --rq-ink3:#7FA0A8; --rq-line:#D8EAED;
  --rq-accent:#0CAABE; --rq-accent-deep:#077E8F; --rq-accent-soft:#DFF5F8;
  --rq-cta:#FFB020; --rq-cta-hover:#FFC24D; --rq-cta-ink:#231603;
  --rq-good:#3EAE5C; --rq-warn:#DD8A1B;
  --rq-aspi:#D98E2B; --rq-aspi-soft:#FBEFDB;
  --rq-laveur:#0CAABE; --rq-laveur-soft:#DFF5F8;
  --rq-tonte:#53B23A; --rq-tonte-soft:#E4F5DE;
  --rq-piscine:#2E86E0; --rq-piscine-soft:#E1EEFB;
  --rq-vitre:#8A63D2; --rq-vitre-soft:#EEE7FA;
  --rq-shadow:0 14px 34px -16px rgba(12,90,105,.22);
  --rq-shadow-tiny:0 2px 8px -2px rgba(12,90,105,.12);
  --rq-radius:16px;
}

/* Fond : logo Robothèque en filigrane monochrome répété */
body{position:relative}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(700px 460px at 85% -8%, rgba(12,170,190,.07), transparent 70%),
    radial-gradient(560px 420px at -8% 30%, rgba(255,176,32,.04), transparent 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cg transform='translate(52,52)' fill='none' stroke='%23AEC3C7' stroke-width='2.4' opacity='0.4'%3E%3Ccircle cx='15' cy='15' r='13'/%3E%3Cline x1='15' y1='15' x2='26' y2='8' stroke-linecap='round'/%3E%3Ccircle cx='15' cy='15' r='5.5' fill='%23AEC3C7' stroke='none'/%3E%3C/g%3E%3C/svg%3E") 0 0/150px 150px repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cg transform='translate(52,52)' fill='none' stroke='%23AEC3C7' stroke-width='2.4' opacity='0.4'%3E%3Ccircle cx='15' cy='15' r='13'/%3E%3Cline x1='15' y1='15' x2='26' y2='8' stroke-linecap='round'/%3E%3Ccircle cx='15' cy='15' r='5.5' fill='%23AEC3C7' stroke='none'/%3E%3C/g%3E%3C/svg%3E") 75px 75px/150px 150px repeat;
}

/* En-tête sticky verre dépoli */
.rq-header{
  position:sticky;top:0;z-index:60;
  background:rgba(244,250,251,.85)!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.rq-header .wp-block-site-title a{text-decoration:none;font-family:"Baloo 2",sans-serif;font-weight:800}
.rq-header .wp-block-navigation a{border-radius:99px;padding:6px 12px;transition:background .15s,color .15s}
.rq-header .wp-block-navigation a:hover{background:var(--rq-accent-soft);color:var(--rq-accent-deep)}

/* Boutons : reflet + élévation */
.wp-block-button__link, .rq-btn{position:relative;overflow:hidden;transition:transform .15s ease, box-shadow .2s ease, background .15s ease}
.wp-block-button__link::after, .rq-btn::after{
  content:"";position:absolute;top:0;bottom:0;left:-130%;width:60%;
  background:linear-gradient(105deg, transparent, rgba(255,255,255,.55), transparent);
  transform:skewX(-20deg);transition:left .5s ease;
}
.wp-block-button__link:hover::after, .rq-btn:hover::after{left:160%}
.wp-block-button .has-cta-background-color{box-shadow:0 8px 22px -8px rgba(255,176,32,.55)}
.wp-block-button .has-cta-background-color:hover{background-color:var(--rq-cta-hover)!important;transform:translateY(-2px);box-shadow:0 14px 28px -10px rgba(255,176,32,.6)}
.rq-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;border-radius:999px;padding:12px 22px;border:1px solid transparent;font-family:"Instrument Sans",sans-serif}
.rq-btn-cta{background:var(--rq-cta);color:var(--rq-cta-ink)!important;box-shadow:0 8px 22px -8px rgba(255,176,32,.55)}
.rq-btn-cta:hover{background:var(--rq-cta-hover);transform:translateY(-2px);box-shadow:0 14px 28px -10px rgba(255,176,32,.6)}
.rq-btn-ghost{border-color:var(--rq-line);color:var(--rq-ink)!important;background:var(--rq-surface);box-shadow:var(--rq-shadow-tiny)}
.rq-btn-ghost:hover{border-color:var(--rq-accent);color:var(--rq-accent-deep)!important;box-shadow:0 10px 24px -10px rgba(12,170,190,.4)}
.rq-btn-sm{padding:9px 16px;font-size:.85rem}

/* Utilitaires de section */
.rq-wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.rq-eyebrow{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--rq-accent-deep);font-weight:600;margin:0 0 10px}
.rq-eyebrow::before{content:"✦ ";color:var(--rq-cta)}
.rq-mono{font-family:"Spline Sans Mono",monospace;font-variant-numeric:tabular-nums}
.rq-muted{color:var(--rq-ink2)}

/* Révélations au scroll */
.rq-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1)}
.rq-reveal.rq-in{opacity:1;transform:none}
.rq-d1{transition-delay:.08s}.rq-d2{transition-delay:.16s}.rq-d3{transition-delay:.24s}.rq-d4{transition-delay:.32s}
@media (prefers-reduced-motion: reduce){
  .rq-reveal{opacity:1;transform:none;transition:none}
  .rq-anim, .rq-sweep, .rq-pulse, .rq-orbit, .rq-halo, .rq-bob, .rq-bubble, .rq-sparkle{animation:none!important}
  .rq-ticker-track{animation:none!important}
}

/* Héro */
.rq-hero{padding:72px 0 0;overflow:hidden;position:relative}
.rq-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding-bottom:56px}
@media (max-width:860px){.rq-hero-grid{grid-template-columns:1fr}}
.rq-hero h1{font-size:clamp(2.3rem,5vw,3.6rem);font-weight:800;line-height:1.1;margin:10px 0 18px;letter-spacing:-.01em}
.rq-hero h1 .rq-swap{color:var(--rq-accent);display:inline-block;min-width:5.2em;text-align:left}
.rq-hero h1 .rq-cursor{display:inline-block;width:.5ch;color:var(--rq-cta);animation:rq-blink 1s steps(1) infinite}
@keyframes rq-blink{50%{opacity:0}}
.rq-lede{font-size:1.1rem;color:var(--rq-ink2);max-width:34em;margin:0 0 26px}
.rq-actions{display:flex;gap:14px;flex-wrap:wrap}
.rq-stats{display:flex;margin-top:38px;border:1px solid var(--rq-line);border-radius:var(--rq-radius);background:var(--rq-surface);overflow:hidden;max-width:560px;box-shadow:var(--rq-shadow)}
.rq-stat{flex:1;padding:14px 18px;border-left:1px solid var(--rq-line)}
.rq-stat:first-child{border-left:none}
.rq-stat b{display:block;font-family:"Baloo 2",sans-serif;font-size:1.45rem;font-weight:700;color:var(--rq-accent-deep)}
.rq-stat span{font-size:.74rem;color:var(--rq-ink3)}

/* Robot animé */
.rq-bot{position:relative;display:grid;place-items:center;min-height:340px}
.rq-halo{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle, rgba(12,170,190,.14), transparent 65%);animation:rq-breathe 5s ease-in-out infinite}
@keyframes rq-breathe{0%,100%{transform:scale(.94);opacity:.8}50%{transform:scale(1.06);opacity:1}}
.rq-bot svg{position:relative;filter:drop-shadow(0 22px 26px rgba(12,90,105,.25));max-width:100%}
.rq-sweep{transform-origin:130px 130px;animation:rq-spin 3.4s linear infinite}
.rq-orbit{transform-origin:130px 130px;animation:rq-spin 9s linear infinite}
.rq-pulse{transform-origin:130px 130px;animation:rq-pulse 2.6s ease-out infinite}
@keyframes rq-spin{to{transform:rotate(360deg)}}
@keyframes rq-pulse{0%{transform:scale(.55);opacity:.6}70%{opacity:0}100%{transform:scale(1.3);opacity:0}}
.rq-tag{position:absolute;background:rgba(255,255,255,.92);border:1px solid var(--rq-line);border-radius:12px;padding:8px 12px;font-size:.78rem;box-shadow:var(--rq-shadow-tiny);animation:rq-bob 5s ease-in-out infinite}
.rq-tag b{display:block;font-size:.82rem;color:var(--rq-ink)}
.rq-tag span{color:var(--rq-ink3)}
@keyframes rq-bob{0%,100%{transform:translateY(-4px)}50%{transform:translateY(6px)}}
.rq-tag1{top:4%;left:0}.rq-tag2{top:26%;right:-2%;animation-delay:1.4s}.rq-tag3{bottom:12%;left:6%;animation-delay:2.6s}
@media (max-width:860px){.rq-tag2{right:0}}

/* Bulles de savon + étincelles */
.rq-bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.rq-bubble{position:absolute;bottom:-60px;border-radius:50%;
  background:radial-gradient(circle at 32% 30%, rgba(255,255,255,.95), rgba(12,170,190,.10) 55%, rgba(12,170,190,.22));
  border:1px solid rgba(12,170,190,.25);animation:rq-rise linear infinite;opacity:0}
.rq-bubble::after{content:"";position:absolute;top:16%;left:22%;width:26%;height:16%;border-radius:50%;background:rgba(255,255,255,.9);transform:rotate(-25deg)}
@keyframes rq-rise{0%{transform:translateY(0);opacity:0}8%{opacity:.85}90%{opacity:.85}100%{transform:translateY(-110vh) translateX(30px);opacity:0}}
.rq-sparkle{position:absolute;color:var(--rq-cta);animation:rq-twinkle 2.8s ease-in-out infinite;pointer-events:none}
@keyframes rq-twinkle{0%,100%{opacity:.15;transform:scale(.7) rotate(0deg)}50%{opacity:1;transform:scale(1.15) rotate(20deg)}}

/* Ticker */
.rq-ticker{border-top:1px solid var(--rq-line);border-bottom:1px solid var(--rq-line);background:var(--rq-surface);overflow:hidden;padding:12px 0}
.rq-ticker-track{display:flex;width:max-content;animation:rq-scroll 30s linear infinite}
.rq-ticker:hover .rq-ticker-track{animation-play-state:paused}
@keyframes rq-scroll{to{transform:translateX(-50%)}}
.rq-ticker span{font-family:"Spline Sans Mono",monospace;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--rq-ink3);padding:0 28px;white-space:nowrap}
.rq-ticker span b{color:var(--rq-accent-deep);font-weight:500}

/* Cartes génériques */
.rq-card{background:var(--rq-surface);border:1px solid var(--rq-line);border-radius:var(--rq-radius);box-shadow:var(--rq-shadow-tiny);transition:transform .2s ease, border-color .2s ease, box-shadow .25s ease}
.rq-card:hover{transform:translateY(-4px);border-color:var(--rq-accent);box-shadow:var(--rq-shadow)}

/* Univers */
.rq-univers{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media (max-width:1000px){.rq-univers{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.rq-univers{grid-template-columns:repeat(2,1fr)}}
.rq-uni{--uc:var(--rq-accent);--ucs:var(--rq-accent-soft);padding:22px 18px 18px;text-decoration:none!important;display:flex;flex-direction:column;gap:10px;color:var(--rq-ink)!important}
.rq-uni:hover{border-color:var(--uc)}
.rq-ico{width:46px;height:46px;border-radius:14px;background:var(--ucs);color:var(--uc);display:grid;place-items:center;transition:transform .25s}
.rq-uni:hover .rq-ico{transform:scale(1.1) rotate(-4deg)}
.rq-uni h3{font-size:1.02rem;margin:0}
.rq-uni .rq-count{font-family:"Spline Sans Mono",monospace;font-size:.72rem;color:var(--rq-ink3)}
.rq-uni .rq-go{margin-top:auto;font-size:.82rem;font-weight:600;color:var(--uc)}
.rq-uni-aspi{--uc:var(--rq-aspi);--ucs:var(--rq-aspi-soft)}
.rq-uni-laveur{--uc:var(--rq-laveur);--ucs:var(--rq-laveur-soft)}
.rq-uni-tonte{--uc:var(--rq-tonte);--ucs:var(--rq-tonte-soft)}
.rq-uni-piscine{--uc:var(--rq-piscine);--ucs:var(--rq-piscine-soft)}
.rq-uni-vitre{--uc:var(--rq-vitre);--ucs:var(--rq-vitre-soft)}

/* Trio produits */
.rq-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:900px){.rq-podium{grid-template-columns:1fr}}
.rq-pcard{position:relative;display:flex;flex-direction:column;overflow:hidden}
.rq-pcard.rq-featured{border-color:var(--rq-accent);box-shadow:var(--rq-shadow)}
.rq-badge{position:absolute;top:14px;left:14px;z-index:2;font-family:"Spline Sans Mono",monospace;font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:99px;color:#fff}
.rq-b-choice{background:var(--rq-accent)}.rq-b-value{background:var(--rq-good)}.rq-b-budget{background:var(--rq-warn)}
.rq-pvisual{aspect-ratio:16/9;display:grid;place-items:center;background:radial-gradient(80% 90% at 50% 100%, var(--rq-accent-soft), transparent 75%);border-bottom:1px solid var(--rq-line);overflow:hidden}
.rq-pvisual svg, .rq-pvisual img{transition:transform .3s ease}
.rq-pvisual img{width:100%;height:100%;object-fit:cover;display:block}
.rq-pcard:hover .rq-pvisual svg, .rq-pcard:hover .rq-pvisual img{transform:scale(1.05)}
.rq-pbody{padding:20px 22px 22px;display:flex;flex-direction:column;gap:11px;flex:1}
.rq-pbody h3{font-size:1.15rem;margin:0}
.rq-pmeta{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--rq-ink2);flex-wrap:wrap}
.rq-stars{color:var(--rq-cta);letter-spacing:2px;font-size:.9rem}
.rq-note{font-family:"Spline Sans Mono",monospace;font-weight:600;font-size:.85rem;color:var(--rq-accent-deep)}
.rq-chip{font-size:.68rem;font-weight:600;padding:3px 10px;border-radius:99px;background:var(--rq-accent-soft);color:var(--rq-accent-deep);white-space:nowrap}
.rq-pros{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:.86rem}
.rq-pros li{padding-left:22px;position:relative;color:var(--rq-ink2)}
.rq-pros li::before{content:"+";position:absolute;left:2px;font-weight:700;color:var(--rq-good)}
.rq-pros li.rq-con::before{content:"−";color:var(--rq-warn)}
.rq-pfoot{margin-top:auto;padding-top:14px;border-top:1px dashed var(--rq-line);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rq-price{font-family:"Spline Sans Mono",monospace;font-weight:600;font-size:1.1rem}
.rq-price small{display:block;font-size:.64rem;color:var(--rq-ink3);font-weight:400}

/* Bande CTA turquoise avec bulles de lumière */
.rq-band{background:linear-gradient(120deg,#0CAABE,#0891A5);color:#fff;position:relative;overflow:hidden}
.rq-band::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 88% 15%, rgba(255,255,255,.22), transparent 30%),radial-gradient(circle at 75% 80%, rgba(255,255,255,.12), transparent 25%),radial-gradient(circle at 10% 90%, rgba(255,255,255,.1), transparent 30%)}
.rq-band h2, .rq-band p{color:#fff}

/* Tableaux (comparatifs) */
.wp-block-table table{border-collapse:collapse;font-size:.9rem;background:var(--rq-surface);border-radius:var(--rq-radius);overflow:hidden;box-shadow:var(--rq-shadow-tiny)}
.wp-block-table thead th{font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--rq-ink3);background:var(--rq-tint);border-bottom:1px solid var(--rq-line);padding:13px 14px;text-align:left}
.wp-block-table td{padding:13px 14px;border-bottom:1px solid var(--rq-line);font-variant-numeric:tabular-nums}
.wp-block-table tbody tr:hover{background:var(--rq-accent-soft)}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background:var(--rq-bg)}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd):hover{background:var(--rq-accent-soft)}
.wp-block-table figcaption{font-family:"Spline Sans Mono",monospace;font-size:.72rem;color:var(--rq-ink3)}

/* FAQ dépliante */
.wp-block-details{background:var(--rq-surface);border:1px solid var(--rq-line);border-radius:12px;padding:14px 18px;margin-bottom:10px;transition:border-color .2s, box-shadow .2s}
.wp-block-details:hover{border-color:var(--rq-accent);box-shadow:var(--rq-shadow-tiny)}
.wp-block-details summary{cursor:pointer;font-weight:600}

/* Formulaires Ninja */
.nf-form-cont input[type=text], .nf-form-cont input[type=email], .nf-form-cont textarea{border:1px solid var(--rq-line)!important;border-radius:12px!important;background:var(--rq-surface)!important;padding:12px 16px!important}
.nf-form-cont input:focus, .nf-form-cont textarea:focus{outline:2px solid var(--rq-accent)!important}

/* Quiz « Trouver mon robot » */
.rq-quiz{max-width:640px;margin:0 auto;background:var(--rq-surface);border:1px solid var(--rq-line);border-radius:var(--rq-radius);padding:32px;box-shadow:var(--rq-shadow)}
.rq-quiz-step{font-family:"Spline Sans Mono",monospace;font-size:.72rem;color:var(--rq-accent-deep);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px}
.rq-quiz h2{font-size:1.35rem;margin:0 0 20px}
.rq-opts{display:flex;flex-wrap:wrap;gap:10px}
.rq-opt{border:1px solid var(--rq-line);border-radius:99px;padding:11px 18px;font-size:.92rem;background:var(--rq-bg);cursor:pointer;font-weight:500;color:var(--rq-ink2);font-family:"Instrument Sans",sans-serif;transition:border-color .15s,color .15s,background .15s,box-shadow .2s}
.rq-opt:hover{border-color:var(--rq-accent);color:var(--rq-accent-deep)}
.rq-opt.rq-on{background:var(--rq-accent);border-color:var(--rq-accent);color:#fff;box-shadow:0 8px 20px -8px rgba(12,170,190,.55)}
.rq-prog{display:flex;gap:6px;margin-top:26px}
.rq-prog i{height:4px;flex:1;border-radius:2px;background:var(--rq-line);transition:background .3s}
.rq-prog i.rq-on{background:var(--rq-accent)}
.rq-quiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:22px}
.rq-quiz-back{background:none;border:none;color:var(--rq-ink3);cursor:pointer;font-size:.88rem;font-family:"Instrument Sans",sans-serif;padding:8px}
.rq-quiz-back:hover{color:var(--rq-accent-deep)}
.rq-result{text-align:center}
.rq-result .rq-verdict-badge{display:inline-block;font-family:"Spline Sans Mono",monospace;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:99px;background:var(--rq-accent);color:#fff;margin-bottom:14px}
.rq-result h2{margin:0 0 10px}
.rq-result p{color:var(--rq-ink2);max-width:34em;margin:0 auto 22px}

/* Pied de page */
footer.wp-block-template-part .wp-block-group, .rq-footer{border-top:1px solid var(--rq-line)}

/* ===== Composants articles avis ===== */

/* Encarts WiseWand : « en bref » et note d'honnêteté */
.wwc{background:var(--rq-accent-soft);border:1px solid var(--rq-accent);border-radius:var(--rq-radius);padding:20px 24px;margin:20px 0;font-size:.97rem;color:var(--rq-ink)}
.wwc.wwc-info{background:var(--rq-bg);border:1px dashed var(--rq-line);color:var(--rq-ink2);font-size:.92rem}
.wwc.wwc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;background:var(--rq-surface);border-color:var(--rq-line)}
.wwc-column{text-align:left}
.wwc-title{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:1.3rem;color:var(--rq-accent-deep);margin-bottom:2px}
.wwc-column p{margin:0;font-size:.85rem;color:var(--rq-ink2)}
.wwc-column ul{margin:8px 0 0;padding-left:18px;font-size:.9rem;color:var(--rq-ink2)}
.wwc-icon-pro .wwc-title{color:var(--rq-good)}
.wwc-icon-pro .wwc-title::before{content:"✓ "}
.wwc-icon-con .wwc-title{color:var(--rq-warn)}
.wwc-icon-con .wwc-title::before{content:"− "}
.wwc.wwc-tip{background:#FFF7E6;border-color:var(--rq-cta)}
.wwc.wwc-tip .wwc-title{color:var(--rq-warn);font-size:1rem}
.wwc.wwc-table{background:var(--rq-surface);border-color:var(--rq-line);padding:8px}
.wwc-table table{width:100%;border-collapse:collapse;font-size:.9rem}
.wwc-table th{font-family:"Spline Sans Mono",monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--rq-ink3);background:var(--rq-tint);padding:10px 12px;text-align:left}
.wwc-table td{padding:10px 12px;border-bottom:1px solid var(--rq-line)}
.wwc-table tr:last-child td{border-bottom:none}

/* RobotScore */
.rq-score{display:inline-flex;align-items:center;gap:14px}
.rq-score-disc{width:74px;height:74px;border-radius:50%;background:var(--rq-accent);color:#fff;display:grid;place-items:center;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:1.5rem;box-shadow:0 8px 22px -8px rgba(12,170,190,.55);flex-shrink:0}
.rq-score-disc small{font-size:.62rem;font-weight:600;margin-top:-6px;opacity:.85}
.rq-score-label{font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rq-accent-deep);font-weight:600}
.rq-score-note{font-size:.85rem;color:var(--rq-ink2)}
.rq-bars{display:flex;flex-direction:column;gap:12px;background:var(--rq-surface);border:1px solid var(--rq-line);border-radius:var(--rq-radius);padding:22px 24px;margin:18px 0}
.rq-bar .rq-lab{display:flex;justify-content:space-between;font-size:.84rem;margin-bottom:5px}
.rq-bar .rq-lab b{font-weight:600}
.rq-track{height:8px;border-radius:4px;background:var(--rq-tint);overflow:hidden}
.rq-fill{height:100%;border-radius:4px;background:var(--rq-accent);transition:width 1.1s cubic-bezier(.2,.7,.2,1)}

/* Box produit */
.rq-probox{display:grid;grid-template-columns:280px 1fr;gap:0;background:var(--rq-surface);border:1px solid var(--rq-accent);border-radius:var(--rq-radius);overflow:hidden;box-shadow:var(--rq-shadow);margin:24px 0}
@media (max-width:640px){.rq-probox{grid-template-columns:1fr}}
.rq-probox-img{background:var(--rq-tint);display:grid;place-items:center;min-height:200px}
.rq-probox-img img{width:100%;height:100%;object-fit:cover;display:block}
.rq-probox-body{padding:22px 24px;display:flex;flex-direction:column;gap:10px}
.rq-probox-body h3{margin:0;font-size:1.2rem}
.rq-probox-desc{font-size:.9rem;color:var(--rq-ink2);margin:0}
.rq-probox-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.rq-probox-price{font-family:"Spline Sans Mono",monospace;font-weight:600;font-size:1.3rem}
.rq-probox-price small{display:block;font-size:.64rem;color:var(--rq-ink3);font-weight:400}
.rq-probox-foot{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}

/* Boutons CTA marchands */
.rq-btn-lm{background:#6CA531;color:#fff!important;box-shadow:0 8px 22px -8px rgba(108,165,49,.55)}
.rq-btn-lm:hover{background:#7DB93E;transform:translateY(-2px);box-shadow:0 14px 28px -10px rgba(108,165,49,.6)}
.rq-btn-amazon{background:#232F3E;color:#FF9900!important;box-shadow:0 8px 22px -8px rgba(35,47,62,.5)}
.rq-btn-amazon:hover{background:#2C3B4E;transform:translateY(-2px)}
.rq-ctagrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:26px 0}
.rq-ctagrid .rq-btn{width:100%;text-align:center}

/* Animations latérales par univers (grands écrans uniquement) */
@media (min-width:1280px){
  body.rq-anim::after{
    content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;
    background-image:
      radial-gradient(circle 11px at 50% 50%, transparent 8px, var(--rq-anim-c) 9px, transparent 11px),
      radial-gradient(circle 8px at 30% 30%, transparent 5px, var(--rq-anim-c) 6px, transparent 8px),
      radial-gradient(circle 4px at 70% 70%, var(--rq-anim-c2) 3px, transparent 4px);
    background-size:190px 540px, 150px 400px, 120px 300px;
    background-repeat:repeat;
    -webkit-mask-image:linear-gradient(90deg, #000 0, #000 170px, transparent 240px, transparent calc(100% - 240px), #000 calc(100% - 170px), #000 100%);
    mask-image:linear-gradient(90deg, #000 0, #000 170px, transparent 240px, transparent calc(100% - 240px), #000 calc(100% - 170px), #000 100%);
    animation:rq-side-up 30s linear infinite;
  }
  body.rq-anim-tonte::after{animation-name:rq-side-down}
}
@keyframes rq-side-up{to{background-position:0 -1080px, 0 -800px, 0 -600px}}
@keyframes rq-side-down{to{background-position:0 1080px, 0 800px, 0 600px}}
body.rq-anim-vitres, body.rq-anim-sols{--rq-anim-c:rgba(12,170,190,.22);--rq-anim-c2:rgba(255,176,32,.28)}
body.rq-anim-piscine{--rq-anim-c:rgba(46,134,224,.22);--rq-anim-c2:rgba(12,170,190,.28)}
body.rq-anim-tonte{--rq-anim-c:rgba(83,178,58,.20);--rq-anim-c2:rgba(83,178,58,.32)}
@media (prefers-reduced-motion: reduce){body.rq-anim::after{animation:none}}

/* Sommaire d'article */
.rq-toc{background:var(--rq-surface);border:1px solid var(--rq-line);border-radius:var(--rq-radius);padding:20px 24px;margin:22px 0}
.rq-toc ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:.94rem}
.rq-toc a{text-decoration:none;color:var(--rq-accent-deep)}
.rq-toc a:hover{text-decoration:underline}

/* rq-fix-largeur : contraint les composants d'article à la colonne de lecture (bug tableau pleine largeur) */
.wwc,.rq-probox,.rq-toc,.rq-bars,.rq-galerie{max-width:min(760px,calc(100% - 8px));margin-left:auto;margin-right:auto}
.wwc{margin-top:20px;margin-bottom:20px}
.rq-probox,.rq-toc,.rq-bars{margin-top:28px;margin-bottom:28px}
.wwc-table{overflow-x:auto}

/* rq-filigrane-doux : filigrane logo plus transparent (lisibilité du texte) */
body::before{opacity:.35}

/* rq-archives : pages catégories centrées et lisibles */
.archive .wp-block-query-title,.archive h1{text-align:center}
.archive .taxonomy-description,.archive .wp-block-term-description{max-width:760px;margin:6px auto 34px;text-align:center;font-size:1.06rem;line-height:1.7;color:var(--rq-ink)}
.archive .taxonomy-description a,.archive .wp-block-term-description a{color:var(--rq-accent-strong,#0A8A9B);font-weight:600}

/* rq-archives-center-fix : le groupe d'entête d'archive est justifié à gauche par le thème */
.archive .wp-block-group.is-content-justification-left{justify-content:center!important;align-items:center!important}
.archive .wp-block-query-title,.archive .wp-block-term-description,.archive .taxonomy-description{margin-left:auto!important;margin-right:auto!important;text-align:center!important}