/* ------------------------------------------------------------------
   Deactivated-control hover (homepage hero player)
   The hero player's transport buttons (rewind / play / fast-forward)
   are decorative and not wired. On hover they show a flat stylized dot
   cursor (not a pointer) and a small flat "this is just a mockup"
   label, so it reads as a non-functional mockup. Paired with
   js/mockup.js. Injected on the homepage only.
------------------------------------------------------------------- */

/* Flat stylized dot cursor over the decorative player controls. */
.hero-visual__ctrl,
.hero-visual__ctrl * {
    cursor: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='18'%3E%3Ccircle%20cx='9'%20cy='9'%20r='5'%20fill='%2300d4aa'/%3E%3C/svg%3E") 9 9, default !important;
}

/* Flat label that follows the dot while over a deactivated control. */
.aes-mockup-tip {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100000;
    display: none;
    padding: 4px 10px;
    font-family: 'Share Tech Mono', monospace;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: lowercase;
    color: #0a0a14;
    background: #00d4aa;
    border-radius: 2px;
    white-space: nowrap;
    pointer-events: none;
    transform: translate(14px, 16px);
}