/* Arabic Reader Community — front-end study controls for single posts.
   Enqueued only on posts that contain a breakdown. Nothing here relies on
   inline <script>/<style> in the post body, so it survives content filtering. */

.arjb-study-controls{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;
  margin:0 0 16px;padding:10px 14px;border:1px solid #d9e2df;border-radius:10px;
  background:#f6faf8;
  font:600 13px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
.arjb-study-controls .arjb-cg{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.arjb-study-controls .arjb-lbl{
  color:#4a5b56;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;
}
.arjb-study-controls button{
  cursor:pointer;border:1px solid #cfe0da;background:#fff;color:#12463b;
  border-radius:7px;padding:5px 11px;font:inherit;font-size:12px;line-height:1.2;
}
.arjb-study-controls button:hover{background:#eef6f3}
.arjb-study-controls button.on{background:#1a7f6b;border-color:#1a7f6b;color:#fff}
.arjb-study-controls .arjb-lang.off{opacity:.45;text-decoration:line-through}
.arjb-study-controls .arjb-hint{color:#8a9a95;font-weight:500;font-size:11px}

/* View modes toggled on the wrapper by front.js */
.arjb-study .arjb-card{transition:transform .12s ease}
.arjb-study.arjb-mode-hover .arjb-card:hover{
  transform:scale(var(--arjb-hoverzoom,1.3));
  position:relative;z-index:5;box-shadow:0 6px 22px rgba(0,0,0,.28);background:#fff;
}
.arjb-study.arjb-mode-popup .arjb-card{cursor:zoom-in}

/* Click-to-enlarge overlay */
.arjb-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.55);
  display:flex;align-items:center;justify-content:center;z-index:99999;cursor:zoom-out;
}
.arjb-overlay > *{
  transform:scale(var(--arjb-enlargezoom,2));
  background:#fff;border-radius:10px;box-shadow:0 10px 44px rgba(0,0,0,.4);margin:0;
}

/* Language show/hide (JS toggles the attribute) */
.arjb-study [data-arjb-hidden]{display:none !important}

@media print{
  .arjb-study-controls{display:none !important}
}