/* Pyrus AI Tools Styles */
.pyrus-ai-tool-wrapper {
	width: 100%;
	min-height: 900px;
}

.pyrus-ai-tool-wrapper iframe {
	width: 100%;
	height: 100%;
	border: none;
	border-radius: 8px;
}
/* Pyrus AI Tools Responsive Styles */
.pyrus-ai-tool-wrapper {
	width: 100%;
	position: relative;
	background: #f5f5f5;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.pyrus-ai-tool-wrapper iframe {
	width: 100%;
	min-height: 100%;
	border: none;
	display: block;
}

/* Ensure proper sizing on mobile */
@media (max-width: 768px) {
	.pyrus-ai-tool-wrapper {
		min-height: 800px !important;
	}
	
	.pyrus-ai-tool-wrapper iframe {
		min-height: 800px !important;
	}
}

/* Loading state */
.pyrus-ai-tool-wrapper.loading {
	background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"%3E%3Cg fill="none" stroke="%23ddd" stroke-width="3"%3E%3Ccircle cx="20" cy="20" r="18" stroke-opacity=".5"/%3E%3Cpath d="M20 2a18 18 0 0 1 0 36"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 20 20" to="360 20 20" dur="1s" repeatCount="indefinite"/%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40px 40px;
}

/* Fix for WordPress themes that might interfere */
.entry-content .pyrus-ai-tool-wrapper iframe,
.post-content .pyrus-ai-tool-wrapper iframe,
.page-content .pyrus-ai-tool-wrapper iframe {
	max-width: none !important;
	width: 100% !important;
}