/* Opigno Activity **************************************************/
.opigno_activity__wrapper .opigno_activity {
  flex-direction: column;
  flex-wrap: nowrap;
  display: flex;
}

.opigno_activity__wrapper .opigno_activity>div:nth-child(1) {
  order: 2;
  background: #f2f2f2;
  padding: 1rem;
  border-radius: 0.5rem;
  margin-top: 1rem;
}

.opigno_activity__wrapper .opigno_activity>div:nth-child(1)>div:nth-child(1):not(.h5p-content) {
  font-weight: bold;
  color: var(--desktop-headings);
  font-family: "Montserrat", Geneva, Arial, Helvetica, sans-serif;
  margin: 0 0 0.5em;
  font-size: 20px;
}

.opigno_activity__wrapper .opigno_activity>div:nth-child(1) .h5p-container {
  padding: 1rem;
}

.opigno_activity__wrapper .opigno_activity>div:nth-child(2) {
  order: 1;
}

/* User Form - Disable all fields except password fields **************************************************/
body:not(.role-Administrator) .user-form input:not(#edit-pass-pass1):not(#edit-pass-pass2):not(#edit-current-pass):not(#edit-submit),
body:not(.role-Administrator) .user-form textarea,
body:not(.role-Administrator) .user-form select,
body:not(.role-Administrator) .user-form input[type="checkbox"]:not(#edit-pass-pass1):not(#edit-pass-pass2):not(#edit-current-pass):not(#edit-submit),
body:not(.role-Administrator) .user-form input[type="radio"]:not(#edit-pass-pass1):not(#edit-pass-pass2):not(#edit-current-pass):not(#edit-submit) {
  pointer-events: none !important;
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  background-color: #f5f5f5 !important;
}

/* Allow password fields to remain editable */
body:not(.role-Administrator) .user-form #edit-pass-pass1,
body:not(.role-Administrator) .user-form #edit-pass-pass2,
body:not(.role-Administrator) .user-form #edit-current-pass {
  pointer-events: auto !important;
  opacity: 1 !important;
  cursor: text !important;
  background-color: #fff !important;
}

/* Disable all fieldset checkboxes and radios (Status and Roles) */
body:not(.role-Administrator) .user-form fieldset input[type="checkbox"],
body:not(.role-Administrator) .user-form fieldset input[type="radio"],
body:not(.role-Administrator) .user-form #edit-status input,
body:not(.role-Administrator) .user-form #edit-roles input,
body:not(.role-Administrator) .user-form #edit-status-wrapper input,
body:not(.role-Administrator) .user-form #edit-roles-wrapper input {
  pointer-events: none !important;
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

/* Disable labels and entire wrapper for Status and Roles to prevent clicking */
body:not(.role-Administrator) .user-form #edit-status-wrapper,
body:not(.role-Administrator) .user-form #edit-roles-wrapper,
body:not(.role-Administrator) .user-form #edit-status-wrapper *,
body:not(.role-Administrator) .user-form #edit-roles-wrapper *,
body:not(.role-Administrator) .user-form fieldset#edit-status--wrapper,
body:not(.role-Administrator) .user-form fieldset#edit-roles--wrapper,
body:not(.role-Administrator) .user-form fieldset#edit-status--wrapper *,
body:not(.role-Administrator) .user-form fieldset#edit-roles--wrapper * {
  pointer-events: none !important;
  cursor: not-allowed !important;
}

/* Ensure form items in status and roles are disabled */
body:not(.role-Administrator) .user-form #edit-status .form-item,
body:not(.role-Administrator) .user-form #edit-roles .form-item,
body:not(.role-Administrator) .user-form #edit-status .form-item label,
body:not(.role-Administrator) .user-form #edit-roles .form-item label,
body:not(.role-Administrator) .user-form #edit-status .form-item .field,
body:not(.role-Administrator) .user-form #edit-roles .form-item .field {
  pointer-events: none !important;
  cursor: not-allowed !important;
  opacity: 0.6 !important;
}

/* Allow Save button to remain clickable */
body:not(.role-Administrator) .user-form #edit-submit {
  pointer-events: auto !important;
  opacity: 1 !important;
  cursor: pointer !important;
  background-color: inherit !important;
}