/*AgeGate Buttons */

button.age-gate__submit.age-gate__submit--yes {
	padding: 25px
}

button.age-gate__submit.age-gate__submit--no {
	padding: 25px
}
/* Main conversation background 


*/
---------

.mwai-header {
  background: transparent !important;
}

.mwai-content {
  background: transparent !important;
	backdrop-filter: blur(25px) !important;
 background-color: rgba(0, 0, 0, 0.2) !important;
}

.mwai-reply.mwai-ai {
  background: transparent !important;
}

.mwai-reply.mwai-user {
  background: transparent !important; 
}

.mwai-window .mwai-header {
  background: transparent!important;
	background-color: rgba(0, 0, 0, 0.9) !importan;
			backdrop-filter: blur(9px)!important;
}

.mwai-chat_interface-theme .mwai-input {
  background: transparent !important;
}

.mwai-input-text textarea {
  background: transparent !important;
}
/*
*/
--------
/* AI reply */
.mwai-reply.mwai-ai.mwai-rendered {
  background-color: rgba(100, 150, 200, 0.9) !important;
  backdrop-filter: blur(5px) !important;
  color: #333 !important;
  padding: 10px !important;
}

/* User reply */
.mwai-reply.mwai-user {
  background-color: rgba(50, 50, 50, 0.1) !important;
  backdrop-filter: blur(3px) !important;
  color: #333 !important;
  padding: 10px !important;
}

/* Input text area */
.mwai-input-text {
  background-color: rgba(255, 255, 255, 0.2) !important; 
  backdrop-filter: blur(8px) !important;
  color: #333 !important;
  border: none !important;
  padding: 10px !important;
}




/*AI ENGINE FADING TEXT*/

.mwai-text {
opacity: 0;
  animation: fadeIn 2s forwards;
  animation-delay: 0.1s; /* Small delay to ensure initial opacity */
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

.mwai-typewriter {
  animation: typewriter 4s steps(40) 1s infinite normal both,
             blinkTextCursor 500ms steps(40) infinite normal;
}

@keyframes typewriter {
  from { width: 0; }
  to { width: 100%; }
}

@keyframes blinkTextCursor {
  from { border-right-color: rgba(255, 255, 255, 0.75); }
  to { border-right-color: transparent; }
}

.mwai-reply.mwai-ai.mwai-rendered {
  opacity: 0;
  animation: fadeIn 2s forwards;
  animation-delay: 0.1s; 
	/* Small delay to ensure initial opacity */
}

/*CHATBOT FULLSCREEN Z INDEX LESS*/

.mwai-header {
	margin-top: 40px;
    z-index: 1 !important;
}

#mwai-chatbot-holowayai {
    z-index: 1 !important;
}

.mwai-chatbot.mwai-open {
    z-index: 1 !important;
}

/* new chat look */
/*NEW CHAT INTERFACE CSS

		*/
.mwai-chatgpt-theme {
  --mwai-spacing: 25px!important;
  --mwai-fontSize: 14px!important;
  --mwai-fontColor: #000;
  --mwai-bgPrimary: #fff;
  --mwai-primary: #0084ff;
  --mwai-secondary: #f0f0f0;
  --mwai-width: 600px!important;
  --mwai-borderRadius: 12px!important }

-----



/*Register Form Error Red to white line */
.htmega_invalid_msg.alert.alert-danger {
    background-color: white !important;
}

/*menue language button*/
.gtranslate_wrapper
{
z-index: 2;
}
/*AI Assistant PADDING*/
img.mwai-icon {
	margin-bottom: -9px!important
}
/*DISABLE BRANDS IN FILTER IN SHOP*/
.bwp-filter.bwp-filter-brand {
display: none;
}

/*Logo header*/
.bwp-header .wpbingoLogo img {
    max-height: 66px !important;  
}

/*header background*/
.header-wrapper {
    background-color: white !important;
}


/*rating none*/
.rating.none 
{display: none}

/*NEW CHAT INTERFACE CSS

		*/
.mwai-chatgpt-theme {
  --mwai-spacing: 25px!important;
  --mwai-fontSize: 14px!important;
  --mwai-fontColor: #000;
  --mwai-bgPrimary: #fff;
  --mwai-primary: #0084ff;
  --mwai-secondary: #f0f0f0;
  --mwai-width: 600px!important;
  --mwai-borderRadius: 12px!important }

-----

/* FULLSCREEN OPENED WINDOW TRANSPARENCY IN CHAT */

.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window), .mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open {  background: transparent !important;
	backdrop-filter: blur(25px) !important;
 background-color: rgba(0, 0, 0, 0.2) !important; }


/* PROPOSITION FROM NYAOGPT

.mwai-chatgpt-theme.mwai-fullscreen:not(.mwai-window), 
.mwai-chatgpt-theme.mwai-fullscreen.mwai-window.mwai-open {  
    background: transparent !important;
    backdrop-filter: blur(25px) !important;
    background-color: rgba(0, 0, 0, 0.2) !important; 
}
*/