/* Shared wrapper styling for gating elements (video / quiz blocks). */
.jgt-gate {
  border: 1px solid #3a5a8c;
  border-radius: 10px;
  padding: 16px 18px;
  margin: 20px 0;
  background: #0f1f38;
  color: #eaf1ff;
  font: 14px/1.5 system-ui, sans-serif;
}
.jgt-gate strong {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  color: #8fb4ff;
  margin-bottom: 6px;
}
.jgt-gate p { margin: 0 0 12px; }
.jgt-gate.jgt-done {
  border-color: #2f9172;
  background: #10281f;
}

/* Disabled visual on the "Complete and Continue" link while gated. */
#next_lesson_link.jgt-disabled {
  opacity: 0.45;
  cursor: not-allowed;
  filter: grayscale(1);
}

/* "Blocked" toast (bottom-center). */
.jgt-msg {
  position: fixed;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  z-index: 99999;
  background: #b3261e;
  color: #fff;
  padding: 10px 16px;
  border-radius: 8px;
  font: 14px/1.4 system-ui, sans-serif;
  opacity: 0;
  transition: opacity .2s ease, transform .2s ease;
  pointer-events: none;
}
.jgt-msg--show { opacity: 1; transform: translateX(-50%) translateY(0); }