/* ---- Cup cursor (mouse only; see cup-cursor.js). The system cursor hides while the cup is on and returns over controls. ---- */
html.cup-on,html.cup-on body,html.cup-on *{cursor:none!important}
/* Over a control the system pointer returns; children (logo image, Sprouts mark, button labels) inherit the hand from their parent */
html.cup-on.cup-native{cursor:auto!important}
html.cup-on.cup-native *{cursor:inherit!important}
html.cup-on.cup-native a,html.cup-on.cup-native button,html.cup-on.cup-native [role="button"],html.cup-on.cup-native [role="radio"],html.cup-on.cup-native label,html.cup-on.cup-native summary{cursor:pointer!important}
html.cup-on.cup-native input,html.cup-on.cup-native textarea,html.cup-on.cup-native select{cursor:text!important}
html.cup-on.cup-native input[type="checkbox"],html.cup-on.cup-native input[type="radio"]{cursor:pointer!important}
.cup-cursor{position:fixed;left:0;top:0;z-index:10002;pointer-events:none;opacity:0;transition:opacity .25s ease;will-change:transform}
.cup-cursor.on{opacity:1}
.cup-cursor.aside{opacity:0;transition:opacity .15s ease}
.cup-cursor .cup{display:block;overflow:visible;transform-origin:40% 55%;filter:drop-shadow(0 1px 2px rgba(31,25,21,.35))}
.cup-cursor .cup-body{fill:#1F1915}
.cup-cursor .cup-dot{fill:#1F1915}
.cup-cursor .coffee{fill:#6B4A2E}   /* roasted brown, readable against the ink mark */
.cup-cursor.inv .cup-body,.cup-cursor.inv .cup-dot{fill:#FCFAF5}
.cup-cursor.inv .cup{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.cup-cursor.inv .coffee{fill:#7A5636}
.cup-drop{position:fixed;left:0;top:0;width:6px;height:7px;border-radius:50% 50% 55% 55%;background:#6B4A2E;pointer-events:none;z-index:10001;will-change:transform,opacity}
@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.cup-cursor,.cup-drop{display:none}}
/* Variants for review: 'dark' keeps the coffee as a deeper tone inside the ink mark, 'nofill' shows the mark alone (drops only), 'brown' is the earlier look */
/* Mike's pick: on cream the mark is warm brown with the coffee in ink; on ink the mark is parchment with sand coffee */
.cup-cursor.v-dark .cup-body,.cup-cursor.v-dark .cup-dot{fill:#4A3222}
.cup-cursor.v-dark .coffee{fill:#1F1915}
.cup-cursor.v-dark.inv .cup-body,.cup-cursor.v-dark.inv .cup-dot{fill:#FCFAF5}
.cup-cursor.v-dark.inv .coffee{fill:#D8CDB9}
.cup-drop{background:#1F1915}   /* drops match the mark: ink on cream */
.cup-cursor.v-nofill .coffee{display:none}
/* Live look: solid mark, no fill; coffee appears only as drops */
.cup-cursor.v-solid .cup-body,.cup-cursor.v-solid .cup-dot{fill:#1F1915}   /* the mark in brand ink on cream */
.cup-cursor.v-solid.inv .cup-body,.cup-cursor.v-solid.inv .cup-dot{fill:#FCFAF5}   /* parchment on ink */
.cup-cursor.v-solid .coffee{display:none}
.cup-drop.inv{background:#FCFAF5}   /* parchment drops over ink, same as the mark */