/* ==========================================================
   Reconnexion Divine - Espace personnel du lecteur
   Compatible clair / sombre.
   Ne force pas le thème global du site.
   ========================================================== */

.rd-reader-reflection{
  width:100%;
  box-sizing:border-box;
  margin:22px auto;
  color:var(--rd-reflection-text, inherit);
}

.rd-reader-reflection-inner{
  border-radius:18px;
  padding:clamp(16px,3vw,24px);
  border:1px solid var(--rd-reflection-border, rgba(255,255,255,.22));
  background:var(--rd-reflection-bg, rgba(255,255,255,.11));
  box-shadow:0 16px 42px rgba(8,28,58,.14);
  backdrop-filter:blur(8px);
}

/* Mode clair par défaut si la page est claire */
body:not(.dark) .rd-reader-reflection-inner{
  --rd-reflection-bg:linear-gradient(135deg,#ffffff,#edf6ff);
  --rd-reflection-text:#18324b;
  --rd-reflection-muted:#526a80;
  --rd-reflection-border:#dce7f2;
  --rd-reflection-input:#ffffff;
  --rd-reflection-button:#0b315f;
  --rd-reflection-button-text:#ffffff;
}

/* Détection large des modes sombres existants */
body.dark .rd-reader-reflection-inner,
html.dark .rd-reader-reflection-inner,
[data-theme="dark"] .rd-reader-reflection-inner,
.theme-dark .rd-reader-reflection-inner,
.native-card + .rd-reader-reflection .rd-reader-reflection-inner,
.native-wrap .rd-reader-reflection-inner{
  --rd-reflection-bg:linear-gradient(180deg,rgba(102,151,165,.75),rgba(75,121,140,.75));
  --rd-reflection-text:#f7fbff;
  --rd-reflection-muted:#d9e7ee;
  --rd-reflection-border:rgba(229,199,95,.72);
  --rd-reflection-input:rgba(255,255,255,.10);
  --rd-reflection-button:#1d6fae;
  --rd-reflection-button-text:#ffffff;
}

.rd-reader-reflection-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em;
  opacity:.9;
  margin-bottom:8px;
  color:var(--rd-reflection-muted, currentColor);
}

.rd-reader-reflection h2{
  margin:0 0 10px;
  font-size:clamp(22px,4vw,30px);
  line-height:1.1;
  color:var(--rd-reflection-text, currentColor);
}

.rd-reader-reflection-intro,
.rd-reader-note,
.rd-reader-meta{
  color:var(--rd-reflection-muted, currentColor);
}

.rd-reader-reflection-intro{
  margin:0 0 14px;
  line-height:1.65;
  font-size:14px;
}

.rd-reader-prompts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0;
}

.rd-reader-prompts button,
.rd-reader-actions button{
  border:1px solid rgba(255,255,255,.20);
  border-radius:999px;
  padding:9px 12px;
  font-weight:800;
  font-size:12px;
  cursor:pointer;
  background:var(--rd-reflection-button,#0b315f);
  color:var(--rd-reflection-button-text,#fff);
  box-shadow:0 8px 20px rgba(8,28,58,.12);
}

.rd-reader-prompts button{
  background:rgba(255,255,255,.16);
  color:var(--rd-reflection-text,inherit);
}

body:not(.dark) .rd-reader-prompts button{
  background:#eef6ff;
  color:#0b315f;
  border-color:#dce7f2;
}

.rd-reader-textarea{
  width:100%;
  min-height:190px;
  resize:vertical;
  box-sizing:border-box;
  border-radius:16px;
  padding:14px;
  border:1px solid var(--rd-reflection-border,rgba(255,255,255,.22));
  background:var(--rd-reflection-input,rgba(255,255,255,.10));
  color:var(--rd-reflection-text,inherit);
  font:inherit;
  line-height:1.55;
  outline:none;
}

.rd-reader-textarea::placeholder{
  color:var(--rd-reflection-muted,rgba(255,255,255,.72));
  opacity:.85;
}

.rd-reader-textarea:focus{
  box-shadow:0 0 0 3px rgba(230,199,95,.25);
}

.rd-reader-meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin:8px 0 12px;
  font-size:12px;
  font-weight:800;
}

.rd-reader-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.rd-reader-actions .rd-reader-danger{
  background:#8c2f3f;
}

.rd-reader-note{
  margin:12px 0 0;
  font-size:12px;
  line-height:1.5;
}

@media(max-width:680px){
  .rd-reader-reflection-inner{
    padding:16px;
    border-radius:14px;
  }

  .rd-reader-actions button,
  .rd-reader-prompts button{
    width:100%;
  }
}