/*
Theme Name:     Foxiz child
Template:      	foxiz
Theme URI:      https://foxiz.themeruby.com
Author:         Theme-Ruby
Author URI:     https://themeforest.net/user/theme-ruby/portfolio/
Description:    Make your modifications to Foxiz in this child theme.
Version:        1.0
Tags:           custom-background, custom-menu, featured-images, theme-options, custom-colors, translation-ready, threaded-comments, translation-ready
License:        Themeforest Licence
License URI:    https://themeforest.net/licenses/standard
*/

/* Your CSS code goes here
-------------------------------------- */
[x-cloak] {
    display: none
}

.ai-chat-widget__chat-img {
				width: 46px;
				height: 46px;
}
.ai-chat-widget {
				position: fixed;
				bottom: 105px;
				right: 12px;
				z-index: 1000;
			}
			@media (max-width: 750px) {
				.ai-chat-widget {
					bottom: 20px;
					right: 20px;
				}
			}
			.ai-chat-widget .ai-chat-button {
				width: 60px;
				height: 60px;
				border-radius: 30px;
				background: #06f;
				border: none;
				color: #fff;
				cursor: pointer;
				display: flex;
				align-items: center;
				justify-content: center;
				box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
				transition: transform 0.2s;
			}
			@media (max-width: 750px) {
				.ai-chat-widget .ai-chat-button {
					width: 50px;
					height: 50px;
				}
			}
			.ai-chat-widget .ai-chat-button:hover {
				transform: scale(1.05);
			}
			.ai-chat-widget .ai-chat-button.active {
				transform: scale(0.95);
			}
			.ai-chat-widget .ai-chat-container {
				position: absolute;
				bottom: 80px;
				right: 0;
				width: 380px;
				height: 500px;
				background: #fff;
				border-radius: 12px;
				box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
				display: flex;
				flex-direction: column;
			}
			@media (max-width: 750px) {
				.ai-chat-widget .ai-chat-container {
					max-width: calc(100vw - 40px);
				}
			}
			.ai-chat-widget .ai-chat-header {
				padding: 15px;
				border-bottom: 1px solid #eee;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			.ai-chat-widget .ai-chat-header h3 {
				margin: 0;
				font-size: 16px;
			}
			.ai-chat-widget .ai-chat-close {
				background: none;
				border: none;
				font-size: 20px;
				cursor: pointer;
				color: #666;
			}
			.ai-chat-widget .ai-chat-messages {
				flex: 1;
				overflow-y: auto;
				padding: 15px;
			}
			.ai-chat-widget .ai-chat-messages .ai-chat-welcome {
				text-align: center;
				margin: 20px 0;
			}
			.ai-chat-widget .ai-chat-messages .ai-chat-welcome .ai-chat-message-content {
				background: #f8f9fa;
				color: #666;
				font-size: 14px;
				padding: 12px 16px;
			}
			.ai-chat-widget .ai-chat-message {
				margin-bottom: 10px;
				max-width: 80%;
			}
			.ai-chat-widget .ai-chat-message.user {
				margin-left: auto;
				text-align: right;
				display: flex;
				flex-direction: column;
			}
			.ai-chat-widget .ai-chat-message.user .ai-chat-message-content {
				background: #06f;
				color: #fff;
				margin-left: auto;
			}
			.ai-chat-widget .ai-chat-message.user .ai-chat-message-time {
				font-size: 11px;
				color: #666;
				margin-top: 4px;
			}
			.ai-chat-widget .ai-chat-message.ai:nth-last-child(2) .ai-chat-message-content {
				background-color: rgba(254, 239, 61, 0.7);
			}
			.ai-chat-widget .ai-chat-message.ai .ai-chat-message-author {
				display: flex;
				align-items: center;
				gap: 8px;
				margin-bottom: 4px;
				color: #666;
				font-size: 12px;
			}
			.ai-chat-widget .ai-chat-message.ai .ai-chat-message-author .feather {
				width: 14px;
				height: 14px;
			}
			.ai-chat-widget .ai-chat-message.ai .ai-chat-message-author .ai-chat-message-time {
				margin-left: auto;
				font-size: 11px;
			}
			.ai-chat-widget .ai-chat-message.ai .ai-chat-message-time {
				font-size: 11px;
				color: #666;
				margin-top: 4px;
				text-align: right;
			}
			.ai-chat-widget .ai-chat-message.typing .ai-chat-message-content {
				background: #f0f0f0;
				color: #666;
				display: flex;
				align-items: center;
				gap: 4px;
				width: 52px;
			}
			.ai-chat-widget .ai-chat-message.typing .ai-chat-message-content .typing-dot {
				width: 6px;
				height: 6px;
				background: #666;
				border-radius: 50%;
				animation: typingAnimation 1.4s infinite;
			}
			.ai-chat-widget .ai-chat-message.typing .ai-chat-message-content .typing-dot:nth-child(2) {
				animation-delay: 0.2s;
			}
			.ai-chat-widget .ai-chat-message.typing .ai-chat-message-content .typing-dot:nth-child(3) {
				animation-delay: 0.4s;
			}
			.ai-chat-widget .ai-chat-message-content {
				padding: 8px 12px;
				border-radius: 15px;
				background: #f0f0f0;
				display: inline-block;
			}
			.ai-chat-widget .ai-chat-message-content a {
				color: #ea9700;
				border-bottom: 1px solid;
				transition: opacity 0.3s;
			}
			.ai-chat-widget .ai-chat-message-content a:hover {
				opacity: 0.7;
			}
			.ai-chat-widget .ai-chat-input {
				padding: 15px;
				border-top: 1px solid #eee;
				display: flex;
				gap: 10px;
			}
			.ai-chat-widget .ai-chat-input input {
				flex: 1;
				padding: 8px 12px;
				border: 1px solid #ddd;
				border-radius: 20px;
				outline: none;
			}
			.ai-chat-widget .ai-chat-input button {
				padding: 8px 15px;
				background: #06f;
				color: #fff;
				border: none;
				border-radius: 20px;
				cursor: pointer;
			}
			.ai-chat-widget .ai-chat-input button:disabled {
				background: #ccc;
				cursor: not-allowed;
			}
			@keyframes typingAnimation {
				0%,
				100% {
					transform: translateY(0);
				}
				50% {
					transform: translateY(-4px);
				}
			}