/* Local additions on top of the captured theme (site/public/theme/shrmcps1.css). */

[data-audio-src],
[data-action],
[data-topic-href],
[data-placeholder],
[data-flashcards-href],
[data-quiz-href],
[data-href] {
  cursor: pointer;
}

.local-audio-active {
  opacity: 0.7;
}

/* Check My Understanding: marked as a placeholder until assessments are built. */
[data-assessment] .H1UUq5-6::after {
  content: "Assessment · coming later";
  display: inline-block;
  margin-left: 0.6rem;
  padding: 0.1rem 0.5rem;
  border-radius: 999px;
  background: #f36943;
  color: #fff;
  font: 700 0.65rem/1.4 "Open Sans", sans-serif;
  letter-spacing: 0.02em;
  text-transform: none;
  vertical-align: middle;
}

.local-placeholder {
  padding: 1.5rem 2rem 2rem;
  text-align: center;
}
.local-placeholder__badge {
  display: inline-block;
  margin-bottom: 0.75rem;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  background: #f36943;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.8rem;
}

.local-error {
  margin: 1rem;
  padding: 1rem;
  background: #fee;
  color: #900;
  white-space: pre-wrap;
}

/* Header product logo: a link in the live app, decorative here. */
header [xqa="product"] {
  cursor: default;
  pointer-events: none;
}

/* Controls that aren't built locally (header menu actions, Navigator toggle). */
.local-disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}

/* Tooltips: the live app un-hides them from JS on hover/focus; do it in CSS here. */
._1lZw8xDo:hover > ._3zc4uSec,
._1lZw8xDo:focus-within > ._3zc4uSec {
  visibility: visible;
}

/* Always reserve the scrollbar's space so locking scroll under a dialog doesn't shift the layout. */
html {
  scrollbar-gutter: stable;
}
html.local-scroll-lock {
  overflow: hidden;
}

/* Quiz: once an answer is submitted the options are disabled — no hover ring or pointer. */
._7DU7S-o7 .s2z9qM7d:hover,
._7DU7S-o7 .s2z9qM7d:focus-within {
  box-shadow: none;
}
._7DU7S-o7 .zfcCEuRn:hover,
._7DU7S-o7 + .Xg-VJ-dO {
  cursor: default;
}