/* AiBoss Divi v3.3.7 — Robotic Motion & Smart Selector System
 * Lightweight, event-driven visual motion for Member Area.
 * No permanent JavaScript timers. Transform/opacity only for continuous motion.
 */
:root{
  --ab337-cyan:#5DEBFF;
  --ab337-violet:#7904EB;
  --ab337-magenta:#FF00A1;
  --ab337-rose:#FF114F;
  --ab337-ease:cubic-bezier(.22,.8,.24,1);
  --ab337-fast:180ms;
  --ab337-mid:320ms;
  --ab337-slow:680ms;
}
body.aiboss-member-v3{--ab337-motion-alpha:.72}

/* Page entrance: one short choreography, no observer and no loop. */
body.aiboss-member-v3 .aiboss300-page-main,
body.aiboss-member-v3 .aiboss320-dashboard{
  opacity:.985;
}
body.aiboss-member-v3:not(.aiboss337-motion-ready) .aiboss331-hero,
body.aiboss-member-v3:not(.aiboss337-motion-ready) .aiboss590-mall-hero,
body.aiboss-member-v3:not(.aiboss337-motion-ready) .aiboss-social-head,
body.aiboss-member-v3:not(.aiboss337-motion-ready) .aiboss334-assets-hero,
body.aiboss-member-v3:not(.aiboss337-motion-ready) .aiboss335-profile-card,
body.aiboss-member-v3:not(.aiboss337-motion-ready) .cb-chat-hero{
  opacity:0;transform:translateY(8px) scale(.995)
}
body.aiboss-member-v3.aiboss337-motion-ready .aiboss331-hero,
body.aiboss-member-v3.aiboss337-motion-ready .aiboss590-mall-hero,
body.aiboss-member-v3.aiboss337-motion-ready .aiboss-social-head,
body.aiboss-member-v3.aiboss337-motion-ready .aiboss334-assets-hero,
body.aiboss-member-v3.aiboss337-motion-ready .aiboss335-profile-card,
body.aiboss-member-v3.aiboss337-motion-ready .cb-chat-hero{
  opacity:1;transform:none;transition:opacity var(--ab337-slow) var(--ab337-ease),transform var(--ab337-slow) var(--ab337-ease)
}

/* Robotic scan accent injected once per key hero. */
.aiboss337-motion-host{position:relative!important;isolation:isolate}
.aiboss337-motion-scan{position:absolute;z-index:3;left:9%;right:9%;top:5px;height:1px;pointer-events:none;opacity:.24;background:linear-gradient(90deg,transparent,var(--ab337-cyan),rgba(255,255,255,.9),var(--ab337-magenta),transparent);filter:drop-shadow(0 0 7px rgba(93,235,255,.35));animation:aiboss337-scan 9s var(--ab337-ease) infinite}
.aiboss337-motion-scan:after{content:"";position:absolute;right:24%;top:-2px;width:22px;height:5px;border-radius:999px;background:rgba(93,235,255,.45);filter:blur(2px)}

/* Existing robot/orbit surfaces: subtle motion only. */
.aiboss331-hero-art img{animation:aiboss337-robot-float 8s ease-in-out infinite!important}
.aiboss331-orbit,.aiboss334-asset-orbit>i,.aiboss330-orbit{animation-duration:14s!important;animation-timing-function:linear!important}
.aiboss331-ai-pulse,.aiboss330-presence,.aiboss334-signal,.cb-chat-live-dot{animation:aiboss337-status 3.8s ease-in-out infinite!important}

/* Universal interaction polish. */
body.aiboss-member-v3 :is(a,button,[role="button"]){-webkit-tap-highlight-color:transparent}
body.aiboss-member-v3 :is(.aiboss331-pulse-card,.aiboss331-quick-grid>a,.aiboss590-product,.aiboss-social-post,.aiboss334-balance,.aiboss334-actions>button,.aiboss335-account-grid>a,.aiboss335-account-grid>button,.cb-chat-contact){
  transition:border-color var(--ab337-mid) ease,box-shadow var(--ab337-mid) ease,transform var(--ab337-mid) var(--ab337-ease),filter var(--ab337-mid) ease!important
}
@media(hover:hover) and (pointer:fine){
  body.aiboss-member-v3 :is(.aiboss331-pulse-card,.aiboss331-quick-grid>a,.aiboss-social-post,.aiboss334-balance,.aiboss334-actions>button,.aiboss335-account-grid>a,.aiboss335-account-grid>button,.cb-chat-contact):hover{
    transform:translateY(-2px);border-color:rgba(93,235,255,.24)!important;box-shadow:0 16px 34px rgba(0,0,0,.18),0 0 24px rgba(121,4,235,.055)!important
  }
}
body.aiboss-member-v3 .is-aiboss337-pressed{transform:scale(.985)!important;filter:brightness(1.08)!important;transition-duration:90ms!important}

/* Smart selector beam. JS only calculates geometry on load/resize. */
.aiboss337-selector-host{position:relative!important}
.aiboss337-selector-beam{--ab337-x:0px;--ab337-w:36px;position:absolute;z-index:4;left:0;bottom:0;width:var(--ab337-w);height:2px;border-radius:999px;pointer-events:none;transform:translate3d(var(--ab337-x),0,0);background:linear-gradient(90deg,var(--ab337-cyan),#8B6BFF,var(--ab337-magenta));box-shadow:0 0 12px rgba(93,235,255,.26),0 0 18px rgba(255,0,161,.10);transition:width var(--ab337-mid) var(--ab337-ease),transform var(--ab337-mid) var(--ab337-ease),opacity .2s ease;opacity:.9}
.aiboss320-toplinks.aiboss337-selector-host{padding-bottom:5px}
.aiboss320-toplinks .aiboss337-selector-beam{bottom:0;height:2px}
.aiboss590-mall-tabs .aiboss337-selector-beam,.cb-chat-filterbar .aiboss337-selector-beam{bottom:0;height:2px}

/* Social already has its own selector; enhance it instead of adding a duplicate. */
.aiboss-social-tab-selector{transition:transform .38s var(--ab337-ease)!important;box-shadow:inset 0 0 22px rgba(93,235,255,.07),0 0 20px rgba(121,4,235,.08)!important}

/* Existing bottom nav selector becomes more fluid and premium. */
.aiboss330-nav-selector{transition:transform .38s var(--ab337-ease),width .38s var(--ab337-ease)!important;box-shadow:0 0 18px rgba(93,235,255,.15),0 0 26px rgba(121,4,235,.12)!important}
.aiboss330-bottom a.is-active svg{filter:drop-shadow(0 0 6px rgba(93,235,255,.28));transform:translateY(-1px);transition:filter .28s ease,transform .28s var(--ab337-ease)}

/* Selector active state gets a soft robotic sweep. */
:is(.aiboss320-toplinks,.aiboss590-mall-tabs,.aiboss-social-tabs,.cb-chat-filterbar) :is(a,button).is-active{position:relative;overflow:hidden}
:is(.aiboss320-toplinks,.aiboss590-mall-tabs,.aiboss-social-tabs,.cb-chat-filterbar) :is(a,button).is-active:after{content:"";position:absolute;inset:-35% auto -35% -55%;width:36%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transform:skewX(-18deg);animation:aiboss337-selector-sweep 5.8s ease-in-out infinite}

/* One-time numeric reveal. */
.aiboss337-number{font-variant-numeric:tabular-nums;transition:opacity .22s ease,transform .22s var(--ab337-ease)}
.aiboss337-number.is-counting{opacity:.82;transform:translateY(1px)}
.aiboss337-number.is-counted{opacity:1;transform:none}

/* Focus visibility — international keyboard/accessibility baseline. */
body.aiboss-member-v3 :is(a,button,input,select,textarea):focus-visible{outline:2px solid rgba(93,235,255,.78)!important;outline-offset:3px!important;box-shadow:0 0 0 5px rgba(93,235,255,.08)!important}

/* Route-specific light choreography. */
.aiboss331-pulse-card:nth-child(2),.aiboss590-product:nth-child(2),.aiboss-social-post:nth-child(2),.aiboss334-balance:nth-child(2),.aiboss335-account-grid>*:nth-child(2){transition-delay:20ms!important}
.aiboss331-pulse-card:nth-child(3),.aiboss590-product:nth-child(3),.aiboss-social-post:nth-child(3),.aiboss334-balance:nth-child(3),.aiboss335-account-grid>*:nth-child(3){transition-delay:40ms!important}

@keyframes aiboss337-scan{0%,100%{transform:translateY(0) scaleX(.62);opacity:.08}42%{opacity:.26}50%{transform:translateY(118px) scaleX(1);opacity:.36}58%{opacity:.18}}
@keyframes aiboss337-robot-float{0%,100%{transform:translate3d(0,0,0) rotate(-.2deg)}50%{transform:translate3d(0,-5px,0) rotate(.35deg)}}
@keyframes aiboss337-status{0%,100%{opacity:.55;filter:brightness(.92)}50%{opacity:1;filter:brightness(1.18)}}
@keyframes aiboss337-selector-sweep{0%,72%,100%{transform:translateX(0) skewX(-18deg);opacity:0}78%{opacity:.7}92%{transform:translateX(430%) skewX(-18deg);opacity:0}}

@media(max-width:620px){
  .aiboss337-motion-scan{left:12%;right:12%;opacity:.18;animation-duration:11s}
  body.aiboss-member-v3 :is(.aiboss331-pulse-card,.aiboss331-quick-grid>a,.aiboss-social-post,.aiboss334-balance,.aiboss334-actions>button,.aiboss335-account-grid>a,.aiboss335-account-grid>button,.cb-chat-contact):hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .aiboss337-motion-scan,.aiboss331-hero-art img,.aiboss331-ai-pulse,.aiboss330-presence,.aiboss334-signal,.cb-chat-live-dot,
  :is(.aiboss320-toplinks,.aiboss590-mall-tabs,.aiboss-social-tabs,.cb-chat-filterbar) :is(a,button).is-active:after{animation:none!important}
  .aiboss337-selector-beam,.aiboss330-nav-selector,body.aiboss-member-v3 *{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0ms!important}
  body.aiboss-member-v3:not(.aiboss337-motion-ready) .aiboss331-hero,
  body.aiboss-member-v3:not(.aiboss337-motion-ready) .aiboss590-mall-hero,
  body.aiboss-member-v3:not(.aiboss337-motion-ready) .aiboss-social-head,
  body.aiboss-member-v3:not(.aiboss337-motion-ready) .aiboss334-assets-hero,
  body.aiboss-member-v3:not(.aiboss337-motion-ready) .aiboss335-profile-card,
  body.aiboss-member-v3:not(.aiboss337-motion-ready) .cb-chat-hero{opacity:1;transform:none}
}