/* Django attachments for Klaro (toggle button + a11y helpers).
   Toggle icon path resolves relative to this stylesheet under main/css/. */

.klaro a,
.klaro label.cm-list-label {
  display: inline-block;
  min-height: 24px;
  cursor: pointer;
}

.klaro input:disabled + label.cm-list-label {
  cursor: not-allowed;
}

.klaro a:focus {
  outline: revert;
}

.klaro_toggle_dialog {
  position: fixed;
  z-index: 99;
  right: 25px;
  bottom: 25px;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 1px solid #eaeaea;
  border-radius: 20px;
  background: white
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' d='M0 0h20v20H0z'/%3E%3Cpath d='M10 9.6c-.6 0-1 .4-1 1 0 .4.3.7.6.8l-.3 1.4h1.3l-.3-1.4c.4-.1.6-.4.6-.8.1-.6-.3-1-.9-1zm.1-4.3c-.7 0-1.4.5-1.4 1.2V8h2.7V6.5c-.1-.7-.6-1.2-1.3-1.2zM10 2 3 5v3c.1 4.4 2.9 8.3 7 9.9 4.1-1.6 6.9-5.5 7-9.9V5l-7-3zm4 11c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V9c0-.6.4-1 1-1h.3V6.5C7.4 5.1 8.6 4 10 4c1.4 0 2.6 1.1 2.7 2.5V8h.3c.6 0 1 .4 1 1v4z'/%3E%3C/svg%3E")
    center / contain no-repeat;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.klaro_toggle_dialog:focus {
  transform: scale(1.2);
}

.klaro .context-notice p.cm-dialog-link {
  margin-top: 6px;
}