/* Akkenum typography */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
.akk-chatbot,
.akk-chatbot button,
.akk-chatbot input,
.akk-chatbot textarea{
    font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
}
:root{--akk-primary:#DA1A07;--akk-accent:#FF3B30}
.akk-chatbot{position:fixed;bottom:24px;z-index:999999;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#17171a}
.akk-chatbot.akk-pos-right{right:24px}.akk-chatbot.akk-pos-left{left:24px}
.akk-launcher{width:64px;height:64px;border:0;border-radius:22px;background:linear-gradient(145deg,var(--akk-accent),var(--akk-primary));color:#fff;box-shadow:0 14px 35px rgba(218,26,7,.38),0 5px 14px rgba(0,0,0,.18);cursor:pointer;display:grid;place-items:center;font-size:28px;transition:.25s transform,.25s box-shadow;position:relative}
.akk-launcher:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 18px 42px rgba(218,26,7,.45),0 8px 18px rgba(0,0,0,.2)}
.akk-launcher-icon{line-height:1}
.akk-unread{position:absolute;right:-2px;top:-5px;background:#111;color:#fff;border:3px solid #fff;border-radius:999px;min-width:21px;height:21px;font-size:11px;display:grid;place-items:center;font-weight:700}
.akk-panel{position:absolute;bottom:82px;width:380px;height:min(650px,calc(100vh - 120px));background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.22),0 5px 20px rgba(0,0,0,.12);border:1px solid rgba(0,0,0,.08);display:none;flex-direction:column;transform-origin:bottom right}
.akk-pos-left .akk-panel{transform-origin:bottom left}
.akk-panel.akk-open{display:flex;animation:akkIn .22s ease-out}
@keyframes akkIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
.akk-header{height:84px;flex:none;padding:16px 18px;background:radial-gradient(circle at 95% 0%,rgba(255,59,48,.25),transparent 38%),linear-gradient(135deg,#0b0b0d,#17171b);color:#fff;display:flex;align-items:center;justify-content:space-between}
.akk-brand{display:flex;align-items:center;gap:12px}.akk-avatar{width:48px;height:48px;border-radius:15px;background:#050505;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;overflow:hidden}.akk-avatar img{width:38px;height:38px;object-fit:contain}
.akk-brand strong{display:block;font-size:15px;letter-spacing:.1px}.akk-brand small{display:block;color:#a8a8ae;font-size:11px;margin-top:4px}.akk-brand small i{display:inline-block;width:6px;height:6px;background:#37d67a;border-radius:50%;margin-right:5px;box-shadow:0 0 8px #37d67a}
.akk-close{background:rgba(255,255,255,.08)!important;color:#fff!important;border:0!important;width:34px;height:34px;border-radius:11px!important;font-size:24px;line-height:1;cursor:pointer}
.akk-messages{flex:1;overflow:auto;padding:18px 16px 10px;background:linear-gradient(180deg,#fbfbfc,#f5f5f7);scroll-behavior:smooth}
.akk-msg{display:flex;margin:0 0 13px;gap:9px;animation:akkMsg .18s ease-out}.akk-msg.user{justify-content:flex-end}.akk-msg .akk-mini{width:27px;height:27px;border-radius:9px;background:#111;flex:none;display:grid;place-items:center;overflow:hidden}.akk-mini img{width:22px;height:22px;object-fit:contain}
.akk-bubble{max-width:78%;padding:11px 13px;border-radius:16px 16px 16px 5px;background:#fff;border:1px solid #e9e9ec;box-shadow:0 3px 10px rgba(0,0,0,.04);font-size:13px;line-height:1.5;word-break:break-word}
.akk-msg.user .akk-bubble{border-radius:16px 16px 5px 16px;background:linear-gradient(135deg,var(--akk-accent),var(--akk-primary));border-color:transparent;color:#fff;box-shadow:0 7px 16px rgba(218,26,7,.18)}
.akk-bubble a{color:var(--akk-primary);text-decoration:underline}.akk-msg.user a{color:#fff}
.akk-typing .akk-bubble{padding:12px 15px}.akk-dots span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#999;margin:0 2px;animation:akkDot 1s infinite}.akk-dots span:nth-child(2){animation-delay:.15s}.akk-dots span:nth-child(3){animation-delay:.3s}
@keyframes akkDot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
@keyframes akkMsg{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.akk-quick{padding:9px 14px 4px;display:flex;gap:7px;overflow-x:auto;background:#fff}.akk-quick button{white-space:nowrap;border:1px solid #e5e5e8;background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;color:#333;cursor:pointer}.akk-quick button:hover{border-color:var(--akk-primary);color:var(--akk-primary)}
.akk-form{margin:10px 12px 7px;border:1px solid #dedee3;background:#fff;border-radius:17px;padding:6px 7px 6px 12px;display:flex;align-items:flex-end;gap:7px;box-shadow:0 5px 18px rgba(0,0,0,.05)}.akk-form textarea{border:0!important;outline:0!important;resize:none;width:100%;max-height:90px;font:13px/1.4 inherit;padding:6px 0!important;box-shadow:none!important;background:transparent!important}.akk-form button{border:0;background:linear-gradient(135deg,var(--akk-accent),var(--akk-primary));color:#fff;width:36px;height:36px;border-radius:12px;cursor:pointer;font-size:16px;flex:none}.akk-form button:disabled{opacity:.45;cursor:not-allowed}
.akk-footer{text-align:center;font-size:9px;color:#a0a0a5;padding:2px 0 8px;background:#fff}.akk-footer b{color:#777}
@media(max-width:600px){.akk-chatbot{right:14px!important;left:auto!important;bottom:14px}.akk-launcher{width:58px;height:58px;border-radius:19px}.akk-panel{position:fixed;right:8px;left:8px;bottom:82px;width:auto;height:min(680px,calc(100vh - 100px));border-radius:22px}.akk-pos-left .akk-panel{left:8px}.akk-pos-right .akk-panel{right:8px}}


/* Premium quick-start layout */
.akk-chat-area{display:none;flex:1;min-height:0;flex-direction:column}
.akk-chat-area.akk-visible{display:flex}
.akk-start-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(145deg,#f7f9fc 0%,#fff 48%,#f5f7fa 100%)}
.akk-start-card{width:100%;box-sizing:border-box;background:rgba(255,255,255,.97);border:1px solid #e1e6ec;border-radius:25px;padding:23px 18px 19px;box-shadow:0 18px 45px rgba(13,49,82,.09)}
.akk-start-badge{display:inline-flex;align-items:center;background:#fff1ee;color:var(--akk-primary);font-weight:800;font-size:10px;letter-spacing:.6px;padding:7px 11px;border-radius:999px;margin-bottom:9px}
.akk-start-card h2{margin:0;color:#0b355c;font-size:21px;line-height:1.2;letter-spacing:-.5px}
.akk-start-card p{margin:9px 0 18px;color:#708096;font-size:12.5px;line-height:1.55}
.akk-start-card label{display:block;color:#123a5f;font-size:11px;font-weight:800;margin:11px 2px 5px}
.akk-start-card input{width:100%;height:43px;box-sizing:border-box;border:1px solid #7f8790;border-radius:5px;background:#fff;padding:0 14px;font:13px inherit;color:#173b5e;outline:0;transition:.2s box-shadow,.2s border-color}
.akk-start-card input:focus{border-color:var(--akk-primary);box-shadow:0 0 0 3px rgba(218,26,7,.10)}
.akk-start-card input::placeholder{color:#8d9bb0}
.akk-start-btn{width:100%;height:48px;border:0;border-radius:18px;background:linear-gradient(135deg,#ff6747,#ff7656);color:#fff;font-weight:800;font-size:14px;margin-top:19px;cursor:pointer;box-shadow:0 13px 25px rgba(255,100,70,.25);transition:.2s transform,.2s box-shadow}
.akk-start-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(255,100,70,.32)}
.akk-start-card>small{display:block;text-align:center;color:#748399;font-size:10px;margin-top:12px}
.akk-contact-bar{height:58px;flex:none;background:#fff;display:flex;justify-content:flex-end;align-items:center;padding:0 74px 0 12px;box-sizing:border-box}
.akk-contact-link{display:inline-flex;align-items:center;justify-content:center;min-width:108px;height:43px;border:0;border-radius:15px;background:#fff;color:#28394b;text-decoration:none;font-size:13px;font-weight:600;box-shadow:0 8px 22px rgba(18,45,72,.12);cursor:pointer}
.akk-contact-link:hover{transform:translateY(-1px)}
.akk-launcher{animation:akkBlink 2.4s ease-in-out infinite}
.akk-launcher::before{content:"";position:absolute;inset:-7px;border-radius:28px;border:2px solid rgba(218,26,7,.55);animation:akkPulse 2.4s ease-out infinite;pointer-events:none}
@keyframes akkBlink{0%,72%,100%{filter:none;opacity:1}78%,84%{filter:brightness(1.28);opacity:.72}81%{opacity:1}}
@keyframes akkPulse{0%{transform:scale(.88);opacity:.7}70%,100%{transform:scale(1.25);opacity:0}}
.akk-launcher.akk-no-blink{animation:none}.akk-launcher.akk-no-blink::before{display:none}
@media(max-width:600px){.akk-start-screen{padding:16px}.akk-start-card{padding:20px 16px}.akk-contact-bar{padding-right:74px}}

/* Akkenum Red / Black premium brand theme */
.akk-panel{box-shadow:0 28px 85px rgba(0,0,0,.28),0 8px 25px rgba(218,26,7,.12)}
.akk-header{background:linear-gradient(135deg,#050505 0%,#111111 58%,#1a0805 100%)}
.akk-brand strong{color:#fff}
.akk-avatar{background:#050505;border-color:rgba(218,26,7,.45);box-shadow:0 0 0 1px rgba(218,26,7,.08)}
.akk-brand small i{background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.65)}
.akk-close:hover{background:rgba(218,26,7,.22)!important}
.akk-start-screen{background:linear-gradient(145deg,#fafafa 0%,#fff 50%,#f6f6f6 100%)}
.akk-start-card{border-color:#e5e5e5;box-shadow:0 20px 48px rgba(0,0,0,.09)}
.akk-start-badge{background:#fff0ed;color:#DA1A07}
.akk-start-card h2{color:#0a0a0a}
.akk-start-card p{color:#707070}
.akk-start-card label{color:#151515}
.akk-start-card input:focus{border-color:#DA1A07;box-shadow:0 0 0 3px rgba(218,26,7,.12)}
.akk-start-btn{background:linear-gradient(135deg,#DA1A07,#b51203);box-shadow:0 13px 25px rgba(218,26,7,.26)}
.akk-start-btn:hover{box-shadow:0 16px 30px rgba(218,26,7,.34)}
.akk-contact-bar{background:#050505}
.akk-contact-link{background:#fff;color:#111}
.akk-contact-link:hover{color:#DA1A07}
.akk-messages{background:linear-gradient(180deg,#fff,#f7f7f7)}
.akk-msg .akk-mini{background:#050505;border:1px solid rgba(218,26,7,.35)}
.akk-msg.user .akk-bubble{background:linear-gradient(135deg,#e5220d,#b90f02);box-shadow:0 7px 18px rgba(218,26,7,.24)}
.akk-bubble a{color:#DA1A07}
.akk-quick button:hover{border-color:#DA1A07;color:#DA1A07}
.akk-form button{background:linear-gradient(135deg,#DA1A07,#b51203)}
.akk-footer{background:#050505;color:#777}
.akk-footer b{color:#aaa}
.akk-launcher{background:linear-gradient(145deg,#e5220d,#a90d00);box-shadow:0 14px 35px rgba(218,26,7,.38),0 5px 14px rgba(0,0,0,.24)}
.akk-launcher::before{border-color:rgba(218,26,7,.65)}
.akk-launcher:hover{box-shadow:0 18px 42px rgba(218,26,7,.48),0 8px 18px rgba(0,0,0,.25)}
.akk-unread{background:#050505;border-color:#fff}

/* Akkenum launcher: red background + white logo */
.akk-launcher{position:relative;background:linear-gradient(145deg,#e5220d,#b90f02)!important;border-radius:50%!important}
.akk-launcher::after{content:"";position:absolute;inset:0;background:url("../assets/akkenum-logo-white.png") center/62% 62% no-repeat;z-index:2}
.akk-launcher-icon{display:none}
.akk-launcher::before{border-color:rgba(218,26,7,.72)!important;border-radius:50%!important}
.akk-launcher:hover{background:linear-gradient(145deg,#f02a14,#c61102)!important}

/* Strongly visible lead input boxes */
.akk-start-card .akk-lead-name,
.akk-start-card .akk-lead-phone{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    margin:0 0 14px!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
    border:1.5px solid #aeb4bb!important;
    border-radius:9px!important;
    background:#ffffff!important;
    color:#171717!important;
    font-family:inherit!important;
    font-size:14px!important;
    line-height:48px!important;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.03)!important;
}
.akk-start-card .akk-lead-name::placeholder,
.akk-start-card .akk-lead-phone::placeholder{
    color:#8993a0!important;
    opacity:1!important;
}
.akk-start-card .akk-lead-name:focus,
.akk-start-card .akk-lead-phone:focus{
    border-color:#DA1A07!important;
    outline:none!important;
    box-shadow:0 0 0 3px rgba(218,26,7,.10)!important;
}
.akk-start-card label{
    display:block!important;
    visibility:visible!important;
    color:#111!important;
    font-size:12px!important;
    font-weight:800!important;
    margin:0 2px 7px!important;
}
.akk-start-card .akk-start-btn{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center;
    justify-content:center;
}
/* Make the chatbot launcher label visible next to the floating button */
.akk-launcher-label{
    position:absolute;
    right:74px;
    bottom:6px;
    white-space:nowrap;
    background:#fff;
    color:#161616;
    border:1px solid #e7e7e7;
    border-radius:14px;
    padding:11px 15px;
    font-size:12px;
    font-weight:700;
    box-shadow:0 10px 28px rgba(0,0,0,.15);
    animation:akkLabelFloat 2.8s ease-in-out infinite;
}
.akk-pos-left .akk-launcher-label{left:74px;right:auto}
.akk-launcher-label::after{
    content:"";
    position:absolute;
    right:-6px;
    top:50%;
    width:10px;
    height:10px;
    background:#fff;
    border-top:1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
    transform:translateY(-50%) rotate(45deg);
}
.akk-pos-left .akk-launcher-label::after{
    right:auto;
    left:-6px;
    transform:translateY(-50%) rotate(-135deg);
}
@keyframes akkLabelFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-3px)}
}
@media(max-width:600px){
    .akk-launcher-label{right:68px;padding:9px 12px;font-size:11px}
    .akk-pos-left .akk-launcher-label{left:68px}
}

/* Updated Akkenum floating logo */
.akk-launcher{
    width:64px!important;
    height:64px!important;
    padding:0!important;
    border-radius:50%!important;
    background:#DA1A07!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 12px 32px rgba(218,26,7,.38),0 5px 14px rgba(0,0,0,.20)!important;
    overflow:visible!important;
}
.akk-launcher::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:url("../assets/akkenum-logo-white.png") center/69% 69% no-repeat!important;
    z-index:3!important;
    display:block!important;
}
.akk-launcher::before{
    content:""!important;
    position:absolute!important;
    inset:-6px!important;
    border-radius:50%!important;
    border:2px solid rgba(218,26,7,.55)!important;
    animation:akkPulse 2.4s ease-out infinite!important;
    pointer-events:none!important;
}
.akk-launcher:hover{
    transform:translateY(-3px) scale(1.04)!important;
    background:#c91505!important;
    box-shadow:0 17px 40px rgba(218,26,7,.48),0 8px 18px rgba(0,0,0,.22)!important;
}
.akk-launcher-icon{display:none!important}
.akk-unread{z-index:5!important}
.akk-launcher-label{
    font-family:'Poppins',sans-serif!important;
    font-weight:600!important;
}
.akk-header,
.akk-start-card h2,
.akk-start-card label,
.akk-start-btn,
.akk-contact-link{
    font-family:'Poppins',sans-serif!important;
}

/* Launcher polish: transparent logo, clean label */
.akk-launcher::after{
    background-image:url("../assets/akkenum-logo-white.png")!important;
    background-size:66% 66%!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
}
.akk-launcher-label{
    right:76px!important;
    bottom:4px!important;
    padding:10px 15px!important;
    border-radius:14px!important;
    font-size:12px!important;
    line-height:1.2!important;
    color:#171717!important;
    background:#fff!important;
    border:1px solid #e7e7e7!important;
    box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
}
.akk-launcher-label::after{
    display:none!important;
}
.akk-pos-left .akk-launcher-label{
    left:76px!important;
    right:auto!important;
}
.akk-unread{
    width:8px!important;
    min-width:8px!important;
    height:8px!important;
    padding:0!important;
    font-size:0!important;
    right:-1px!important;
    top:0!important;
    background:#DA1A07!important;
    border:2px solid #fff!important;
    box-shadow:0 2px 6px rgba(0,0,0,.18)!important;
}

/* Contact us launcher menu */
.akk-launcher-menu{
    position:absolute;
    right:0;
    bottom:76px;
    width:225px;
    background:#fff;
    border:1px solid #e6e6e6;
    border-radius:13px;
    padding:7px;
    box-shadow:0 16px 38px rgba(0,0,0,.18);
    display:none;
    z-index:20;
}
.akk-launcher-menu.akk-menu-open{
    display:block;
    animation:akkMenuIn .18s ease-out;
}
@keyframes akkMenuIn{
    from{opacity:0;transform:translateY(7px) scale(.98)}
    to{opacity:1;transform:none}
}
.akk-launcher-option{
    width:100%;
    min-height:52px;
    box-sizing:border-box;
    border:0!important;
    background:#fff!important;
    color:#27303a!important;
    display:flex;
    align-items:center;
    gap:11px;
    padding:9px 11px;
    border-radius:9px!important;
    text-decoration:none!important;
    text-align:left;
    cursor:pointer;
    font-family:'Poppins',sans-serif!important;
}
.akk-launcher-option:hover{
    background:#f5f7f6!important;
}
.akk-option-icon{
    width:28px;
    height:28px;
    border-radius:8px;
    background:#20a857;
    color:#fff;
    display:grid;
    place-items:center;
    flex:none;
    font-size:15px;
    font-weight:800;
}
.akk-launcher-option b{
    display:block;
    font-size:13px;
    line-height:1.25;
    font-weight:500;
    color:#27303a;
}
.akk-launcher-option small{
    display:block;
    margin-top:2px;
    color:#68727c;
    font-size:10px;
    line-height:1.2;
}
.akk-chat-option .akk-option-icon{
    font-size:12px;
}
.akk-launcher-label{
    font-family:'Poppins',sans-serif!important;
}
/* The requested main floating label is Contact us, not Chat with us. */
.akk-launcher-label{display:block!important}
@media(max-width:600px){
    .akk-launcher-menu{right:0;bottom:70px;width:210px}
}

/* v1.9: remove the duplicate Contact us button inside the chatbot panel */
.akk-contact-bar{display:none!important}

/* v2.0 final Akkenum launcher */
.akk-launcher{
    background:#DA1A07!important;
    border-color:rgba(255,255,255,.22)!important;
}
.akk-launcher::after{
    content:""!important;
    position:absolute!important;
    inset:14px!important;
    background:#fff!important;
    -webkit-mask-image:url("../assets/akkenum-logo-white.png")!important;
    mask-image:url("../assets/akkenum-logo-white.png")!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    -webkit-mask-position:center!important;
    mask-position:center!important;
    -webkit-mask-size:contain!important;
    mask-size:contain!important;
    z-index:3!important;
}
/* Never render the logo as a rectangular image background. */
.akk-launcher{background-image:none!important}
.akk-launcher-label{
    background:#DA1A07!important;
    color:#fff!important;
    border-color:#DA1A07!important;
    box-shadow:0 10px 26px rgba(218,26,7,.28)!important;
    font-weight:600!important;
}
.akk-launcher-label::after{display:none!important}
.akk-launcher-option b{color:#DA1A07!important}
.akk-launcher-option small{color:#555!important}
.akk-option-icon{
    background:#DA1A07!important;
    color:#fff!important;
}
.akk-launcher-option:hover{background:#fff4f2!important}
.akk-launcher-menu{
    border-color:#f0d4d0!important;
}

/* v2.1: full-size launcher logo + viewport-safe responsive panel */

/* Make the white Akkenum mark fill the red circle */
.akk-launcher{
    width:68px!important;
    height:68px!important;
    flex:none!important;
}
.akk-launcher::after{
    inset:3px!important;
    -webkit-mask-size:92% 92%!important;
    mask-size:92% 92%!important;
    -webkit-mask-position:center!important;
    mask-position:center!important;
}

/* Keep the entire chatbot attached to the viewport, not a theme/container */
.akk-chatbot{
    position:fixed!important;
    right:24px!important;
    bottom:24px!important;
    left:auto!important;
    width:auto!important;
    max-width:none!important;
    z-index:2147483000!important;
    transform:none!important;
}

/* The chat window itself must never be clipped by the page/container */
.akk-panel{
    position:fixed!important;
    right:24px!important;
    left:auto!important;
    bottom:104px!important;
    width:380px!important;
    max-width:calc(100vw - 32px)!important;
    box-sizing:border-box!important;
    margin:0!important;
    transform-origin:bottom right!important;
}

/* Contact menu also stays inside the viewport */
.akk-launcher-menu{
    position:fixed!important;
    right:24px!important;
    bottom:100px!important;
    width:225px!important;
    max-width:calc(100vw - 32px)!important;
    box-sizing:border-box!important;
}

/* Do not let the launcher label push the button outside the viewport */
.akk-launcher-label{
    max-width:170px!important;
    box-sizing:border-box!important;
}

/* Small screens */
@media(max-width:600px){
    .akk-chatbot{
        right:12px!important;
        bottom:12px!important;
    }
    .akk-panel{
        position:fixed!important;
        left:12px!important;
        right:12px!important;
        bottom:84px!important;
        width:auto!important;
        max-width:none!important;
        height:min(680px,calc(100dvh - 104px))!important;
        max-height:calc(100dvh - 104px)!important;
        border-radius:22px!important;
    }
    .akk-launcher-menu{
        right:12px!important;
        bottom:84px!important;
        width:215px!important;
        max-width:calc(100vw - 24px)!important;
    }
}

/* Very narrow phones */
@media(max-width:390px){
    .akk-launcher{
        width:62px!important;
        height:62px!important;
    }
    .akk-panel{
        left:8px!important;
        right:8px!important;
        bottom:78px!important;
        height:min(650px,calc(100dvh - 94px))!important;
        max-height:calc(100dvh - 94px)!important;
    }
    .akk-start-screen{
        padding:14px!important;
    }
}

/* v2.2: slightly larger Akkenum launcher + clearer contact icons */
.akk-launcher{
    width:74px!important;
    height:74px!important;
}
.akk-launcher::after{
    inset:1px!important;
    -webkit-mask-size:96% 96%!important;
    mask-size:96% 96%!important;
}
.akk-option-icon{
    width:32px!important;
    height:32px!important;
    border-radius:9px!important;
    font-family:Arial,sans-serif!important;
    font-size:17px!important;
    line-height:1!important;
}
.akk-phone-icon{
    font-size:18px!important;
    transform:rotate(-18deg);
}
.akk-msg-icon{
    font-size:15px!important;
}
.akk-launcher-option b{
    font-size:13px!important;
    font-weight:600!important;
}

/* v2.4 WhatsApp icon */
.akk-whatsapp-icon svg{
    width:19px!important;
    height:19px!important;
    display:block!important;
    fill:#fff!important;
}

/* v2.5: supplied Akkenum logo + modern message icon */
.akk-launcher{
    background:#050505!important;
    border:1px solid #DA1A07!important;
    box-shadow:0 12px 34px rgba(218,26,7,.32),0 5px 14px rgba(0,0,0,.28)!important;
}
.akk-launcher::after{
    content:""!important;
    inset:4px!important;
    background:url("../assets/akkenum-floating-logo-red.png") center/94% 94% no-repeat!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
}
.akk-launcher:hover{
    background:#000!important;
    border-color:#ef2a15!important;
}
.akk-msg-icon svg{
    width:18px!important;
    height:18px!important;
    display:block!important;
    fill:#fff!important;
}
.akk-msg-icon{
    display:grid!important;
    place-items:center!important;
}

/* Final Akkenum branding */
.akk-launcher-label{
    background:#DA1A07!important;
    color:#fff!important;
    border-color:#DA1A07!important;
    font-family:'Poppins',sans-serif!important;
}

/* =========================================================
   Akkenum AI Chatbot v3.1 - Final Brand Overrides
   ========================================================= */

/* Floating button: previous red-background / white-logo treatment */
.akk-launcher{
    width:74px!important;
    height:74px!important;
    border-radius:50%!important;
    background:#DA1A07!important;
    background-image:url("../assets/akkenum-floating-logo-white.png")!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:92% 92%!important;
    border:1px solid rgba(255,255,255,.18)!important;
    overflow:visible!important;
}
.akk-launcher::after{
    display:none!important;
    content:none!important;
}
.akk-launcher::before{
    inset:-6px!important;
    border-radius:50%!important;
    border:2px solid rgba(218,26,7,.58)!important;
}
.akk-launcher-icon{display:none!important}

/* Contact menu */
.akk-launcher-menu{
    background:#fff!important;
    border:1px solid #e6e6e6!important;
    border-radius:15px!important;
    box-shadow:0 18px 45px rgba(0,0,0,.18)!important;
}
.akk-launcher-option{
    font-family:'Poppins',sans-serif!important;
}
.akk-option-icon{
    background:#DA1A07!important;
    color:#fff!important;
}
.akk-launcher-option b{
    color:#DA1A07!important;
    font-weight:600!important;
}
.akk-launcher-option small{
    color:#6f7479!important;
    font-size:10px!important;
}
.akk-launcher-option:hover{
    background:#fff4f2!important;
}
.akk-launcher-label{
    background:#DA1A07!important;
    color:#fff!important;
    border-color:#DA1A07!important;
    box-shadow:0 10px 26px rgba(218,26,7,.30)!important;
}
.akk-launcher-label::after{display:none!important}

/* Message icon */
.akk-msg-icon svg{
    width:19px!important;
    height:19px!important;
    display:block!important;
    fill:#fff!important;
}

/* WhatsApp icon remains a white mark on Akkenum red */
.akk-whatsapp-icon svg{
    width:19px!important;
    height:19px!important;
    display:block!important;
    fill:#fff!important;
}

/* Akkenum v3.2: Contact us label + blinking logo + black hover */
.akk-launcher{
    animation:akkLogoBlink 2.2s ease-in-out infinite!important;
    transition:background .22s ease, box-shadow .22s ease, transform .22s ease, filter .22s ease!important;
}
@keyframes akkLogoBlink{
    0%,100%{opacity:1;filter:brightness(1);box-shadow:0 12px 32px rgba(218,26,7,.38),0 5px 14px rgba(0,0,0,.20)}
    42%{opacity:.72;filter:brightness(1.08);box-shadow:0 12px 32px rgba(218,26,7,.52),0 5px 14px rgba(0,0,0,.20)}
    50%{opacity:1;filter:brightness(1.18);box-shadow:0 0 0 5px rgba(218,26,7,.14),0 18px 42px rgba(218,26,7,.62),0 6px 16px rgba(0,0,0,.22)}
    58%{opacity:.78;filter:brightness(1.05);box-shadow:0 12px 32px rgba(218,26,7,.46),0 5px 14px rgba(0,0,0,.20)}
}
.akk-launcher:hover{
    background:#050505!important;
    transform:translateY(-3px) scale(1.04)!important;
    filter:none!important;
    animation-play-state:paused!important;
    box-shadow:0 16px 40px rgba(0,0,0,.42),0 0 0 2px rgba(218,26,7,.55)!important;
}
.akk-launcher:hover::before{
    border-color:rgba(218,26,7,.9)!important;
}
.akk-launcher-label{
    background:#DA1A07!important;
    color:#fff!important;
}
.akk-launcher:hover + *{}

/* v3.3: stable red hover + subtle zoom */
.akk-launcher{
    background:#DA1A07!important;
    transition:transform .22s ease, box-shadow .22s ease!important;
}
.akk-launcher:hover{
    background:#DA1A07!important;
    filter:none!important;
    animation-play-state:running!important;
    transform:scale(1.07)!important;
    box-shadow:0 16px 40px rgba(218,26,7,.45),0 0 0 2px rgba(218,26,7,.35)!important;
}
.akk-launcher:hover::before{
    border-color:rgba(218,26,7,.72)!important;
}

/* v3.5: direct launcher logo — avoids background/mask conflicts */
.akk-launcher{
    position:relative!important;
    background:#DA1A07!important;
    background-image:none!important;
    overflow:visible!important;
}
.akk-launcher::after{
    display:none!important;
    content:none!important;
    background:none!important;
    -webkit-mask:none!important;
    mask:none!important;
}
.akk-launcher-logo{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:86%!important;
    height:86%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:translate(-50%,-50%)!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:4!important;
    pointer-events:none!important;
}
.akk-launcher:hover{
    background:#DA1A07!important;
    transform:scale(1.07)!important;
}
.akk-launcher:hover .akk-launcher-logo{
    transform:translate(-50%,-50%)!important;
}
.akk-launcher-icon{display:none!important}

/* v3.6: make the visible Akkenum mark cover the launcher circle */
.akk-launcher{
    overflow:hidden!important;
}
.akk-launcher-logo{
    width:132%!important;
    height:132%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
}
.akk-launcher:hover .akk-launcher-logo{
    transform:translate(-50%,-50%)!important;
}

/* v3.7: Contact us label beside the floating logo */
.akk-launcher-label{
    position:absolute!important;
    right:82px!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    background:#DA1A07!important;
    color:#fff!important;
    border:0!important;
    border-radius:14px!important;
    padding:10px 16px!important;
    min-height:40px!important;
    box-sizing:border-box!important;
    font-family:'Poppins',sans-serif!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1!important;
    box-shadow:0 10px 26px rgba(218,26,7,.28)!important;
    z-index:6!important;
}
.akk-launcher-label::after{
    display:none!important;
}
@media(max-width:600px){
    .akk-launcher-label{
        right:76px!important;
        padding:9px 14px!important;
    }
}

/* v3.8: allow Contact us label to extend outside the circular button */
.akk-launcher{
    overflow:visible!important;
}
.akk-launcher-label{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:none!important;
    position:absolute!important;
    right:82px!important;
    left:auto!important;
    top:50%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    width:max-content!important;
    max-width:none!important;
    min-width:96px!important;
    height:40px!important;
    padding:0 16px!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    z-index:999!important;
    background:#DA1A07!important;
    color:#fff!important;
    border:0!important;
    border-radius:14px!important;
    box-shadow:0 10px 26px rgba(218,26,7,.30)!important;
}

/* v4.1: always-visible floating logo blink */
.akk-launcher{
    animation:akkFloatingLogoBlink 1.8s ease-in-out infinite!important;
}
@keyframes akkFloatingLogoBlink{
    0%,100%{opacity:1;filter:brightness(1);box-shadow:0 12px 32px rgba(218,26,7,.38),0 5px 14px rgba(0,0,0,.20)}
    45%{opacity:.65;filter:brightness(1.08);box-shadow:0 12px 34px rgba(218,26,7,.50),0 5px 14px rgba(0,0,0,.20)}
    55%{opacity:1;filter:brightness(1.18);box-shadow:0 0 0 6px rgba(218,26,7,.13),0 18px 42px rgba(218,26,7,.58),0 6px 16px rgba(0,0,0,.22)}
}
.akk-launcher:hover{background:#DA1A07!important;transform:scale(1.07)!important}
.akk-wa-notification{text-align:center;margin:8px 12px}
.akk-wa-notification a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border-radius:9px;background:#DA1A07;color:#fff!important;text-decoration:none!important;font:600 10px 'Poppins',sans-serif}


/* v4.5.5 final UI: message launcher + email contact */
.akk-launcher-logo,
.akk-launcher-label{
    display:none!important;
}
.akk-launcher-message-icon{
    width:30px!important;
    height:30px!important;
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    inset:50% auto auto 50%!important;
    transform:translate(-50%,-50%)!important;
    z-index:6!important;
    pointer-events:none!important;
}
.akk-launcher-message-icon svg{
    width:30px!important;
    height:30px!important;
    display:block!important;
    fill:#fff!important;
}
.akk-launcher::after{
    display:none!important;
}
.akk-email-icon svg{
    width:19px!important;
    height:19px!important;
    display:block!important;
    fill:#fff!important;
}

/* Email lead field replaces the old contact-number field. */
.akk-start-card .akk-lead-email{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    margin:0 0 14px!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
    border:1.5px solid #aeb4bb!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#171717!important;
    font-family:inherit!important;
    font-size:14px!important;
    line-height:1.4!important;
    box-shadow:0 1px 2px rgba(0,0,0,.03)!important;
}
.akk-start-card .akk-lead-email::placeholder{color:#8993a0!important;opacity:1!important}
.akk-start-card .akk-lead-email:focus{
    border-color:#DA1A07!important;
    outline:none!important;
    box-shadow:0 0 0 3px rgba(218,26,7,.10)!important;
}

/* Minimize/close never clears the conversation. */
.akk-panel.akk-open{display:flex!important}

/* v4.5.7: floating message icon pulse — keep WhatsApp and email actions unchanged. */
.akk-launcher{
    animation:akkLauncherPulse 1.8s ease-in-out infinite!important;
    transform-origin:center center!important;
    will-change:transform,box-shadow!important;
}
.akk-launcher::before{
    content:""!important;
    position:absolute!important;
    inset:-7px!important;
    border:2px solid rgba(218,26,7,.62)!important;
    border-radius:50%!important;
    pointer-events:none!important;
    z-index:1!important;
    animation:akkLauncherPulseRing 1.8s ease-out infinite!important;
}
.akk-launcher-message-icon{
    animation:akkMessageIconPulse 1.8s ease-in-out infinite!important;
    transform-origin:center center!important;
}
@keyframes akkLauncherPulse{
    0%,100%{transform:scale(1);box-shadow:0 12px 32px rgba(218,26,7,.38),0 5px 14px rgba(0,0,0,.20)}
    50%{transform:scale(1.08);box-shadow:0 16px 38px rgba(218,26,7,.52),0 7px 18px rgba(0,0,0,.22)}
}
@keyframes akkLauncherPulseRing{
    0%{transform:scale(.82);opacity:.75}
    70%{transform:scale(1.35);opacity:0}
    100%{transform:scale(1.35);opacity:0}
}
@keyframes akkMessageIconPulse{
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.10)}
}
.akk-launcher:hover{animation-play-state:paused!important;transform:scale(1.08)!important}
.akk-launcher:hover::before,.akk-launcher:hover .akk-launcher-message-icon{animation-play-state:paused!important}



/* v4.5.9 — Black WhatsApp-style chat interface */
.akk-panel{
    background:#000!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:22px!important;
    box-shadow:0 24px 70px rgba(0,0,0,.65),0 6px 24px rgba(0,0,0,.35)!important;
}
.akk-header{
    height:64px!important;
    min-height:64px!important;
    box-sizing:border-box!important;
    padding:0 16px!important;
    background:#b90000!important;
    background-image:linear-gradient(135deg,#b40000,#d10b0b)!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.akk-brand{gap:0!important}
.akk-avatar{
    display:none!important;
}
.akk-brand strong{
    font-size:16px!important;
    font-weight:600!important;
    color:#fff!important;
    letter-spacing:0!important;
}
.akk-brand small{
    display:none!important;
}
.akk-close{
    background:transparent!important;
    width:36px!important;
    height:36px!important;
    border-radius:8px!important;
    font-size:31px!important;
    font-weight:300!important;
    color:#fff!important;
    line-height:32px!important;
    padding:0!important;
}
.akk-close:hover{
    background:rgba(255,255,255,.10)!important;
}
.akk-messages{
    background:#000!important;
    padding:18px 12px 10px!important;
}
.akk-msg{
    gap:8px!important;
    margin-bottom:12px!important;
}
.akk-msg .akk-mini{
    display:none!important;
}
.akk-bubble{
    max-width:76%!important;
    padding:12px 14px!important;
    border:0!important;
    border-radius:14px 14px 14px 5px!important;
    background:#202020!important;
    color:#f5f5f5!important;
    box-shadow:none!important;
    font-size:14px!important;
    line-height:1.55!important;
}
.akk-msg.user .akk-bubble{
    background:#e30613!important;
    color:#fff!important;
    border-radius:14px 14px 5px 14px!important;
    box-shadow:none!important;
}
.akk-bubble a{
    color:#ff6b70!important;
}
.akk-msg.user a{
    color:#fff!important;
}
.akk-quick{
    background:#000!important;
    padding:8px 12px 4px!important;
}
.akk-quick button{
    background:#202020!important;
    color:#eee!important;
    border:1px solid #333!important;
}
.akk-quick button:hover{
    border-color:#e30613!important;
    color:#fff!important;
}
.akk-form{
    margin:10px 10px 7px!important;
    background:#171717!important;
    border:1px solid #333!important;
    border-radius:18px!important;
    box-shadow:none!important;
}
.akk-form textarea{
    color:#fff!important;
    caret-color:#fff!important;
}
.akk-form textarea::placeholder{
    color:#8b8b8b!important;
}
.akk-form button{
    background:#e30613!important;
    border-radius:12px!important;
}
.akk-footer{
    background:#000!important;
    color:#666!important;
    padding:2px 0 8px!important;
}
.akk-footer b{
    color:#888!important;
}

/* Black start screen to match the chat interface */
.akk-start-screen{
    background:#000!important;
}
.akk-start-card{
    background:#171717!important;
    border:1px solid #303030!important;
    box-shadow:none!important;
    color:#fff!important;
}
.akk-start-badge{
    background:#2a0b0b!important;
    color:#ff4b52!important;
}
.akk-start-card h2{
    color:#fff!important;
}
.akk-start-card p{
    color:#a8a8a8!important;
}
.akk-start-card label{
    color:#ddd!important;
}
.akk-start-card input,
.akk-start-card .akk-lead-email{
    background:#0e0e0e!important;
    color:#fff!important;
    border-color:#3a3a3a!important;
}
.akk-start-card input::placeholder,
.akk-start-card .akk-lead-email::placeholder{
    color:#777!important;
}
.akk-start-btn{
    background:#e30613!important;
    box-shadow:none!important;
}
.akk-start-card>small{
    color:#777!important;
}

/* Keep the launcher/menu design from the supplied version */
.akk-launcher-menu{
    background:#fff!important;
}

/* v2.2: Black launcher menu to match the Akkenum AI dark chat UI */
.akk-launcher-menu{
    background:#0b0b0d!important;
    border:1px solid #2b2b2f!important;
    box-shadow:0 20px 55px rgba(0,0,0,.55)!important;
}
.akk-launcher-option{
    background:#0b0b0d!important;
    color:#fff!important;
}
.akk-launcher-option b{color:#fff!important}
.akk-launcher-option small{color:#a8a8ae!important}
.akk-launcher-option:hover{background:#1a1a1e!important}
.akk-option-icon{
    background:#DA1A07!important;
    color:#fff!important;
    box-shadow:0 5px 14px rgba(218,26,7,.22);
}
.akk-launcher-menu .akk-launcher-option:first-child .akk-option-icon{
    background:#DA1A07!important;
}

/* v4.5.11 — Premium online header */
.akk-header{
    height:88px!important;
    padding:14px 18px!important;
    background:linear-gradient(135deg,#d9000b 0%,#e30613 55%,#b90009 100%)!important;
    border-bottom:1px solid rgba(255,255,255,.24)!important;
    box-shadow:0 7px 24px rgba(227,6,19,.20)!important;
    position:relative!important;
}
.akk-header::after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
    pointer-events:none;
}
.akk-brand{gap:11px!important;min-width:0}
.akk-avatar{
    width:49px!important;height:49px!important;border-radius:15px!important;
    background:#fff!important;border:2px solid rgba(255,255,255,.42)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.20)!important;
}
.akk-avatar img{width:39px!important;height:39px!important}
.akk-brand-copy{min-width:0}
.akk-title-row{display:flex;align-items:center;gap:6px;min-width:0}
.akk-brand strong{font-size:16px!important;font-weight:700!important;letter-spacing:-.2px!important;color:#fff!important;white-space:nowrap}
.akk-verified{
    width:17px;height:17px;border-radius:50%;display:inline-grid;place-items:center;
    background:#fff;color:#e30613;font-size:11px;font-weight:900;line-height:1;
    box-shadow:0 2px 8px rgba(0,0,0,.18);flex:none
}
.akk-brand small.akk-online{
    margin-top:5px!important;color:rgba(255,255,255,.88)!important;font-size:10.5px!important;
    display:flex!important;align-items:center;gap:5px;white-space:nowrap
}
.akk-brand small.akk-online i{
    display:inline-block!important;width:7px!important;height:7px!important;border-radius:50%!important;
    background:#31e879!important;box-shadow:0 0 0 3px rgba(49,232,121,.17),0 0 10px rgba(49,232,121,.85)!important;
    margin:0!important;animation:akkOnlinePulse 1.8s ease-in-out infinite
}
.akk-brand small.akk-online em{font-style:normal;color:rgba(255,255,255,.48);margin:0 1px}
@keyframes akkOnlinePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.82)}}
.akk-header-actions{display:flex;align-items:center;gap:8px}
.akk-live-pill{
    display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:999px;
    background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.22);color:#fff;
    font-size:8px;font-weight:800;letter-spacing:.7px
}
.akk-live-pill i{width:5px;height:5px;border-radius:50%;background:#31e879;box-shadow:0 0 7px #31e879}
.akk-close{
    width:38px!important;height:38px!important;border-radius:12px!important;
    background:rgba(0,0,0,.16)!important;border:1px solid rgba(255,255,255,.16)!important;
    font-size:25px!important;transition:.18s transform,.18s background!important
}
.akk-close:hover{background:rgba(0,0,0,.28)!important;transform:scale(1.04)}

/* Premium quick actions */
.akk-quick{
    padding:10px 12px 6px!important;gap:7px!important;background:#000!important;
    border-top:1px solid #151515!important
}
.akk-quick button{
    padding:7px 10px!important;border-radius:999px!important;background:#171717!important;
    border:1px solid #303030!important;color:#eee!important;font-weight:500!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 3px 8px rgba(0,0,0,.22)!important;
    transition:.18s transform,.18s border-color,.18s background!important
}
.akk-quick button:hover{background:#241010!important;border-color:#e30613!important;transform:translateY(-1px)}

/* Premium message surface */
.akk-messages{background:#000!important;padding:20px 16px 12px!important}
.akk-bubble{background:#202020!important;border-color:#2d2d2d!important;color:#f5f5f5!important;box-shadow:0 8px 22px rgba(0,0,0,.28)!important;border-radius:18px 18px 18px 6px!important}
.akk-msg.user .akk-bubble{background:#e30613!important;border-color:#e30613!important;color:#fff!important;box-shadow:0 8px 20px rgba(227,6,19,.18)!important}
.akk-msg .akk-mini{background:#171717!important;border-color:#333!important;box-shadow:0 4px 12px rgba(0,0,0,.3)}

/* Premium input */
.akk-form{border-color:#303030!important;background:#171717!important;box-shadow:0 10px 28px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.03)!important}
.akk-form:focus-within{border-color:#555!important;box-shadow:0 0 0 2px rgba(227,6,19,.14),0 10px 28px rgba(0,0,0,.38)!important}
.akk-form button{width:38px!important;height:38px!important;border-radius:13px!important;font-weight:700!important;box-shadow:0 5px 14px rgba(227,6,19,.25)!important}

/* Premium start card */
.akk-start-card{border-color:#303030!important;background:linear-gradient(145deg,#171717,#111)!important;box-shadow:0 24px 60px rgba(0,0,0,.48)!important}
.akk-start-badge{border:1px solid rgba(227,6,19,.25)!important}
.akk-start-btn{border-radius:15px!important;height:49px!important}

@media(max-width:600px){
    .akk-header{height:82px!important;padding:12px 14px!important}
    .akk-live-pill{display:none}
    .akk-brand strong{font-size:15px!important}
}


/* v4.5.12: premium black labels on the lead form */
.akk-start-card label{
    display:inline-block!important;
    background:#000!important;
    color:#fff!important;
    padding:6px 9px!important;
    margin:14px 0 6px 0!important;
    border-radius:0!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:800!important;
}

/* Keep the first label aligned tightly with the form content */
.akk-start-card .akk-start-badge + h2 + p + label{margin-top:14px!important}

/* Make markdown lists in chatbot answers clean and premium */
.akk-bubble ul.akk-chat-list{
    margin:8px 0 2px 0!important;
    padding-left:20px!important;
}
.akk-bubble ul.akk-chat-list li{
    margin:4px 0!important;
    padding-left:2px!important;
}
.akk-bubble strong{font-weight:800!important;color:inherit!important}