/*
 * Hand cursor on everything clickable, on every page.
 *
 * Why: browsers show the hand only on links by default. Buttons (for example
 * "Connect" on Seller -> Integrations) showed a plain arrow, so they did not
 * look clickable. This file is linked from the shared partials (seller/admin/
 * creator navigation, buyer top bar, brand logo), so every page picks it up.
 *
 * The selectors are deliberately low-specificity (plain element/attribute
 * selectors). Any component that sets its own cursor on a class - "help" on
 * info dots, "grab" on draggable cards, "zoom-in" on photos, "default" on
 * finished steps - still wins, so nothing that was intentional changes.
 */

/* Things you can click: real buttons, links, button-like elements, toggles. */
button,
a[href],
[role="button"],
[role="tab"],
[role="menuitem"],
[role="option"],
[role="switch"],
summary,
label[for],
select,
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="color"],
input[type="range"] {
  cursor: pointer;
}

/* Switched-off controls show the "not allowed" sign instead of a hand. */
button:disabled,
select:disabled,
input:disabled,
[aria-disabled="true"] {
  cursor: not-allowed;
}