@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');


#akai-bot{
position:fixed!important;right:18px!important;bottom:16px!important;z-index:2147483000!important;
font-family:Arial,Helvetica,sans-serif!important;color:#fff!important;--akai-gold-theme:#d4a24c;
}
#akai-bot.akai-left{left:18px!important;right:auto!important}
#akai-bot .akai-launcher{height:58px!important;min-width:0!important;width:auto!important;padding:0 12px 0 6px!important;border:0!important;border-radius:32px!important;background:transparent!important;box-shadow:none!important;display:flex!important;align-items:center!important;gap:7px!important;color:#111!important;cursor:pointer!important}
#akai-bot .akai-launcher-logo{width:58px!important;height:58px!important;min-width:58px!important;border-radius:50%!important;border:3px solid #efaa93!important;padding:5px!important;background:#0b477e!important;box-shadow:0 0 0 2px #fff,0 5px 20px rgba(0,0,0,.25)!important;box-sizing:border-box!important}
#akai-bot .akai-launcher-logo img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:50%!important}
#akai-bot .akai-launcher-copy{order:-1!important;flex:none!important;background:#fff!important;color:#18202b!important;border-radius:9px!important;padding:12px 14px!important;min-width:88px!important;box-shadow:0 5px 18px rgba(0,0,0,.10)!important}
#akai-bot .akai-launcher-copy strong{color:#18202b!important;font-size:14px!important;line-height:16px!important;font-weight:500!important;white-space:nowrap!important}
#akai-bot .akai-launcher-copy small,#akai-bot .akai-spark{display:none!important}

#akai-bot .akai-panel{
display:none!important;width:380px!important;height:620px!important;max-width:calc(100vw - 20px)!important;
border-radius:22px!important;overflow:hidden!important;background:#050505!important;
border:1px solid rgba(212,162,76,.75)!important;box-shadow:0 25px 70px rgba(0,0,0,.62)!important;
flex-direction:column!important;
}
#akai-bot .akai-panel.open{display:flex!important}
#akai-bot .akai-head{
height:86px!important;min-height:86px!important;box-sizing:border-box!important;
background:linear-gradient(180deg,#d4a24c,#b8842f)!important;border-bottom:1px solid #d4a24c!important;
padding:0 14px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
}
#akai-bot .akai-brand{display:flex!important;align-items:center!important;gap:9px!important}
#akai-bot .akai-brand img{width:40px!important;height:40px!important;border-radius:50%!important;object-fit:cover!important;border:1px solid rgba(255,255,255,.75)!important;background:#111!important}
#akai-bot .akai-brand strong{display:block!important;color:#fff!important;font-size:16px!important;line-height:20px!important;font-weight:700!important;margin:0!important}
#akai-bot .akai-brand span{display:block!important;color:#fff!important;font-size:11px!important;line-height:15px!important;margin:1px 0 0!important}
#akai-bot .akai-brand i{display:inline-block!important;width:7px!important;height:7px!important;background:#13d47d!important;border-radius:50%!important;margin-right:4px!important}
#akai-bot .akai-head-actions{display:flex!important;gap:8px!important;align-items:center!important}
#akai-bot .akai-head-actions button{
width:38px!important;height:38px!important;padding:0!important;margin:0!important;border:1px solid rgba(255,255,255,.35)!important;
border-radius:10px!important;background:rgba(255,255,255,.06)!important;color:#fff!important;font-size:22px!important;
line-height:1!important;font-family:Arial,sans-serif!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;
}
#akai-bot .akai-head-actions .akai-more{font-size:25px!important}
#akai-bot .akai-head-actions .akai-min{font-size:23px!important}
#akai-bot .akai-body{flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#050505!important}
#akai-bot .akai-chat{
flex:1!important;min-height:0!important;overflow:auto!important;padding:20px 15px!important;
background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1px)!important;background-size:20px 20px!important;
}
#akai-bot .akai-row{display:flex!important;gap:8px!important;align-items:flex-start!important;margin:0 0 18px!important}
#akai-bot .akai-row img{width:40px!important;height:40px!important;border-radius:50%!important;object-fit:cover!important;border:1px solid rgba(212,162,76,.75)!important}
#akai-bot .akai-bubble{
max-width:82%!important;background:#242424!important;color:#fff!important;border:0!important;border-radius:17px!important;
padding:14px 14px!important;font-size:14px!important;line-height:1.42!important;box-shadow:none!important;
}
#akai-bot .akai-bubble em{display:block!important;font-size:9px!important;color:#999!important;font-style:normal!important;margin-top:7px!important}
#akai-bot .akai-user{justify-content:flex-end!important}
#akai-bot .akai-user .akai-bubble{background:#d4a24c!important;color:#fff!important;border:0!important;border-bottom-right-radius:5px!important}
#akai-bot .akai-typing{display:none!important;padding:0 15px 7px!important}
#akai-bot .akai-quick{
display:flex!important;gap:7px!important;flex-wrap:wrap!important;padding:8px 12px 10px!important;
border-top:1px solid #1f1f1f!important;background:#080808!important;
}
#akai-bot .akai-quick button{
border:1px solid #353535!important;background:#171717!important;color:#f5f5f5!important;border-radius:20px!important;
padding:8px 10px!important;font-size:10px!important;line-height:14px!important;cursor:pointer!important;
white-space:nowrap!important;
}
#akai-bot .akai-quick button:hover{border-color:#d4a24c!important;color:#fff!important}
#akai-bot .akai-inputbar{
height:105px!important;min-height:105px!important;box-sizing:border-box!important;background:#080808!important;
border-top:1px solid #1f1f1f!important;padding:10px 10px 7px!important;margin:0!important;
display:flex!important;align-items:flex-end!important;gap:7px!important;
}
#akai-bot .akai-inputbar input{
flex:1!important;width:auto!important;height:72px!important;box-sizing:border-box!important;border-radius:17px!important;
background:#171717!important;border:1px solid #4a3030!important;color:#fff!important;padding:14px 13px!important;margin:0!important;
outline:0!important;font-size:15px!important;font-family:Arial,sans-serif!important;box-shadow:none!important;
}
#akai-bot .akai-inputbar input::placeholder{color:#777!important;opacity:1!important}
#akai-bot .akai-inputbar .akai-send{
width:45px!important;height:45px!important;padding:0!important;margin:0 0 3px!important;border:0!important;border-radius:12px!important;
background:#d4a24c!important;color:#fff!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;
font-size:23px!important;
}
#akai-bot .akai-powered{text-align:center!important;background:#080808!important;color:#555!important;font-size:8px!important;height:16px!important}
#akai-bot .akai-powered strong{color:#777!important}
@media(max-width:600px){
#akai-bot{right:10px!important;bottom:10px!important}
#akai-bot.akai-left{left:10px!important;right:auto!important}
#akai-bot .akai-panel{width:calc(100vw - 20px)!important;height:min(620px,84vh)!important}
#akai-bot .akai-head-actions button{width:36px!important;height:36px!important}
}

/* v2.6 Cinzel typography only — existing colors unchanged */
#akai-bot .akai-brand strong,
#akai-bot .akai-panel h1,
#akai-bot .akai-panel h2,
#akai-bot .akai-panel h3,
#akai-bot .akai-panel .akai-heading{
    letter-spacing:.02em!important;
}
#akai-bot .akai-brand strong{
    font-weight:600!important;
    letter-spacing:.01em!important;
}

/* v2.8 ClickAsh logo color theme: black + champagne gold */
#akai-bot .akai-head{
    background:linear-gradient(135deg,#080808 0%,#17130d 100%)!important;
    border-bottom:1px solid rgba(212,162,76,.65)!important;
}
#akai-bot .akai-brand strong{color:#f0cf86!important}
#akai-bot .akai-brand span{color:#e0b55f!important}
#akai-bot .akai-head-actions button{
    border-color:rgba(212,162,76,.65)!important;
    background:rgba(212,162,76,.08)!important;
    color:#f0cf86!important;
}
#akai-bot .akai-quick button:hover{
    border-color:#d4a24c!important;color:#f0cf86!important;
}
#akai-bot .akai-inputbar input{
    border-color:rgba(212,162,76,.32)!important;
}
#akai-bot .akai-inputbar .akai-send{
    background:#d4a24c!important;color:#0a0a0a!important;
}
#akai-bot .akai-user .akai-bubble{
    background:linear-gradient(135deg,#b8842f,#d4a24c)!important;color:#111!important;
}

/* v2.9: ClickAsh logo-theme floating launcher */
#akai-bot .akai-launcher-copy{
    background:#11100e!important;
    color:#e7bd69!important;
    border:1px solid #cfa653!important;
    box-shadow:0 6px 18px rgba(0,0,0,.28), inset 0 0 0 1px rgba(231,189,105,.08)!important;
}
#akai-bot .akai-launcher-copy strong{
    color:#e7bd69!important;
    font-weight:600!important;
}
#akai-bot .akai-launcher-logo{
    background:#0b0b0b!important;
    border:3px solid #e7bd69!important;
    box-shadow:0 0 0 2px #fff,0 5px 20px rgba(0,0,0,.28),0 0 12px rgba(231,189,105,.22)!important;
}

/* v3.1 Header elements: layout only; existing colors are intentionally preserved */
#akai-bot .akai-head{
    align-items:center!important;
}
#akai-bot .akai-brand{
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    min-width:0!important;
}
#akai-bot .akai-brand-text{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
}
#akai-bot .akai-brand-text strong{
    display:block!important;
    margin:0!important;
    white-space:nowrap!important;
    line-height:21px!important;
}
#akai-bot .akai-brand-text span{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    margin-top:2px!important;
    line-height:14px!important;
    white-space:nowrap!important;
}
#akai-bot .akai-brand-text span i{
    flex:none!important;
}
#akai-bot .akai-brand-text span b{
    font-weight:700!important;
    opacity:.75!important;
}
#akai-bot .akai-brand-text span em{
    font-style:normal!important;
    font-weight:600!important;
}
#akai-bot .akai-head-actions{
    margin-left:auto!important;
    flex:none!important;
}
#akai-bot .akai-head-actions .akai-live{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    min-width:54px!important;
    height:30px!important;
    border-radius:18px!important;
    font-size:9px!important;
    font-weight:700!important;
}
#akai-bot .akai-head-actions .akai-live i{
    width:6px!important;
    height:6px!important;
    border-radius:50%!important;
    margin-right:4px!important;
}
#akai-bot .akai-head-actions .akai-close{
    width:38px!important;
    height:38px!important;
    border-radius:11px!important;
    font-size:22px!important;
}
@media(max-width:600px){
    #akai-bot .akai-brand-text strong{font-size:15px!important}
    #akai-bot .akai-brand-text span{font-size:10px!important}
}


/* v3.3: Correct AI/user bubble alignment and text colors */
#akai-bot .akai-row.bot{
    justify-content:flex-start!important;
    align-items:flex-start!important;
}
#akai-bot .akai-row.user{
    justify-content:flex-end!important;
    align-items:flex-start!important;
    padding-left:18%!important;
}
#akai-bot .akai-row.bot .akai-bubble{
    background:#242424!important;
    color:#f7f2e8!important;
    text-align:left!important;
}
#akai-bot .akai-row.user .akai-bubble{
    background:linear-gradient(135deg,#b8842f,#d4a24c)!important;
    color:#fff8e8!important;
    text-align:left!important;
    border-bottom-right-radius:5px!important;
}
#akai-bot .akai-row.bot .akai-bubble,
#akai-bot .akai-row.user .akai-bubble{
    white-space:pre-wrap!important;
    word-break:break-word!important;
}
#akai-bot .akai-row.bot .akai-bubble em,
#akai-bot .akai-row.user .akai-bubble em{
    color:rgba(247,242,232,.62)!important;
    text-align:left!important;
}

/* v3.4: Libre Baskerville for conversation message text only */
#akai-bot .akai-row .akai-bubble{
}
#akai-bot .akai-row .akai-bubble em{
}

/* v3.5: Hide "Contact Us" launcher label after chatbot opens.
   The circular ClickAsh logo launcher remains visible. */
#akai-bot.is-open .akai-launcher-copy,
#akai-bot.open .akai-launcher-copy,
#akai-bot.akai-open .akai-launcher-copy,
#akai-bot[data-open="true"] .akai-launcher-copy{
    display:none!important;
}

/* v3.6: Remove floating launcher logo while chat is open */
#akai-bot.is-open .akai-launcher,
#akai-bot.open .akai-launcher,
#akai-bot.akai-open .akai-launcher,
#akai-bot[data-open="true"] .akai-launcher{
    display:none!important;
}

/* v3.6: Remove the V/dropdown header button */
#akai-bot .akai-header .akai-toggle,
#akai-bot .akai-header .akai-chevron,
#akai-bot .akai-header .akai-collapse,
#akai-bot .akai-header button[aria-label*="expand" i],
#akai-bot .akai-header button[aria-label*="collapse" i]{
    display:none!important;
}

/* Keep the three-dot menu button intact and align the header cleanly */
#akai-bot .akai-header{
    justify-content:space-between!important;
}

/* v3.7: Exact UI cleanup */
#akai-bot:has(.akai-panel.open) .akai-launcher{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

/* The V/minimize control has been removed from markup; keep it hidden
   for any cached/older markup that may still be present. */
#akai-bot .akai-min{
    display:none!important;
}

/* v3.8: Remove three-dot menu; keep the V dropdown/minimize button */
#akai-bot .akai-menu,
#akai-bot .akai-menu-btn,
#akai-bot .akai-dots,
#akai-bot .akai-more{
    display:none!important;
}
#akai-bot .akai-min{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
}

/* v3.9: Final header controls */
#akai-bot .akai-more,
#akai-bot .akai-menu,
#akai-bot .akai-menu-btn,
#akai-bot .akai-dots{
    display:none!important;
}
#akai-bot .akai-head-actions .akai-min{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    visibility:visible!important;
    opacity:1!important;
    width:38px!important;
    height:38px!important;
    border:1px solid var(--akai-gold)!important;
    border-radius:10px!important;
    background:transparent!important;
    color:var(--akai-gold)!important;
    font-family:Arial,sans-serif!important;
    font-size:22px!important;
    line-height:1!important;
    cursor:pointer!important;
}

/* v4.0: Floating ClickAsh logo pulse animation */
@keyframes akai-logo-pulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 2px #fff, 0 5px 20px rgba(0,0,0,.25);
    }
    50% {
        transform: scale(1.08);
        box-shadow: 0 0 0 2px #fff, 0 0 0 8px rgba(212,162,76,.18), 0 8px 26px rgba(212,162,76,.35);
    }
}
#akai-bot .akai-launcher-logo {
    animation: akai-logo-pulse 2s ease-in-out infinite!important;
    transform-origin: center center!important;
}
#akai-bot .akai-launcher-logo img {
    display:block!important;
}
@media (prefers-reduced-motion: reduce) {
    #akai-bot .akai-launcher-logo {
        animation:none!important;
    }
}

/* v4.1: Gold logo outline + move floating launcher upward */
#akai-bot .akai-launcher-logo{
    border:3px solid #d4a24c!important;
    box-shadow:0 0 0 2px #d4a24c, 0 5px 20px rgba(212,162,76,.28)!important;
}
@keyframes akai-logo-pulse-gold{
    0%,100%{
        transform:scale(1);
        box-shadow:0 0 0 2px #d4a24c,0 5px 20px rgba(212,162,76,.28);
    }
    50%{
        transform:scale(1.08);
        box-shadow:0 0 0 2px #d4a24c,0 0 0 8px rgba(212,162,76,.22),0 8px 26px rgba(212,162,76,.38);
    }
}
#akai-bot .akai-launcher-logo{
    animation:akai-logo-pulse-gold 2s ease-in-out infinite!important;
}
#akai-bot{
    bottom:70px!important;
}
@media (max-width:600px){
    #akai-bot{
        bottom:60px!important;
    }
}
@media (prefers-reduced-motion:reduce){
    #akai-bot .akai-launcher-logo{animation:none!important}
}

/* v4.2: Slightly higher floating launcher + pulsing Contact Us button */
#akai-bot .akai-launcher {
    bottom: 92px!important;
}

#akai-bot .akai-launcher-logo {
    animation: akai-logo-pulse 2s ease-in-out infinite!important;
}

/* Pulse the Contact Us text button together with the launcher */
#akai-bot .akai-contact-label,
#akai-bot .akai-contact,
#akai-bot .akai-launcher-label {
    animation: akai-contact-pulse 2s ease-in-out infinite!important;
    transform-origin: center center!important;
}

@keyframes akai-contact-pulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(212,162,76,0);
    }
    50% {
        transform: scale(1.035);
        box-shadow: 0 0 0 5px rgba(212,162,76,.12);
    }
}

@media (max-width: 600px) {
    #akai-bot .akai-launcher {
        bottom: 86px!important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #akai-bot .akai-contact-label,
    #akai-bot .akai-contact,
    #akai-bot .akai-launcher-label {
        animation:none!important;
    }
}

/* Exact Contact Us text wrapper used by the plugin */
#akai-bot .akai-launcher-copy {
    animation: akai-contact-pulse 2s ease-in-out infinite!important;
    transform-origin: center center!important;
    display:inline-flex!important;
    align-items:center!important;
}

/* v4.3: Move floating ClickAsh logo higher */
#akai-bot .akai-launcher {
    bottom: 125px!important;
}
@media (max-width: 600px) {
    #akai-bot .akai-launcher {
        bottom: 118px!important;
    }
}

/* v4.8 FINAL: compact minimize button */
#akai-bot .akai-head .akai-head-actions .akai-min{
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid #d4a24c!important;
    border-radius:7px!important;
    background:transparent!important;
    color:#d4a24c!important;
    font-size:15px!important;
    line-height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
}

/* v4.9: Desktop/laptop viewport fit */
@media (min-width:601px){
    #akai-bot{
        bottom:20px!important;
        top:auto!important;
    }
    #akai-bot .akai-window,
    #akai-bot .akai-panel{
        height:min(650px, calc(100vh - 120px))!important;
        max-height:calc(100vh - 120px)!important;
        box-sizing:border-box!important;
    }
    #akai-bot .akai-messages{
        min-height:0!important;
        overflow-y:auto!important;
    }
}

/* v5.1 FINAL: desktop/laptop chatbot viewport fix */
@media (min-width:601px){
    #akai-bot{
        position:fixed!important;
        right:18px!important;
        bottom:20px!important;
        top:auto!important;
        z-index:2147483000!important;
    }

    #akai-bot .akai-panel,
    #akai-bot .akai-panel.open{
        width:380px!important;
        height:min(620px, calc(100dvh - 40px))!important;
        max-height:calc(100dvh - 40px)!important;
        min-height:0!important;
        box-sizing:border-box!important;
        overflow:hidden!important;
    }

    #akai-bot .akai-body{
        min-height:0!important;
        overflow:hidden!important;
    }

    #akai-bot .akai-chat{
        min-height:0!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
    }

    #akai-bot .akai-inputbar{
        flex:none!important;
    }
}

/* Older browsers without dynamic viewport units */
@media (min-width:601px) and (max-height:700px){
    #akai-bot .akai-panel,
    #akai-bot .akai-panel.open{
        height:calc(100vh - 40px)!important;
        max-height:calc(100vh - 40px)!important;
    }
}

/* v5.5: FINAL typography — Poppins for the entire chatbot. */
#akai-bot,
#akai-bot *,
#akai-bot *::before,
#akai-bot *::after,
#akai-bot input,
#akai-bot textarea,
#akai-bot button,
#akai-bot .akai-row .akai-bubble,
#akai-bot .akai-row .akai-bubble em {
    font-family:'Poppins',Arial,Helvetica,sans-serif!important;
}
