/* Completely disable all interactions with disabled endpoints */
.opblock.is-disabled {
  pointer-events: none !important; /* Prevents all clicks and interactions */
  user-select: none !important; /* Prevents text selection */
  cursor: not-allowed !important;
  position: relative;
  filter: grayscale(100%) !important; /* Fully greyed out */
  opacity: 0.6 !important; /* Reduced opacity to show it's disabled */
}

/* Overlay to block all interactions - covers entire endpoint */
.opblock.is-disabled::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  z-index: 10000;
  pointer-events: auto !important; /* Block all clicks on the overlay */
  cursor: not-allowed !important;
}

/* Prevent summary from being clickable */
.opblock.is-disabled .opblock-summary {
  cursor: not-allowed !important;
  pointer-events: none !important;
  position: relative;
}

/* Grey out the method badge */
.opblock.is-disabled .opblock-summary-method {
  filter: grayscale(100%) !important;
  opacity: 0.6 !important;
}

/* Grey out the path text */
.opblock.is-disabled .opblock-summary-path {
  filter: grayscale(100%) !important;
  opacity: 0.6 !important;
}

/* Grey out the description */
.opblock.is-disabled .opblock-summary-description {
  filter: grayscale(100%) !important;
  opacity: 0.6 !important;
}

/* Add a subtle "DISABLED" indicator */
.opblock.is-disabled .opblock-summary-path::before {
  content: "🔒 ";
  opacity: 0.7;
  margin-right: 6px;
}

/* Completely hide the expand/collapse arrow */
.opblock.is-disabled .opblock-summary-control,
.opblock.is-disabled .opblock-control-arrow {
  display: none !important;
  pointer-events: none !important; 
}

/* Prevent the endpoint from expanding - force it to stay closed */
.opblock.is-disabled .opblock-body {
  display: none !important;
  pointer-events: none !important;
}

/* Force closed state - remove open class if somehow added */
.opblock.is-disabled.opblock-is-open {
  pointer-events: none !important;
}

.opblock.is-disabled.opblock-is-open .opblock-body {
  display: none !important;
}

/* Hide all interactive elements */
.opblock.is-disabled .try-out,
.opblock.is-disabled .btn.try-out__btn,
.opblock.is-disabled button,
.opblock.is-disabled a,
.opblock.is-disabled input,
.opblock.is-disabled select,
.opblock.is-disabled textarea {
  display: none !important;
  pointer-events: none !important;
}

/* Prevent any hover effects */
.opblock.is-disabled:hover {
  pointer-events: none !important;
}

.opblock.is-disabled .opblock-summary:hover {
  pointer-events: none !important;
  cursor: not-allowed !important;
}