/*
 * Featured Image Caption — front-end styles
 * Plugin: featured-image-caption
 * Version: 1.0.0
 */

/* -----------------------------------------------------------------------
 * Wrapper figure
 * --------------------------------------------------------------------- */
.fic-featured-image {
	margin: 0 0 1.5em;
	padding: 0;
	display: block;
}

/* Make sure the image fills the figure */
.fic-featured-image img {
	display: block;
	width: 100%;
	height: auto;
}

/* -----------------------------------------------------------------------
 * Caption text
 * --------------------------------------------------------------------- */
.fic-caption {
	display: block;
	margin: 0;
	padding: 0.5em 0.75em;

	font-size: 0.85em;
	line-height: 1.5;
	color: #666;
	font-style: italic;

	background-color: #f7f7f7;
	border-left: 3px solid #ddd;

	/* Smooth appearance */
	box-sizing: border-box;
	width: 100%;
}

/* -----------------------------------------------------------------------
 * Dark-mode support
 * --------------------------------------------------------------------- */
@media (prefers-color-scheme: dark) {
	.fic-caption {
		color: #aaa;
		background-color: #1e1e1e;
		border-left-color: #444;
	}
}

/* -----------------------------------------------------------------------
 * Responsive adjustments
 * --------------------------------------------------------------------- */
@media (max-width: 600px) {
	.fic-caption {
		font-size: 0.8em;
		padding: 0.4em 0.6em;
	}
}