/**
 * Accessible cursor styles
 * Keeps the default cursor for reading areas and uses a custom pointer only
 * on browsers and devices that support hover with a fine pointer.
 */

:root {
  --interactive-cursor: url("../images/cursor.svg") 6 4, pointer;
}

html,
body {
  cursor: default;
}

@media (hover: hover) and (pointer: fine) {
  a[href],
  button,
  [role='button'],
  input[type='button'],
  input[type='submit'],
  input[type='reset'],
  label[for],
  summary,
  select,
  .btn,
  .toggle-btn,
  #language-switcher,
  .nav_links a {
    cursor: var(--interactive-cursor);
  }
}

input:not([type='button']):not([type='submit']):not([type='reset']),
textarea,
[contenteditable='true'] {
  cursor: text;
}

button:disabled,
input:disabled,
select:disabled,
textarea:disabled,
[aria-disabled='true'] {
  cursor: not-allowed;
}