@font-face {
    font-family: "FuturaStdBook";
	src: url("/tommy/resource/FuturaStdBook") format("opentype");
}

:root {
	--nf-brand-mainColor: #000;
	--inputPlaceholderFontStyle: italic;
	--nf-fontFamily: 'tommyfont';
	/* --nf-cta-imgUrl: url("../img/CK_Assistant.svg"); */
	/* --nf-bot-avatarImgUrl: url("../img/CK_Assistant.svg"); */
	/* --nf-agemt-avatarImgUrl: url("../img/Sales_Expert.svg"); */

	--chat-body-banner-background-color: var(--nf-brand-mainColor);
	--chat-body-banner-text-color: #ffffff;
	--chat-container-background-color: #f4f4f4;
	--chat-header-background-color: var(--nf-brand-mainColor);
	--chat-header-button-color-border: #00000000;
	--chat-input-color-background: #f4f4f4;
	--chat-message-background-color-inbound: white;
	--chat-message-background-color-outbound: var(--nf-brand-mainColor);
	--chat-message-background-color-text-inbound: black;
	--chat-message-background-color-text-outbound: #fff;
	/* --chat-text-color-header: white; */
	/* --chat-body-container-height: #000; */
	/* --chat-body-width: #000; */
	/* --chat-bot-action-button-height: 40px; */
	/* --chat-bot-action-button-radius: 100px; */
	/* --chat-bot-action-button-text-size: 100px; */
	/* --chat-footer-input-width: #000; */
	/* --chat-header-font-size: #000; */
	/* --chat-header-height: #000; */
	/* --chat-header-icon-color-foreground: white; */
	/* --chat-input-border-color: #c03434; */
	/* --chat-input-button-icon-background-color: #000; */
	/* --chat-message-button-text-color-hover: #000; */
	/* --chat-message-button-text-color-selected: #000; */
	/* --chat-message-caraousel-content-color: #000; */
	/* --chat-message-mini-card-description-text-color: #000; */
	/* --chat-message-mini-card-title-text-color: #000; */
	/* --chat-message-modal-content-text-color: #000; */
	/* --chat-message-modal-header-text-color: #000; */
	/* --chat-message-option-item-font-size: #000; */
	/* --chat-popup-background: #000; */
	/* --chat-window-max-width: #000; */
	/* --chat-window-min-height: #000; */
	/* --chat-window-width: #000; */
}

/* Font */
enchat-chat-window>.chat-popup * {
	font-family: var(--nf-fontFamily), 'FuturaStdBook';
}

/* CTA */
button.open-button[title="Hello, have a question? Let's chat."] {
	display: none;
}

enchat-chat-window > button.open-button {
	z-index: 11;
}

enchat-chat-window > button.open-button > svg.slds-button__icon.slds-button__icon_small {
	fill: #fff;
}

enchat-chat-window .slds-button_icon {
	background: transparent;
}

enchat-chat-window .slds-button_icon>lightning-primitive-icon {
	width: 				51px;
	height: 			51px;
	/* background-image: 	var(--nf-cta-imgUrl); */
	background-size: 	contain;
}

enchat-chat-window .slds-button_icon>lightning-primitive-icon svg {
	visibility: hidden;
}

/* Chat window */
enchat-chat-window>.chat-popup.slds-is-fixed {
	min-height: 	unset;
	height: 		100%;
	max-height: 	498px;
	display: 		flex;
	flex-direction:	column;
	max-width: 		320px;
}

enchat-chat-window>.chat-popup.slds-is-fixed c-chat-body {
	flex: 		1;
	overflow-y: scroll;
	--chat-container-background-color: #f4f4f4;
	background: var(--chat-container-background-color);
}

enchat-chat-window>.chat-popup.slds-is-fixed c-chat-body .chat-body-container {
	height: unset;
}

enchat-chat-window>.chat-popup.slds-is-fixed c-chat-body .chat-body-container .chat-container {
	width: unset;
}

/* typing dots color */
enchat-chat-window>.chat-popup.slds-is-fixed c-chat-body .slds-icon-typing .slds-icon-typing__dot {
	--headerTextColor: var(--nf-brand-mainColor);
}

enchat-chat-window>.chat-popup.slds-is-fixed c-chat-body .chat-message-outbound .slds-icon-typing .slds-icon-typing__dot {
	--headerTextColor: #fff;
}

/* event messages */
enchat-chat-window>.chat-popup .chat-container .chat-listitem .slds-chat-event {
	font-size:	12px;
	color: 		#000;
}

enchat-chat-window>.chat-popup .chat-container .chat-listitem .slds-chat-event .slds-chat-event__body .slds-icon_container.slds-chat-icon {
	display: none;
}

/* message bubble */
enchat-chat-window>.chat-popup .chat-container .slds-chat-message .avatar {
	margin-left: 6px;
}

enchat-chat-window>.chat-popup .chat-container .slds-chat-message.slds-chat-message_faux-avatar {
	padding-left: 46px;
}

enchat-chat-window>.chat-popup .chat-container .slds-chat-message .avatar .slds-avatar>abbr {
	/* background-image: 	var(--nf-agemt-avatarImgUrl); */
	color: 				transparent;
	text-shadow: 		none;
	background-color: 	transparent !important;
}

/*enchat-chat-window>.chat-popup .chat-container .slds-chat-message .avatar .slds-avatar>abbr[title="Calvin Digital Assistant 2"] {
	 background-image: var(--nf-bot-avatarImgUrl); 
}*/

enchat-chat-window>.chat-popup .chat-container .slds-chat-listitem_outbound {
	margin-right: 23px;
}

enchat-chat-window>.chat-popup .chat-container .slds-chat-message__text.chat-message-inbound,
enchat-chat-window>.chat-popup .chat-container .slds-chat-message__text.chat-message-outbound {
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
	max-width:	227px;

}

enchat-chat-window>.chat-popup .chat-container .slds-chat-message__text.chat-message-inbound {
	padding: 										10px !important;
	background: 									#fff;
	--chat-message-background-color-text-inbound: 	#000;
}

enchat-chat-window>.chat-popup .chat-container .slds-chat-message__text.chat-message-outbound {
	padding: 	10px;
	background:	var(--nf-brand-mainColor);
}

enchat-chat-window>.chat-popup .chat-container .chat-message-enchat .slds-rich-text-editor__output a[href^="mailto:"] {
	/* color: 			black; */
	text-decoration:	none;
}


enchat-chat-window>.chat-popup .slds-chat-message__text .chat-content {
	font-size: 14px;
}

enchat-chat-window>.chat-popup .chat-content .chatLinkContent[enchat-einsteinbotchatmessage_einsteinbotchatmessage]>a[enchat-einsteinbotchatmessage_einsteinbotchatmessage] {
	color: 			#5491ff !important;
	text-decoration:	none;
}

/* Enhanced Links */
enchat-chat-window>.chat-popup .slds-chat-message__text .chat-content.enchat_content {
	background: none;
	padding: 0;
	min-height: unset;
}

enchat-chat-window>.chat-popup .slds-chat-message__text .chat-content.enchat_content a {
	color: #5491ff;
}

/* quick reply */
enchat-chat-window>.chat-popup .slds-chat-listitem .chat-message-quick-replies {
	padding-left:	0;
	margin-inline:	auto;
	gap: 			10px;
}

enchat-chat-window>.chat-popup lightning-button.chat-message-quick-reply {
	margin-right: 0;
}

enchat-chat-window>.chat-popup lightning-button.chat-message-quick-reply .slds-button {
	border-radius: 	21px;
	border: 		solid 1px var(--nf-brand-mainColor);
	color: 			#000;
	box-shadow: 	0 0 8px 0 rgba(0, 0, 0, 0.08);
	padding-inline:	25px;
	height: 		26px;
	font-size: 		14px;
}

enchat-chat-window>.chat-popup lightning-button.chat-message-quick-reply .slds-button:hover,
enchat-chat-window>.chat-popup lightning-button.chat-message-quick-reply .slds-button:focus {
	background-color:	var(--nf-brand-mainColor);
	color: 			white;
}

/* menu buttons */
enchat-chat-window>.chat-popup .chat-container .chat-message-button-list {
	max-width: 			227px;
	border: 			1px solid var(--nf-brand-mainColor);
	--lwc-colorBorder:	var(--nf-brand-mainColor);
	box-shadow: 		none;
}


enchat-chat-window>.chat-popup .chat-container .chat-message-button-list .chat-message-button-list-item .slds-button {
	color:			black;
	font-size:		15px;
	font-weight:	500;
}

enchat-chat-window>.chat-popup .chat-container .chat-message-button-list .chat-message-button-list-item .slds-button:hover,
enchat-chat-window>.chat-popup .chat-container .chat-message-button-list .chat-message-button-list-item .slds-button:focus {
	color: 				white;
	background-color:	var(--nf-brand-mainColor);
}

/* minicards */
enchat-chat-window>.chat-popup .chat-container .slds-chat-message .enchat_minicard {
	background: #ffffff;
	margin: 0;
	width: 250px;
	margin-left: -23px;
	border-radius: 8px;
}

enchat-chat-window>.chat-popup .chat-container .slds-chat-message .enchat_minicard .mini-card .containerDiv {
	width: 250px;
	max-width: unset;
	margin: 0px;
	box-shadow: none;
}

enchat-chat-window>.chat-popup .chat-container .slds-chat-message .enchat_minicard .mini-card .containerDiv .minicard-header {
	margin: 18px 16px 14px 16px;
}

enchat-chat-window>.chat-popup .chat-container .slds-chat-message .enchat_minicard .mini-card .containerDiv .minicard-header .minicard-icon {
	margin-right: 8px;
}

enchat-chat-window>.chat-popup .chat-container .slds-chat-message .enchat_minicard .mini-card .containerDiv .minicard-header .minicard-title {
	padding: 0;
}

enchat-chat-window>.chat-popup .chat-container .slds-chat-message .enchat_minicard .mini-card .containerDiv .minicard-header .minicard-title b {
	font-weight: normal;
}

enchat-chat-window>.chat-popup .chat-container .slds-chat-message .enchat_minicard .mini-card .containerDiv .minicard-header .minicard-action {
	margin-left:	8px;
	filter:			brightness(0);
}

enchat-chat-window>.chat-popup .chat-container .slds-chat-message .enchat_minicard .mini-card .containerDiv .minicard-body {
	padding: 1px 8px 14px 8px;
	margin: 0;
}

enchat-chat-window>.chat-popup .chat-container .slds-chat-message .enchat_minicard .mini-card .containerDiv .minicard-body .minicard-description {
	padding-inline: 8px;
}

/* header */
enchat-chat-window>.chat-popup .chat-header {
	padding-inline: 10px;
}

enchat-chat-window>.chat-popup .chat-header .chat-icon {
	display: none;
}

/* enchat-chat-window>.chat-popup .chat-header .chat-button-icon-header.chat-button-icon-header-menu {
	display: none;
} */

enchat-chat-window>.chat-popup .chat-header .slds-text-heading_medium {
	padding: 0;
}

enchat-chat-window>.chat-popup .chat-header .slds-text-heading_medium .chat-header-text {
	margin:			0;
	font-family:	var(--nf-fontFamily), 'FuturaStdBook';
	font-size:		16px;
}

/* enchat-chat-window>.chat-popup .chat-header .slds-grid .chat-button-icon:last-child {
	margin-right: 0;
} */

/* footer */
enchat-chat-window>.chat-popup c-chat-footer .chat-footer {
	border-top:	2px solid var(--nf-brand-mainColor);
	height:		unset;
	padding:	8px;
}

enchat-chat-window>.chat-popup c-chat-footer .chat-footer>.slds-slot>.slds-p-around_small {
	padding: 0;
}

enchat-chat-window>.chat-popup c-chat-footer .chat-footer .chat-input-section .chat-input-section_text .chat-input {
	height:			50px;
	padding:		17px 36px 12px 10px;
	font-size:		14px;
	background:		#f4f4f4;
	border-radius:	0;
	border:			0;
}

enchat-chat-window>.chat-popup c-chat-footer .chat-footer .chat-input-section .chat-input-section_text .chat-input::placeholder {
	color: 		#9b9b9b;
	font-size: 	14px;
	font-style:	var(--inputPlaceholderFontStyle);
}

enchat-chat-window>.chat-popup c-chat-footer .chat-footer .chat-input-section .chat-button-icon-footer.chat-button-icon-footer_attachment {
	padding-right: 8px;
	width: 24px;
	box-sizing: content-box;
	aspect-ratio: 1;
}

enchat-chat-window>.chat-popup c-chat-footer .chat-footer .chat-input-section .chat-button-icon-footer.chat-button-icon-footer_attachment>svg.slds-button__icon {
	width:		100%;
	height:		100%;
	fill:		#d9d9d9;
	transform:	none;
}

enchat-chat-window>.chat-popup c-chat-footer .chat-footer .chat-input-section .chat-input-section_text .chat-button-icon-footer>svg.slds-button__icon {
	fill: #d9d9d9;
}

/* enchat-chat-window>.chat-popup c-chat-footer .chat-footer>.slds-slot>.slds-var-p-horizontal_xx-small .chat-input-section {
	height: 100%;
} */

/* enchat-chat-window>.chat-popup c-chat-footer .chat-footer>.slds-slot>.slds-var-p-horizontal_xx-small .chat-input-section .chat-button-icon-footer {
	margin-right: 8px;
} */


/* enchat-chat-window>.chat-popup c-chat-footer .chat-footer>.slds-slot>.slds-var-p-horizontal_xx-small .chat-input-section .chat-input {
	width: 100%;
} */

/* enchat-chat-window>.chat-popup c-chat-footer .chat-footer>.slds-slot>.slds-var-p-horizontal_xx-small .chat-input-section .chat-input .slds-input {
	height:				50px;
	background-color:	#f4f4f4;
	border-radius:		0;
	padding-right:		48px;
} */

/* enchat-chat-window>.chat-popup c-chat-footer .chat-footer>.slds-slot>.slds-var-p-horizontal_xx-small .chat-input-section .chat-input .slds-input::placeholder {
	color:		#9b9b9b;
	font-style:	italic;
} */

.chat-message-enchat .slds-icon-typing .slds-icon-typing__dot {
	background-color: #000;
}

@media screen and (max-device-width: 600px) {
	enchat-chat-window>.chat-popup.slds-is-fixed c-chat-body .chat-body-container {
		height: 100%;
	}

	enchat-chat-window>.chat-popup.slds-is-fixed {
		max-width:		unset;
		max-height:		calc(100vh - 15.4px - 33px);
		max-height:		calc(100dvh - 15.4px - 33px);
		margin:			15.4px 19.8px 33px 19.8px;
		width:			auto;
		height:			100%;
		box-shadow:		0px 0px 0px 80px #00000061;
		transition:		max-height 0.5s ease;
	}

	enchat-chat-window>.chat-popup .chat-container .slds-chat-message__text.chat-message-inbound, enchat-chat-window>.chat-popup .chat-container .slds-chat-message__text.chat-message-outbound {
		max-width: 100%;
	}

	enchat-chat-window>.chat-popup .chat-container .slds-chat-message__text.chat-message-inbound{
		margin-right: 59px;
	}

	enchat-chat-window>.chat-popup .chat-container .chat-message-button-list {
		max-width: 100%;
		margin-right: 59px;
	}

	enchat-chat-window>.chat-popup .chat-container .slds-chat-message .slds-chat-message__body {
		/* width: 100%; */
	}

	enchat-chat-window>.chat-popup .chat-container .slds-chat-message .enchat_minicard {
		margin: 0;
		width: calc(100vw - 33px - 33px - 46px - 59px);
	}

	enchat-chat-window>.chat-popup .chat-container .slds-chat-message .enchat_minicard .mini-card .containerDiv{
		width: 100%;
		min-width: unset;
	}
}