/*
 * IPO SME — branded image cursors (pure CSS, lightweight).
 * Orange arrow by default, orange pointing hand on interactive elements,
 * and a green/red arrow over gain/loss values (finance flourish).
 *
 * Every rule keeps a native keyword fallback (auto / pointer / default) so
 * browsers that don't support SVG cursors (e.g. Safari) — or a failed image
 * load — degrade gracefully to the system cursor. Custom cursors simply
 * don't appear on touch devices, so no extra guards are needed.
 *
 * The trailing numbers are the hotspot (active pixel): arrow tip = 4 2,
 * fingertip = 11 3.
 */

html, body {
  cursor: url("cursor-arrow.svg") 4 2, auto !important;
}

/* Clickable things → branded pointing hand */
a[href], button, summary, select, label[for],
input[type="submit"], input[type="button"],
[role="button"], [onclick],
.button-primary, .form-submit, .button.is-link, .tab-btn, .hdwd_tab-link,
.navbar_toggle, .sw-toast-btn, .doc-card, .link-arrow, .faq-item summary,
a.company-name {
  cursor: url("cursor-pointer.svg") 11 3, pointer !important;
}

/* Text entry → system I-beam */
input:not([type="submit"]):not([type="button"]), textarea, [contenteditable="true"] {
  cursor: text !important;
}

/* Disabled controls (more specific than the hand rule, so it wins) */
button:disabled, .form-submit:disabled, [disabled], [aria-disabled="true"] {
  cursor: not-allowed !important;
}

/* Non-link company names keep the branded arrow */
.company-name { cursor: url("cursor-arrow.svg") 4 2, default !important; }
a.company-name { cursor: url("cursor-pointer.svg") 11 3, pointer !important; }

/* Finance flourish: green arrow over gains, red over losses */
.gain { cursor: url("cursor-gain.svg") 4 2, default !important; }
.loss { cursor: url("cursor-loss.svg") 4 2, default !important; }