/* Audrey brand interactions — staging review 2026-10-30 */
/* Shared CTA corners, including the editorial and Elementor pages. */
body :is(a.action, a.jkit-button-wrapper, .elementor-button, .audrey-media-all,
  .ml-form-embedSubmit button, .audrey-dlq__button) {
  border-radius: 12px !important;
}

/* Menu controls must never inherit Hello Elementor's pink hover/focus. */
body :is(button.menu, .jkit-hamburger-menu, .jkit-close-menu, .audrey-media-close, .intro-close) {
  background: transparent !important;
  -webkit-tap-highlight-color: transparent;
}
body :is(button.menu, .jkit-hamburger-menu, .jkit-close-menu, .audrey-media-close, .intro-close):is(:hover, :focus-visible, :active),
body :is(button.menu, .jkit-hamburger-menu)[aria-expanded="true"] {
  background: #2B957B !important;
  border-color: #2B957B !important;
  color: #FFFFFF !important;
}
body :is(.jkit-hamburger-menu, .jkit-close-menu):is(:hover, :focus-visible, :active) svg {
  fill: currentColor !important;
}
body :is(button.menu, .jkit-hamburger-menu, .jkit-close-menu, .audrey-media-close, .intro-close):focus-visible {
  outline: 2px solid #FBDB39;
  outline-offset: 3px;
}

/* Keep video overlays transparent; colour only their play badge. */
body :is(button.watch, button.keynote-watch, .video button):is(:hover, :focus, :active) {
  background: transparent !important;
}
body :is(button.watch, button.keynote-watch, .video button):is(:hover, :focus-visible, :active) .play {
  background: #2B957B !important;
  color: #FFFFFF !important;
}
body :is(button.watch, button.keynote-watch, .video button):focus-visible {
  outline: 3px solid #FBDB39;
  outline-offset: -4px;
}
body .audrey-media-tab:not(.is-active) {
  background: transparent !important;
}
body .audrey-media-tab:is(:hover, :focus-visible, :active) {
  background: #2B957B !important;
  color: #FFFFFF !important;
}
body :is(a.action, a.jkit-button-wrapper, .elementor-button, .audrey-media-all):is(:hover, :focus-visible, :active) {
  background: #2B957B !important;
  border-color: #2B957B !important;
  color: #FFFFFF !important;
}

/* Native cursor: yellow dot/halo, with a press ring; no tracking script. */
@media (hover: hover) and (pointer: fine) {
  body {
    --audrey-dot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='%23FBDB39' fill-opacity='.22'/%3E%3Ccircle cx='16' cy='16' r='7' fill='%23FBDB39' stroke='%23564324' stroke-width='1'/%3E%3C/svg%3E") 16 16;
    --audrey-dot-pressed: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='none' stroke='%23FBDB39' stroke-width='2'/%3E%3Ccircle cx='16' cy='16' r='9' fill='%23FBDB39' stroke='%23564324' stroke-width='1'/%3E%3C/svg%3E") 16 16;
    cursor: var(--audrey-dot), auto;
  }
  body :is(a, button, summary, [role="button"], input[type="submit"], input[type="button"], input[type="radio"], input[type="checkbox"], label) {
    cursor: var(--audrey-dot), pointer;
  }
  body:active, body :is(a, button, summary, [role="button"], input, label):active {
    cursor: var(--audrey-dot-pressed), pointer;
  }
  body :is(input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]), textarea, [contenteditable="true"]) {
    cursor: text;
  }
  #wpadminbar, #wpadminbar * { cursor: auto; }
}
