/* rera-exam.com · composants propres au site (au-dessus du design commun v7)
   Identité Dubaï : bleu nuit, sable, or ; Sora en titres. Mobile d'abord, 390 px sans débordement,
   animations coupées si l'utilisateur limite les mouvements. */

/* Héros : ligne d'horizon dorée, très discrète, sous la grille */
.rx-hero{background:
  radial-gradient(60% 70% at 88% 6%,color-mix(in srgb,var(--brand) 20%,transparent),transparent 70%),
  radial-gradient(48% 60% at 0% 100%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 72%),
  var(--paper)}
.rx-hero .qz-wrap{position:relative;z-index:1}
.rx-hero::after{opacity:.12}
.rx-hero>.qz-wrap::after{content:"";position:absolute;z-index:-1;left:-40px;right:-40px;bottom:-96px;height:150px;opacity:.55;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 220' preserveAspectRatio='none'%3E%3Cpath d='M0 220V170h60v-30h30v30h40V120h24v-40h8v40h24v50h50v-70h18V60h6V20h4v40h6v40h18v70h70v-40h40v40h60V90h12V70h20v20h12v80h60v-50h30v50h80V130h40v40h70v-60h16V80h10v30h16v60h90v-40h50v40h80V140h30v30h110v-30h40v30h80v-10H1440V220z' fill='%23EFE3CC'/%3E%3C/svg%3E") bottom/100% 100% no-repeat}

/* Carte « question du jour » avec lecture dans 6 langues */
.rx-demo{padding:20px}
.rx-demo__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 0 10px}
.rx-demo__src{font-size:13px;color:var(--text2)}
.rx-demo .qz-sheet__q{margin:0 0 12px;font:680 1.06rem/1.38 var(--f-head);color:var(--ink)}
.rx-demo__opts{list-style:upper-alpha;margin:0 0 4px;padding:0 0 0 1.4em;display:grid;gap:7px;font-size:15px}
.rx-demo__opts li{padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.rx-demo__opts li::marker{font-weight:700;color:var(--brand)}
.rx-demo.is-shown [data-rx-right]{border:2px solid var(--brand-2);background:color-mix(in srgb,var(--brand-2) 10%,#fff);font-weight:600}
.rx-demo__langs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}
.rx-demo__l{font-size:13px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--text2);margin-inline-end:4px}
.rx-chip{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font:500 14px/1 var(--f-text),"IBM Plex Sans Arabic","Noto Sans Devanagari",sans-serif;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.rx-chip:hover{border-color:var(--ink)}
.rx-chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}
.rx-demo__tr{margin-top:10px;padding:12px 14px;border-radius:12px;background:var(--paper);font-family:var(--f-text),"IBM Plex Sans Arabic","Noto Sans Devanagari",sans-serif;font-size:15.5px;line-height:1.7;color:var(--ink)}
.rx-demo__tr p{margin:0}
.rx-demo__tr[dir="rtl"]{text-align:right}
.rx-demo__ans{margin-top:12px}
.rx-demo__ans summary{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:12px;background:var(--brand);color:#fff;font-weight:600;cursor:pointer;list-style:none}
.rx-demo__ans summary::-webkit-details-marker{display:none}
.rx-demo__ans[open] summary{background:var(--ink)}
.rx-demo__ans p{margin:10px 0 0;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--brand-2) 35%,#fff);background:color-mix(in srgb,var(--brand-2) 7%,#fff);font-size:15px;line-height:1.55}

/* Section « mode compréhension » */
.rx-eyebrow{margin:0 0 10px;font:700 13px/1 var(--f-text);letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
.rx-eyebrow--dark{color:#9A6B12}
.rx-langlist{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 28px;padding:0;font-family:var(--f-text),"IBM Plex Sans Arabic","Noto Sans Devanagari",sans-serif}
.rx-langlist li{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);color:#fff;font-size:15px}
.rx-langlist li.is-main{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:650}
.rx-glass{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.rx-glass h3{color:#fff}.rx-glass p{color:rgba(255,255,255,.74)}
.rx-glass .qz-link{color:var(--accent)}
.rx-step{font:800 1.9rem/1 var(--f-head);color:var(--accent);margin-bottom:2px}
.rx-step--ink{color:var(--accent-ink)}

/* Bento : score de préparation, échéances */
.rx-ready{display:grid;gap:18px;align-content:start}
@media (min-width:640px){.rx-ready{grid-template-columns:auto minmax(0,1fr);align-items:start}}
.rx-ready__ring{position:relative;width:112px;height:112px}
.rx-ready__ring .qz-ring{width:112px;height:112px}
.rx-ready__ring .qz-ring::before{width:86px;height:86px}
.rx-ready__ring b{position:absolute;inset:0;display:grid;place-items:center;font:800 1.6rem/1 var(--f-head);color:#fff;letter-spacing:-.03em}
.rx-days{display:flex;gap:6px;margin:6px 0 0!important}
.rx-days span{padding:6px 10px;border-radius:8px;background:rgba(42,28,0,.12);font-weight:700;font-size:13.5px;color:var(--accent-ink)}
.rx-days .is-on{background:var(--accent-ink);color:var(--accent)}

/* Tableau d'équipe (agences) */
.rx-team{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-2);padding:20px;overflow-x:auto}
.rx-team__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.rx-team__head b{font:700 1.02rem var(--f-head);color:var(--ink)}
.rx-team__head span{font-size:13px;padding:5px 10px;border-radius:999px;background:var(--paper);color:var(--text2)}
.rx-team table{width:100%;min-width:300px;border-collapse:collapse;font-size:15px}
.rx-team th{text-align:start;font-size:13px;font-weight:600;color:var(--text2);padding:8px 0;border-bottom:1px solid var(--line)}
.rx-team td{padding:10px 0;border-bottom:1px solid var(--line)}
.rx-team tr:last-child td{border-bottom:0}
.rx-team .is-ok{font-weight:700;color:#1F7A6F}
.rx-team .is-mid{font-weight:700;color:#8A5A00}
.rx-team .is-late{font-weight:700;color:#9A3412}
.rx-team__note{margin:12px 0 0;font-size:13px;color:var(--text2)}

/* Pages dans une autre langue : test gratuit traduit, indexable */
.rx-q{border:1px solid var(--line);border-radius:var(--r-l);background:#fff;padding:18px 20px;margin:0 0 14px}
.rx-q__n{font:700 13px/1 var(--f-text);color:var(--brand);margin:0 0 8px}
.rx-q__en{margin:0 0 6px;font:680 1.02rem/1.4 var(--f-head);color:var(--ink)}
.rx-q__tr{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:var(--paper);font-size:15.5px;line-height:1.7}
.rx-q ol{list-style:upper-alpha;margin:0 0 6px;padding-inline-start:1.4em;display:grid;gap:4px;font-size:15px}
.rx-q details summary{cursor:pointer;font-weight:650;color:var(--brand-d);min-height:44px;display:flex;align-items:center}
.rx-q details p{margin:6px 0 0}

@media (prefers-reduced-motion:reduce){.rx-chip{transition:none}}
@media (max-width:560px){.rx-demo{padding:16px}.rx-demo .qz-sheet__q{font-size:1rem}
  .rx-hero .qz-deck__chip{position:relative;right:auto;bottom:auto;margin:14px 0 0 auto;width:max-content}}