/* Cedoka Chat styles: animations, layout, badges */
#cedoka-chat-toggle{width:56px;height:56px;border-radius:9999px;display:flex;align-items:center;justify-content:center}
#cedoka-chat-toggle .badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border-radius:9999px;padding:3px 6px;font-size:12px;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,0.2)}
#cedoka-chat-modal{backdrop-filter:blur(6px)}
.cedoka-modal-show{transform:translateY(0) scale(1);opacity:1}
.cedoka-modal-hide{transform:translateY(6px) scale(.98);opacity:0}
#cedoka-chat-chooser a, #cedoka-chat-chooser button{transition:transform .18s ease, box-shadow .18s ease}
#cedoka-chat-chooser a:hover, #cedoka-chat-chooser button:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(2,6,23,0.25)}
#cedoka-chat-log{display:flex;flex-direction:column;gap:8px}
.cedoka-msg{max-width:78%;padding:10px 12px;border-radius:14px;line-height:1.3;word-break:break-word;box-shadow:0 6px 18px rgba(2,6,23,0.25)}
.cedoka-msg.user{align-self:flex-end;background:#FDE68A;color:#111}
.cedoka-msg.bot{align-self:flex-start;background:#0f172a;color:#e6eef8}
.cedoka-ts{display:block;font-size:11px;color:rgba(255,255,255,0.55);margin-top:6px;text-align:right}
.cedoka-typing{width:40px;height:12px;border-radius:12px;background:linear-gradient(90deg,#111827,#1f2937);display:flex;gap:4px;align-items:center;padding:6px}
.cedoka-typing span{display:inline-block;width:6px;height:6px;background:#e5e7eb;border-radius:9999px;animation:blink 1s infinite}
.cedoka-typing span:nth-child(2){animation-delay:.15s}
.cedoka-typing span:nth-child(3){animation-delay:.3s}
@keyframes blink{0%,80%,100%{opacity:.15;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
/* small screens adjustments */
@media (max-width:640px){#cedoka-chat-modal{right:12px;left:12px;width:auto}}
/* focus styles */
#cedoka-chat-toggle:focus{outline:3px solid rgba(212,175,55,0.18)}
#cedoka-chat-modal button:focus, #cedoka-chat-modal a:focus, #cedoka-chat-form input:focus{outline:3px solid rgba(212,175,55,0.12)}
/* subtle entrance */
#cedoka-chat-modal{transition:transform .18s ease,opacity .18s ease}

/* Navigation active indicator and mobile menu visuals (shared) */
nav a.nav-link{position:relative;z-index:1}
nav a.nav-link::before{content:'';position:absolute;left:50%;bottom:-10px;transform:translateX(-50%) scaleX(0);transform-origin:center;width:70%;height:8px;border-radius:9999px;background:linear-gradient(90deg,#D4AF37,#fff);opacity:.12;transition:transform .36s cubic-bezier(.2,.9,.2,1)}
nav a.nav-link.nav-active{transform:translateY(-3px);transition:transform .28s}
nav a.nav-link.nav-active::before{transform:translateX(-50%) scaleX(1);opacity:.95}

/* Mobile menu hamburger animation and collapse */
#mobile-menu-button{cursor:pointer}
#mobile-menu-button span{display:block;width:24px;height:2px;background:currentColor;transition:transform .28s ease,opacity .18s ease}
#mobile-menu-button.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
#mobile-menu-button.open span:nth-child(2){opacity:0}
#mobile-menu-button.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
#mobile-menu{transition:max-height .32s ease,opacity .28s ease;overflow:hidden;max-height:0;opacity:0}
#mobile-menu.open{max-height:420px;opacity:1}

/* Mini action buttons for floating chat */
.cedoka-mini-actions{position:fixed;right:1.15rem;bottom:6.75rem;display:flex;flex-direction:column;gap:0.5rem;align-items:flex-end;z-index:60}
.cedoka-mini-actions .mini-btn{width:44px;height:44px;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 30px rgba(2,6,23,0.18);transform:translateY(8px) scale(.9);opacity:0;transition:transform .28s cubic-bezier(.2,.9,.2,1),opacity .22s}
.cedoka-mini-actions .mini-wa{background:#25D366}
.cedoka-mini-actions .mini-inapp{background:#0f172a}
.cedoka-chat-toggle.expanded + .cedoka-mini-actions .mini-btn,
.cedoka-mini-actions.show .mini-btn{transform:translateY(0) scale(1);opacity:1}
.cedoka-mini-actions .mini-btn svg{width:20px;height:20px}

/* make sure modal still respects z-index */
#cedoka-chat-modal{z-index:70}