/* ════════════════════════════════════════════════════════════════
   AWWEE AI TRIGGER — DESKTOP/TABLET PILL (from awwee-trigger-desktop.html)
   ════════════════════════════════════════════════════════════════ */
@property --rg{syntax:'<angle>';initial-value:0deg;inherits:false}
.awwee-trigger{position:relative;border:none;cursor:pointer;border-radius:999px;padding:2px;font-family:var(--body,'Plus Jakarta Sans',system-ui,sans-serif);
  background:conic-gradient(from var(--rg),#FFCE00,#FFE9A3 25%,#4C8DFF 45%,#2F3BD8 60%,#FFCE00 85%)}
.awwee-trigger .in{display:flex;align-items:center;gap:7px;background:#fff;border-radius:999px;
  padding:5px 13px 5px 6px;font-weight:800;font-size:13px;color:#0F111A;white-space:nowrap}
  /* Dark mode */
[data-bs-theme="dark"] .awwee-trigger .in{
  background:#000;
  color:#fff;
}
.awwee-trigger:hover .in{background:#FFFDF2}
.awwee-trigger .face{width:26px;height:26px;border-radius:50%;background:#FFCE00;position:relative;flex:none;overflow:hidden}
.awwee-trigger .face i,.awwee-trigger .face b{position:absolute;top:10px;width:5px;height:5px;border-radius:50%;background:#0F111A;transform-origin:center}
.awwee-trigger .face i{left:7px}
.awwee-trigger .face b{right:7px}
.awwee-trigger .face::after{content:'';position:absolute;top:-20%;bottom:-20%;left:-70%;width:45%;transform:rotate(18deg);
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.9),transparent)}
.awwee-trigger .dots{display:inline-flex;gap:3px;margin-left:1px}
.awwee-trigger .dots i{width:4px;height:4px;border-radius:50%;background:#0F111A;opacity:.3}
.aw-navbar__row .aw-ai-desktop{margin-right:10px}
@media (max-width:720px){
  .aw-navbar__row .aw-ai-mobile{margin-left:30px}
}

/* ═══ Awwee Floating Trigger — drop-in component ═══
   Usage:
   <button class="awfab on-dark">          (or .on-light)
     <span class="ring"></span>
     <span class="ai">AI</span>
     <span class="tx"><i>ASK AWWEE</i><i class="t2">ASK ME ✦</i></span>
   </button>
   Add .mini after 3s idle (JS), remove on tap/scroll-stop.
   Fonts: Bricolage Grotesque 800 (text), Space Grotesk 800 (AI badge).
*/
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes awfab-spin{to{--ang:360deg}}
@keyframes awfab-txt{0%,42%{opacity:1;transform:translateY(0)}50%,92%{opacity:0;transform:translateY(-3px)}100%{opacity:1;transform:translateY(0)}}
@keyframes awfab-pulse{0%,100%{box-shadow:0 8px 22px rgba(0,0,0,.45),0 0 0 0 rgba(248,182,0,.35)}50%{box-shadow:0 8px 22px rgba(0,0,0,.45),0 0 0 8px rgba(248,182,0,0)}}
@keyframes awfab-sheen{0%,60%,100%{transform:translateX(-130%)}20%,40%{transform:translateX(130%)}}

.awfab{position:relative;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 15px 7px 7px;cursor:pointer;border:none;animation:awfab-pulse 3s ease-in-out infinite;transition:padding .35s}
.awfab .ring{position:absolute;inset:-1px;border-radius:999px;padding:1.2px;background:conic-gradient(from var(--ang,0deg),transparent 0 55%,#FFC531 72%,#fff 84%,#2743EE 94%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:awfab-spin 5.5s linear infinite;pointer-events:none}
.awfab .ai{position:relative;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#FFC531,#f5a800);color:#141210;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:11px;display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden}
.awfab .ai::after{content:'';position:absolute;top:0;bottom:0;left:0;width:60%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.8),transparent);animation:awfab-sheen 3.6s ease-in-out infinite}
.awfab .tx{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:12.5px;position:relative;width:78px;height:15px;text-align:left}
.awfab .tx i{font-style:normal;position:absolute;left:0;top:0;white-space:nowrap;opacity:0;animation:awfab-txt 4s ease-in-out infinite}
.awfab .tx i.t2{animation-delay:2s}

/* themes */
.awfab.on-dark{background:#141210}
.awfab.on-dark .tx{color:#fff}
.awfab.on-light{background:#fff;box-shadow:0 8px 22px rgba(10,10,10,.18);animation:none}
.awfab.on-light .tx{color:#141210}

/* collapsed idle state */
.awfab.mini{padding:7px}
.awfab.mini .tx{display:none}

@media (prefers-reduced-motion: reduce){
  .awfab,.awfab .ring,.awfab .ai::after,.awfab .tx i{animation:none}
  .awfab .tx i{opacity:1}
  .awfab .tx i.t2{opacity:0}
}


@media (prefers-reduced-motion:no-preference){
  .awwee-trigger{animation:awt-ring 5.5s linear infinite}
  .awwee-trigger .face i,.awwee-trigger .face b{animation:awt-wink 4.2s ease-in-out infinite}
  .awwee-trigger .face::after{animation:awt-sheen 3.6s ease-in-out infinite}
  .awwee-trigger .dots i{animation:awt-dot 1.9s ease-in-out infinite}
  .awwee-trigger .dots i:nth-child(2){animation-delay:.25s}
  .awwee-trigger .dots i:nth-child(3){animation-delay:.5s}
}
@keyframes awt-ring{to{--rg:360deg}}
@keyframes awt-wink{0%,91%,100%{transform:scaleY(1)}94%{transform:scaleY(.12)}}
@keyframes awt-sheen{0%,58%{left:-70%}100%{left:150%}}
@keyframes awt-dot{0%,100%{opacity:.3}50%{opacity:.85}}

/* ════════════════════════════════════════════════════════════════
   AWWEE AI ICON — MOBILE (from awwee-trigger-mobile.html, MA4)
   ════════════════════════════════════════════════════════════════ */
.awwee-icon{position:relative;width:44px;height:42px;border:none;background:none;padding:0;cursor:pointer;flex:none}
.awwee-icon .ring{display:block;width:40px;height:40px;border-radius:50%;padding:2px;
  background:conic-gradient(from var(--rg),#FFCE00,#FFE9A3 25%,#4C8DFF 45%,#2F3BD8 60%,#FFCE00 85%)}
.awwee-icon .face{display:block;width:100%;height:100%;border-radius:50%;background:#FFCE00;position:relative;overflow:hidden}
.awwee-icon .face i,.awwee-icon .face b{position:absolute;top:15px;width:5px;height:5px;border-radius:50%;background:#0F111A;transform-origin:center}
.awwee-icon .face i{left:11px}
.awwee-icon .face b{right:11px}
.awwee-icon .face::after{content:'';position:absolute;top:-20%;bottom:-20%;left:-70%;width:45%;transform:rotate(18deg);
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.9),transparent)}
.awwee-icon .aib{position:absolute;right:-3px;bottom:-2px;background:#0F111A;color:#FFCE00;
  font-family:var(--body,'Plus Jakarta Sans',system-ui,sans-serif);font-weight:800;font-size:8px;letter-spacing:.06em;padding:2.5px 5px;border-radius:6px;border:2px solid #fff}
@media (prefers-reduced-motion:no-preference){
  .awwee-icon .ring{animation:awi-ring 5.5s linear infinite}
  .awwee-icon .face i,.awwee-icon .face b{animation:awi-wink 4.2s ease-in-out infinite}
  .awwee-icon .face::after{animation:awi-sheen 3.6s ease-in-out infinite}
}
@keyframes awi-ring{to{--rg:360deg}}
@keyframes awi-wink{0%,91%,100%{transform:scaleY(1)}94%{transform:scaleY(.12)}}
@keyframes awi-sheen{0%,58%{left:-70%}100%{left:150%}}

[data-bs-theme="dark"] .aw-ai-trigger.awfab{background:#141210}
[data-bs-theme="dark"] .aw-ai-trigger.awfab .tx{color:#fff}
[data-bs-theme="light"] .aw-ai-trigger.awfab{background:#fff;box-shadow:0 8px 22px rgba(10,10,10,.18);animation:none}
[data-bs-theme="light"] .aw-ai-trigger.awfab .tx{color:#141210}

.awfab{font-family:inherit;line-height:normal;box-sizing:border-box}

@media (max-width:720px){
  .aw-ai-trigger.awfab{padding:7px !important;gap:0 !important}
  .aw-ai-trigger.awfab .tx{display:none !important}
}

@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes awfab-spin{to{--ang:360deg}}
@keyframes awfab-pulse{0%,100%{box-shadow:0 8px 22px rgba(0,0,0,.45),0 0 0 0 rgba(248,182,0,.35)}50%{box-shadow:0 8px 22px rgba(0,0,0,.45),0 0 0 8px rgba(248,182,0,0)}}
.awfab{position:relative;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 15px 7px 7px;cursor:pointer;border:none;animation:awfab-pulse 3s ease-in-out infinite;transition:padding .35s}
.awfab .ring{position:absolute;inset:-1px;border-radius:999px;padding:1.2px;background:conic-gradient(from var(--ang,0deg),transparent 0 55%,#FFC531 72%,#fff 84%,#2743EE 94%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:awfab-spin 5.5s linear infinite;pointer-events:none}
.awfab .ai{position:relative;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#FFC531,#f5a800);color:#141210;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:11px;display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden}
.awfab .tx{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:12.5px;position:relative;width:78px;height:15px;text-align:left}
.awfab .tx i{font-style:normal;position:absolute;left:0;top:0;white-space:nowrap;opacity:0}
.awfab.mini{padding:7px}
.awfab.mini .tx{display:none}
[data-bs-theme="dark"] .aw-ai-trigger-m{background:#141210}
[data-bs-theme="light"] .aw-ai-trigger-m{background:#fff;box-shadow:0 8px 22px rgba(10,10,10,.18);animation:none}

.aw-ai-mobile{display:none}
@media (max-width:720px){
  .aw-ai-desktop{display:none !important}
  .aw-ai-mobile{display:inline-flex !important;padding:7px !important;gap:0 !important}
  .aw-ai-mobile .tx{display:none !important}
}
[data-bs-theme="dark"] .aw-ai-mobile{background:#141210}
[data-bs-theme="light"] .aw-ai-mobile{background:#fff;box-shadow:0 8px 22px rgba(10,10,10,.18);animation:none}

@media (max-width: 720px) {
  .awfab .ai { background: #383BF1 !important; color: #fff !important; }
}