/* riw-reader.css v3 - RTL Arabic version */
.riw-reader-open {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg,#ffb84d,#ff9800);
  color: #111;
  border: none;
  padding: 12px 20px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 17px;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0,0,0,0.4);
  margin: 15px auto;
  direction: rtl;
}
.riw-reader-backdrop {
  display:none;
  position: fixed; inset:0; background: rgba(0,0,0,0.65); z-index: 9998;
}
.riw-reader-modal {
  display:none;
  position: fixed; inset:0; z-index: 9999; align-items:center; justify-content:center;
}
.riw-reader-modal-inner {
  width:100%; max-width:580px;
  background:#1a1a1a;
  color:#eee;
  border-radius:14px;
  padding:22px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  animation: riw-fadein .25s ease-out;
  position:relative;
  direction: rtl;
}
@keyframes riw-fadein {
  from { transform:scale(0.9); opacity:0; }
  to { transform:scale(1); opacity:1; }
}
.riw-reader-title { text-align:center; color:#ffc466; margin-bottom:14px; font-size:20px; }
.riw-section { margin-bottom:16px; text-align:right; }
.riw-controls { display:flex; gap:10px; flex-wrap:wrap; align-items:center; justify-content:flex-start; }
.riw-btn { background:#333; color:#fff; border:none; padding:8px 12px; border-radius:8px; cursor:pointer; }
.riw-range { flex:1; }
.riw-actions { display:flex; justify-content:center; gap:12px; margin-top:15px; }
.riw-reader-close {
  position:absolute; top:10px; right:10px;
  width:28px; height:28px;
  border-radius:50%; border:none;
  background:#333; color:#fff; font-size:18px; line-height:28px; text-align:center; cursor:pointer;
}
/* backgrounds apply to .read-container */
.read-container.rw-bg-dark { background:#111 !important; color:#eaeaea !important; }
.read-container.rw-bg-sepia { background:#fbf1e6 !important; color:#111 !important; }
.read-container.rw-bg-blue { background:#eaf6ff !important; color:#111 !important; }
/* widths */
.read-container.rw-wide { max-width:100% !important; padding:0 15px; }
.read-container.rw-narrow { max-width:760px; margin:0 auto; }
/* responsive */
@media (max-width:700px){
  .riw-reader-modal-inner { margin:20px; }
  .riw-reader-open { width:95%; font-size:16px; }
}