:root{--africahied-gpt-brand-color: #47edd5;--africahied-gpt-admin-color: #ffda7f;--africahied-gpt-admin-hover: #ffc74d;--africahied-gpt-chat-color: var(--africahied-gpt-brand-color);--box-color-1: #47edd5;--box-color-2: #8e4ad3;--box-color-3: #ff8748;--chat-personal-message: #524ba8;--chat-response-message: #292929;--chat-bg: #141414;--color-white: #ffffff;--color-white-2: rgba(255, 255, 255, 0.2);--color-grey: #333c43;--color-grey-1: #6a767f;--color-grey-2: #1d2327;--main-bg: #111518;--box-bg: #181d20;--main-border: var(--color-grey);--text-color-grey: #6f7981;--button-small-color: #4f7999;--container-height: calc(100vh - 83px)}

:root[data-mode="light"]{--chat-bg: #f8f9fa;--color-white: #212529;--color-white-2: rgba(33, 37, 41, 0.2);--color-grey: #e9ecef;--color-grey-1: #6c757d;--color-grey-2: #f8f9fa;--main-bg: #ffffff;--box-bg: #f8f9fa;--main-border: var(--color-grey);--text-color-grey: #6c757d;--button-small-color: #0d6efd;--response-background-color: #eeeeee;--response-text-color: #292929}

.africahied-gpt-main-container{min-height:calc(100vh - 83px);padding:10px 20px;margin:25px;border-radius:50px}

.africahied-gpt-main-container.no-key{display:flex}

@media(max-width: 768px){.africahied-gpt-main-container{margin:0;padding-right:30px}}

.africahied-gpt-panel,.default-state{display:block;opacity:0;visibility:hidden;max-height:0;transition:all .5s ease;transform:translateY(50px)}

.d-none{display:none}

.active-visible{opacity:1;visibility:visible;transform:translateY(0);max-height:initial;position:relative}

.active-visible.active-visible-flex{display:flex}

@keyframes tabAnim{0%{opacity:0;visibility:hidden;transform:translateY(50px)}100%{opacity:1;visibility:visible;transform:translateY(0)}}

.africahied-gpt-chat-conversation::-webkit-scrollbar,.africahied-gpt-chat-form .africahied-gpt-chat-prompt::-webkit-scrollbar{width:6px;background-color:var(--main-bg);display:none;-webkit-transition:all .5s ease;transition:all .5s ease}

.africahied-gpt-chat-conversation::-webkit-scrollbar-thumb,.africahied-gpt-chat-form .africahied-gpt-chat-prompt::-webkit-scrollbar-thumb{background-color:var(--africahied-gpt-brand-color);border-radius:50px}

.hover-btn{position:relative;transition:all .25s ease;position:relative;overflow:hidden}

.hover-btn>*{z-index:10}

.hover-btn span{position:relative}

.hover-btn::before{content:"";display:block;position:absolute;top:-1px;left:0;width:100%;height:100%;background-color:var(--africahied-gpt-brand-color);transform:translateY(-100%);transition:all .4s ease}

body.africahied-access_page_africahied-gpt .hover-btn::before{background-color:var(--africahied-gpt-admin-hover)}

.hover-btn:hover{color:var(--main-bg) !important}

.hover-btn:hover::before{transform:translateY(0)}

.hover-btn:hover svg{fill:var(--main-bg)}

button.hover-btn-1{transition:all .25s ease}

button.hover-btn-1:hover{background-color:var(--color-white) !important;color:var(--main-bg) !important}

button.hover-btn-1:hover svg{color:var(--main-bg) !important}

.africahied-gpt-footer{position:absolute;bottom:0;left:45px}

.africahied-gpt-footer h6{font-size:16px;font-weight:400;letter-spacing:.2px;color:var(--color-grey-1)}

.africahied-gpt-main-container .button-group{display:flex;align-items:center;flex-wrap:wrap;gap:10px}

.africahied-gpt-chat-container{--main-background-color: var(--main-bg);--personal-background-color: var(--africahied-gpt-brand-color);--personal-text-color: var(--main-bg);--response-background-color: var(--color-grey);--response-text-color: var(--africahied-gpt-brand-color);--input-background-color: var(--main-bg);--input-border-color: var(--africahied-gpt-brand-color);--input-text-color: var(--color-white);--input-shadow-color: rgba(00, 00, 00, 0.15);--button-background-color: var(--africahied-gpt-brand-color);--button-background-color-hover: var(--color-white);--button-text-color: var(--color-white);--button-text-color-hover: var(--main-bg);--welcome-message-color: var(--color-grey-1);--welcome-icon-color: var(--africahied-gpt-brand-color);--welcome-icon-bg-color: var(--color-grey);--container-height: 75vh;--conversation-height: 69vh;background-color:var(--main-background-color);padding:0;position:relative;border-radius:0 !important;height:var(--container-height)}

.africahied-gpt-chat-container *{box-sizing:border-box}

@media only screen and (max-width: 500px){.africahied-gpt-chat-container{padding:10px}}

.africahied-gpt-chat-container-fixed{position:fixed;bottom:25px;right:25px;width:0;max-width:100%;display:flex;gap:30px;flex-direction:column;align-items:flex-end;z-index:99999;pointer-events:none;--fixed-icon-color: var(--main-bg);--fixed-icon-color-hover: var(--africahied-gpt-brand-color);--fixed-icon-bg-color: var(--africahied-gpt-brand-color);--fixed-icon-bg-color-hover: var(--main-bg)}

.africahied-gpt-chat-container-fixed .africahied-gpt-chat-container{width:900px;max-width:calc(100vw - 50px);opacity:0;visibility:hidden;transform:translateY(50px);transition:all .5s ease, height .1s ease;box-shadow:0px 10px 10px 5px rgba(0,0,0,.25);pointer-events:auto}


.africahied-gpt-chat-container-fixed .africahied-gpt-fixed-icon{width:70px;height:70px;border-radius:50%;background-color:var(--fixed-icon-bg-color);display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;overflow:hidden;box-shadow:0px 10px 10px 5px rgba(0,0,0,.1);transition:all .5s ease;pointer-events:auto}

.africahied-gpt-chat-container-fixed .africahied-gpt-fixed-icon i{font-size:26px;color:var(--fixed-icon-color);transition:all .5s ease}

.africahied-gpt-chat-container-fixed .africahied-gpt-fixed-icon>div{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;transition:all .5s ease}

.africahied-gpt-chat-container-fixed .africahied-gpt-fixed-icon .sub-icon{transform:translateY(100%)}

.africahied-gpt-chat-container-fixed .africahied-gpt-fixed-icon:hover{background-color:var(--fixed-icon-bg-color-hover)}

.africahied-gpt-chat-container-fixed .africahied-gpt-fixed-icon:hover i{color:var(--fixed-icon-color-hover)}

.africahied-gpt-chat-container-fixed.africahied-gpt-visible .africahied-gpt-chat-container{opacity:1;visibility:visible;transform:translateY(0)}

.africahied-gpt-chat-container-fixed.africahied-gpt-chat-container-fixed-left{right:unset;left:25px;align-items:flex-start}

.africahied-gpt-chat-container-fixed .africahied-gpt-chat-empty{margin-top:-40px}

.africahied-gpt-chat-container-fixed .africahied-gpt-chat-empty .icon{width:70px;height:70px}

.africahied-gpt-chat-container-fixed .africahied-gpt-chat-empty h1{font-size:20px}

.africahied-gpt-chat-container-fixed .africahied-gpt-chat-form .africahied-gpt-chat-prompt{min-height:50px;font-size:20px}

.africahied-gpt-chat-container-fixed .africahied-gpt-chat-form .submit{width:58px;height:58px}

.africahied-gpt-chat-container-fixed .africahied-gpt-chat-conversation .chat-element{max-width:80%}

.africahied-gpt-chat-container-fixed.africahied-gpt-visible .africahied-gpt-fixed-icon .main-icon{transform:translateY(-100%)}

.africahied-gpt-chat-container-fixed.africahied-gpt-visible .africahied-gpt-fixed-icon .sub-icon{transform:translateY(0)}

.africahied-gpt-chat-form{width:100%;position:absolute;bottom:0;left:0;right:0}


.africahied-gpt-chat-form .africahied-gpt-chat-prompt{box-shadow:none;box-shadow:0px -10px 30px 0px var(--input-shadow-color);z-index:10;font-size:20px;line-height:23px;padding:12px 90px 0px 12px;width:100%;color:var(--input-text-color) !important;background-color:var(--input-background-color);border:2px solid var(--input-border-color);border-radius:10px;min-height:50px;max-height:90px;overflow-y:auto;position:relative}

.africahied-gpt-chat-form .africahied-gpt-chat-prompt:focus-visible{outline:none}

.africahied-gpt-chat-form .africahied-gpt-chat-prompt:empty::before{content:attr(placeholder);color:rgba(255,255,255,.3);position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}

:root[data-mode="light"] .africahied-gpt-chat-form .africahied-gpt-chat-prompt:empty::before{color:rgba(33,37,41,.3)}

.africahied-gpt-chat-form .africahied-gpt-chat-prompt:empty:focus::before{content:""}

.africahied-gpt-chat-form .africahied-gpt-chat-prompt.thinking-state:empty::before{content:"Thinking...";animation:thinking-dots 1.5s infinite;color:rgba(255,255,255,.5)}

:root[data-mode="light"] .africahied-gpt-chat-form .africahied-gpt-chat-prompt.thinking-state:empty::before{color:rgba(33,37,41,.5)}

/* Hide placeholder after first use, but allow thinking state to show */
.africahied-gpt-chat-form .africahied-gpt-chat-prompt.used:empty:not(.thinking-state)::before{content:""}

.africahied-gpt-chat-form .africahied-gpt-chat-prompt.used:empty:focus:not(.thinking-state)::before{content:""}

@media only screen and (max-width: 500px){.africahied-gpt-chat-form .africahied-gpt-chat-prompt{font-size:20px;line-height:23px}}

@media only screen and (max-width: 300px){.africahied-gpt-chat-form .africahied-gpt-chat-prompt{padding:8px 90px 8px 10px}}

.africahied-gpt-chat-form .submit{width:38px;height:38px;border-radius:0;background:none;display:inline-flex;justify-content:center;align-items:center;padding:0;margin:0;border:none;cursor:pointer;transition:all .3s ease;position:absolute;right:6px;top:51%;transform:translateY(-50%);z-index:20;outline:none;user-select:none}

.africahied-gpt-chat-form .submit i{font-size:20px;color:var(--button-text-color)}

.africahied-gpt-chat-form .submit:hover{opacity:0.7;background:none !important;background-color:transparent !important}

.africahied-gpt-chat-form .submit:hover i{color:var(--button-text-color)}

@media only screen and (max-width: 500px){.africahied-gpt-chat-form .africahied-gpt-chat-prompt{padding:8px 90px 8px 10px}.africahied-gpt-chat-form .submit{width:35px;height:32px;right:6px}}

.africahied-gpt-chat-empty{width:100%;height:100%;position:absolute;top:0;left:0;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none;transition:all .5s ease}

.africahied-gpt-chat-empty .icon{width:100px;height:100px;background-color:var(--welcome-icon-bg-color);border-radius:50%;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1}

.africahied-gpt-chat-empty .icon i{font-size:40px;color:var(--welcome-icon-color)}

.africahied-gpt-chat-empty .message{font-size:20px;line-height:30px;color:var(--welcome-message-color);font-weight:400;display:block;margin:24px 0;text-transform:none}

.africahied-gpt-chat-empty.empty-hide{opacity:0;visibility:hidden}

@media only screen and (max-width: 991px){.africahied-gpt-chat-empty .icon{width:80px;height:80px}.africahied-gpt-chat-empty .icon i{font-size:30px}}


.africahied-gpt-chat-conversation{width:100%;height:var(--conversation-height);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:0;transition:height 1s ease;scroll-behavior:smooth}

/* Mobile override: use flexible height instead of admin setting */
@media only screen and (max-width: 991px){
.africahied-gpt-chat{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.africahied-gpt-chat-conversation{
    height: 100vh;
    flex: 1 1 0;
    min-height: 0;
    max-height: none;
}
}


.africahied-gpt-chat-conversation-container{width:100%;height:500px;display:flex;align-items:flex-end}

.africahied-gpt-chat-conversation .chat-element{display:inline-block;padding:20px;background-color:var(--personal-background-color);font-size:18px;font-weight:400;line-height:1.5;color:var(--personal-text-color);max-width:70%;border-radius:20px;word-break:break-word}

.africahied-gpt-chat-conversation .chat-element *{font-size:inherit;line-height:inherit;margin:0}

.africahied-gpt-chat-conversation .chat-element p:nth-child(n+2){margin-top:10px}

.africahied-gpt-chat-conversation .chat-element ul,.africahied-gpt-chat-conversation .chat-element ol{padding-left:30px;margin:10px}

.africahied-gpt-chat-conversation .chat-element ul{list-style:circle}

.africahied-gpt-chat-conversation .chat-element .chat-loading-icon{width:10px;height:10px;background-color:rgba(0,0,0,.5);border-radius:50%;animation-name:chatloadinganim;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}

:root[data-mode="light"] .africahied-gpt-chat-conversation .chat-element .chat-loading-icon{background-color:rgba(255,255,255,.7)}

.africahied-gpt-chat-conversation .chat-element .chat-loading-icon:nth-child(2){animation-delay:50ms}

.africahied-gpt-chat-conversation .chat-element .chat-loading-icon:nth-child(3){animation-delay:150ms}

.africahied-gpt-chat-conversation .chat-element code{display:block;background-color:var(--main-bg);color:var(--africahied-gpt-brand-color);border-radius:10px;padding:10px 25px;margin:10px 0;white-space:break-spaces}

.africahied-gpt-chat-conversation .chat-element--personal{background-color:var(--response-background-color);color:var(--response-text-color);position:relative;order:2;white-space:pre-wrap}

.africahied-gpt-chat-conversation .chat-element-wrapper{position:relative;display:flex;margin:5px 0;gap:10px;animation:1s ease 0s 1 forwards chatshow}

.africahied-gpt-chat-conversation .chat-element-wrapper--personal{justify-content:flex-end}

@media only screen and (max-width: 500px){.africahied-gpt-chat-conversation .chat-element{font-size:15px;max-width:100%;padding:14px}}

.africahied-gpt-chat-conversation .loading-wrapper .chat-element{display:flex;gap:5px}

.africahied-gpt-chat-conversation .chat-error{order:1;display:flex;align-items:flex-end;gap:10px;height:100%}

.africahied-gpt-chat-conversation .chat-error svg{fill:var(--color-white);width:100%;height:25px}

.africahied-gpt-chat-conversation .chat-error .error-icon{margin-bottom:18px}

.africahied-gpt-chat-conversation .chat-error .reload-icon{cursor:pointer}

.africahied-gpt-chat-preview .chat .conversation{width:50%;margin:0 auto}

@keyframes chatshow{0%{transform:translateY(50%);opacity:0;visibility:hidden}100%{transform:translateY(0);opacity:1;visibility:visible}}

@keyframes chatloadinganim{0%{opacity:1}50%{opacity:0}100%{opacity:0}}

@keyframes thinking-dots{0%{content:"Thinking"}25%{content:"Thinking."}50%{content:"Thinking.."}75%{content:"Thinking..."}100%{content:"Thinking"}}

[tooltip]{position:relative}

[tooltip]::before,[tooltip]::after{text-transform:none;font-size:16px;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;position:absolute;opacity:0;transition:all 300ms ease}

[tooltip]::before{content:"";border:5px solid rgba(0,0,0,0);z-index:1001}

[tooltip]::after{content:attr(tooltip);text-align:center;min-width:200px;overflow:hidden;padding:10px 20px;border-radius:20px;box-shadow:0 1em 2em -0.5em rgba(0,0,0,.35);background:#333;color:#fff;line-height:1.3;z-index:1000}

[tooltip]:hover::before,[tooltip]:hover::after{display:block}

[tooltip=""]::before,[tooltip=""]::after{display:none !important}

[tooltip]:not([flow])::before,[tooltip][flow^=up]::before{bottom:100%;border-bottom-width:0;border-top-color:#333}

[tooltip]:not([flow])::after,[tooltip][flow^=up]::after{bottom:calc(100% + 10px)}

[tooltip]:not([flow])::before,[tooltip]:not([flow])::after,[tooltip][flow^=up]::before,[tooltip][flow^=up]::after{left:50%;transform:translate(-50%, -0.5em)}

[tooltip][flow^=down]::before{top:100%;border-top-width:0;border-bottom-color:#333}

[tooltip][flow^=down]::after{top:calc(100% + 10px)}

[tooltip][flow^=down]::before,[tooltip][flow^=down]::after{left:50%;transform:translate(-50%, 0.5em)}

[tooltip][flow^=left]::before{top:50%;border-right-width:0;border-left-color:#333;left:calc(0em - 10px);transform:translate(-0.5em, -50%)}

[tooltip][flow^=left]::after{top:50%;right:calc(100% + 10px);transform:translate(-0.5em, -50%)}

[tooltip][flow^=right]::before{top:50%;border-left-width:0;border-right-color:#333;right:calc(0em - 10px);transform:translate(0.5em, -50%)}

[tooltip][flow^=right]::after{top:50%;left:calc(100% + 10px);transform:translate(0.5em, -50%)}

@keyframes tooltips-vert{to{opacity:.9;transform:translate(-50%, 0)}}

@keyframes tooltips-horz{to{opacity:.9;transform:translate(0, -50%)}}

[tooltip]:not([flow]):hover::before,[tooltip]:not([flow]):hover::after,[tooltip][flow^=up]:hover::before,[tooltip][flow^=up]:hover::after,[tooltip][flow^=down]:hover::before,[tooltip][flow^=down]:hover::after{opacity:.9;transform:translate(-50%, 0)}

[tooltip][flow^=left]:hover::before,[tooltip][flow^=left]:hover::after,[tooltip][flow^=right]:hover::before,[tooltip][flow^=right]:hover::after{opacity:.9;transform:translate(0, -50%)}

#live-preview-container[data-mode="light"]{--chat-bg: #f8f9fa;--color-white: #212529;--color-white-2: rgba(33, 37, 41, 0.2);--color-grey: #e9ecef;--color-grey-1: #6c757d;--color-grey-2: #f8f9fa;--main-bg: #ffffff;--box-bg: #f8f9fa;--main-border: var(--color-grey);--text-color-grey: #6c757d;--button-small-color: #0d6efd;--response-background-color: #eeeeee;--response-text-color: #292929}

#live-preview-container[data-mode="light"] .africahied-gpt-chat-form .africahied-gpt-chat-prompt:empty::before{color:rgba(33,37,41,.3)}

#live-preview-container[data-mode="light"] .africahied-gpt-chat-conversation .chat-element .chat-loading-icon{background-color:rgba(255,255,255,.7)}

.africahied-gpt-chat-container[data-mode="light"]{--main-background-color: #ffffff;--personal-background-color: var(--africahied-gpt-brand-color);--personal-text-color: #111518;--response-background-color: #eeeeee;--response-text-color: #292929;--input-background-color: #ffffff;--input-border-color: var(--africahied-gpt-brand-color);--input-text-color: #212529;--input-shadow-color: rgba(0, 0, 0, 0.15);--button-background-color: var(--africahied-gpt-brand-color);--button-background-color-hover: #212529;--button-text-color: #111518;--button-text-color-hover: #ffffff;--welcome-message-color: #6c757d;--welcome-icon-color: var(--africahied-gpt-brand-color);--welcome-icon-bg-color: #e9ecef;--chat-bg: #f8f9fa;--color-white: #212529;--color-white-2: rgba(33, 37, 41, 0.2);--color-grey: #e9ecef;--color-grey-1: #6c757d;--color-grey-2: #f8f9fa;--main-bg: #ffffff;--box-bg: #f8f9fa;--main-border: var(--color-grey);--text-color-grey: #6c757d;--button-small-color: #0d6efd}

.africahied-gpt-chat-container[data-mode="light"] .africahied-gpt-chat-form .africahied-gpt-chat-prompt:empty::before{color:rgba(33,37,41,.3)}

.africahied-gpt-chat-container[data-mode="light"] .africahied-gpt-chat-conversation .chat-element .chat-loading-icon{background-color:rgba(255,255,255,.7)}

html[data-mode="light"] .africahied-gpt-chat-container,html[data-mode="light"] body .africahied-gpt-chat-container,body:not(.wp-admin) .africahied-gpt-chat-container[data-mode="light"],html .africahied-gpt-chat-container[data-mode="light"]{--main-background-color: #ffffff !important;--personal-background-color: var(--africahied-gpt-brand-color) !important;--personal-text-color: #111518 !important;--response-background-color: #eeeeee !important;--response-text-color: #292929 !important;--input-background-color: #ffffff !important;--input-border-color: var(--africahied-gpt-brand-color) !important;--input-text-color: #212529 !important;--input-shadow-color: rgba(0, 0, 0, 0.15) !important;--button-background-color: var(--africahied-gpt-brand-color) !important;--button-background-color-hover: #212529 !important;--button-text-color: #111518 !important;--button-text-color-hover: #ffffff !important;--welcome-message-color: #6c757d !important;--welcome-icon-color: var(--africahied-gpt-brand-color) !important;--welcome-icon-bg-color: #e9ecef !important;background-color: #ffffff !important}

html[data-mode="light"] .africahied-gpt-chat-container .africahied-gpt-chat-form .africahied-gpt-chat-prompt:empty::before,body:not(.wp-admin) .africahied-gpt-chat-container[data-mode="light"] .africahied-gpt-chat-form .africahied-gpt-chat-prompt:empty::before{color:rgba(33,37,41,.3) !important}

html[data-mode="light"] .africahied-gpt-chat-container .africahied-gpt-chat-conversation .chat-element .chat-loading-icon,body:not(.wp-admin) .africahied-gpt-chat-container[data-mode="light"] .africahied-gpt-chat-conversation .chat-element .chat-loading-icon{background-color:rgba(255,255,255,.7) !important}

.chat-element,.chat-element *{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}

.chat-element a{color:#0066cc !important;text-decoration:none !important}

.chat-element a:hover{text-decoration:underline !important}

.elementor-widget-africahied_gpt_elementor_widget .africahied-gpt-chat-container{padding:25px}

.elementor-widget-africahied_gpt_elementor_widget .africahied-gpt-chat-form{padding:25px}

.elementor-widget-africahied_gpt_elementor_widget .africahied-gpt-chat-form .submit{width:38px;height:38px;border-radius:0;background:none;display:inline-flex;justify-content:center;align-items:center;padding:0;margin:0;border:none;cursor:pointer;transition:all .3s ease;position:absolute;right:20px;top:51%;transform:translateY(-50%);z-index:20;outline:none;user-select:none}

.elementor-widget-africahied_gpt_elementor_widget .africahied-gpt-chat-form .submit i{font-size:19px;color:var(--button-text-color)}

.elementor-widget-africahied_gpt_elementor_widget .africahied-gpt-chat-form .submit:hover{opacity:0.7;background:none !important;background-color:transparent !important}

.elementor-widget-africahied_gpt_elementor_widget .africahied-gpt-chat-form .submit:hover i{color:var(--button-text-color)}

/* Desktop (992px and above) - uses admin setting height in popup */
@media only screen and (min-width: 992px){
.africahied-gpt-chat-container-fixed.africahied-gpt-visible .africahied-gpt-chat-container{
    height:calc(var(--container-height) - env(keyboard-inset-height, 0px));
    max-height:calc(var(--container-height) - env(keyboard-inset-height, 0px));
}

/* Desktop submit button positioning */
.elementor-widget-africahied_gpt_elementor_widget .africahied-gpt-chat-form .submit{
    right:30px !important;
}
}

/* Mobile (under 992px) - always full screen */
@media only screen and (max-width: 991px){.elementor-widget-africahied_gpt_elementor_widget .africahied-gpt-chat-container{padding:15px}.elementor-widget-africahied_gpt_elementor_widget .africahied-gpt-chat-form{padding:15px}

.africahied-gpt-chat-container-fixed{width:100vw;left:0;right:0}

.africahied-gpt-chat-container-fixed.africahied-gpt-visible{right:0;left:0;width:100vw}

.africahied-gpt-chat-container-fixed.africahied-gpt-visible .africahied-gpt-chat-container{width:100vw;max-width:100vw;position:fixed;top:0;left:0;right:0;transform:none;height:calc(100vh - env(safe-area-inset-bottom, 0px) - env(keyboard-inset-height, 0px));max-height:calc(100vh - env(safe-area-inset-bottom, 0px) - env(keyboard-inset-height, 0px))}

.africahied-gpt-chat-container-fixed.africahied-gpt-visible .africahied-gpt-chat-container.vk-fallback{height:calc(100vh - env(safe-area-inset-bottom, 0px));max-height:calc(100vh - env(safe-area-inset-bottom, 0px))}

/* Android navigation bar handling - now done dynamically via JavaScript */
.africahied-gpt-chat-container-fixed.africahied-gpt-visible .africahied-gpt-chat-container.android-nav-bar{
    /* Height is now set dynamically via JavaScript to handle browser navigation changes */
}

/* Close button (div) - hidden by default, only visible on mobile */
.africahied-gpt-close-btn{
    display:none;
    width:38px;
    height:38px;
    border-radius:0;
    background:none;
    border:none;
    cursor:pointer;
    transition:all .3s ease;
    position:absolute;
    right:50px;
    top:51%;
    transform:translateY(-50%);
    z-index:20;
    opacity:0.7;
    outline:none;
    user-select:none;
}

/* Ensure close button is completely hidden on desktop - multiple selectors for maximum specificity */
@media only screen and (min-width: 992px){
.africahied-gpt-close-btn,
.africahied-gpt-chat-container .africahied-gpt-close-btn,
.africahied-gpt-chat-form .africahied-gpt-close-btn,
.africahied-gpt-chat-container-fixed .africahied-gpt-close-btn,
.africahied-gpt-chat-container-fixed .africahied-gpt-chat-container .africahied-gpt-close-btn,
div.africahied-gpt-close-btn,
.elementor-widget-africahied_gpt_elementor_widget .africahied-gpt-close-btn{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
}
}

/* Backup CSS rule in case JavaScript fails */
@media only screen and (min-width: 992px){
    .africahied-gpt-close-btn.desktop-hidden{
        display: none !important;
    }
}

.africahied-gpt-close-btn i{
    font-size:22px;
    color:var(--button-text-color);
}

.africahied-gpt-close-btn:hover{
    opacity:0.7;
}

.africahied-gpt-close-btn:hover i{
    color:var(--button-text-color);
}

/* Show close button only on mobile when chat is visible */
@media only screen and (max-width: 991px){
.africahied-gpt-chat-container-fixed.africahied-gpt-visible .africahied-gpt-close-btn{
    display:inline-flex !important;
    justify-content:center;
    align-items:center;
}

/* Hide the entire fixed icon container on mobile when chat is open */
.africahied-gpt-chat-container-fixed.africahied-gpt-visible .africahied-gpt-fixed-icon{
    display:none;
}
}


.africahied-gpt-chat-container-fixed .africahied-gpt-fixed-icon{right:15px}

.africahied-gpt-chat-container-fixed.africahied-gpt-chat-container-fixed-left .africahied-gpt-fixed-icon{left:15px;right:auto}

}

/* Shortcode padding - must be at end for proper cascade */
.elementor-shortcode .africahied-gpt-chat-container{padding:25px !important}

.elementor-shortcode .africahied-gpt-chat-container .africahied-gpt-chat-form{padding:0 25px 25px 25px !important}

.elementor-shortcode .africahied-gpt-chat-container .africahied-gpt-chat-form .submit{right:30px !important;top:calc(51% - 12.5px) !important;transform:translateY(-50%) !important}

@media only screen and (max-width: 991px){
.elementor-shortcode .africahied-gpt-chat-container{height:calc(var(--container-height) - env(keyboard-inset-height, 0px));max-height:calc(var(--container-height) - env(keyboard-inset-height, 0px));padding:15px !important}

.elementor-shortcode .africahied-gpt-chat-container .africahied-gpt-chat-form{padding:0 15px 15px 15px !important}

.elementor-shortcode .africahied-gpt-chat-container .africahied-gpt-chat-form .submit{right:20px !important;top:calc(51% - 7.5px) !important}
}

/* Dark mode explicit styles to ensure submit button is white */
.africahied-gpt-chat-container[data-mode="dark"] .africahied-gpt-chat-form .submit i,
html[data-mode="dark"] .africahied-gpt-chat-container .africahied-gpt-chat-form .submit i,
body:not(.wp-admin) .africahied-gpt-chat-container[data-mode="dark"] .africahied-gpt-chat-form .submit i,
.elementor-shortcode .africahied-gpt-chat-container[data-mode="dark"] .africahied-gpt-chat-form .submit i {
    color: #ffffff !important;
}

.africahied-gpt-chat-container[data-mode="dark"] .africahied-gpt-chat-form .submit:hover i,
html[data-mode="dark"] .africahied-gpt-chat-container .africahied-gpt-chat-form .submit:hover i,
body:not(.wp-admin) .africahied-gpt-chat-container[data-mode="dark"] .africahied-gpt-chat-form .submit:hover i,
.elementor-shortcode .africahied-gpt-chat-container[data-mode="dark"] .africahied-gpt-chat-form .submit:hover i {
    color: #ffffff !important;
}