/**
 * SVG Support Styles
 * Basic styles for SVG handling and inline replacement
 */

/* Ensure SVG images are responsive by default */
svg {
	max-width: 100%;
	height: auto;
}

/* Hide SVG images during replacement to prevent flicker */
img.style-svg[src$=".svg"] {
	transition: opacity 0.2s ease;
}

/* Animation class for smooth replacements */
.svg-replacing {
	opacity: 0.5;
}

.svg-replaced {
	animation: svgFadeIn 0.3s ease-in-out;
}

@keyframes svgFadeIn {
	from {
		opacity: 0;
		transform: scale(0.95);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}