/* ===== Drop Cap Letter Block ===== */
.wp-block-awgt-drop-cap {
	margin: 1em 0;
	overflow: hidden;
}

.awgt-dc-letter {
	display: block;
	float: left;
	font-family: var( --awgt-dc-font, serif );
	font-weight: var( --awgt-dc-weight, 700 );
	color: var( --awgt-dc-color, #1e1e1e );
	font-size: var( --awgt-dc-size, 4em );
	line-height: 0.9;
	margin: 0.05em 0.1em 0 0;
	padding: 0;
}

/* === Classic Style === */
.awgt-dc-style-classic .awgt-dc-letter {
	margin-right: 0.15em;
}

/* === Modern Style (color accent) === */
.awgt-dc-style-modern .awgt-dc-letter {
	margin-right: 0.15em;
	text-shadow: 3px 3px 0 var( --awgt-dc-bg, rgba(56, 88, 233, 0.2) );
}

/* === Boxed Style (filled background) === */
.awgt-dc-style-boxed .awgt-dc-letter {
	background: var( --awgt-dc-bg, #1e1e1e );
	padding: 0.1em 0.2em;
	margin-right: 0.2em;
	line-height: 1;
}

/* === Circle Style === */
.awgt-dc-style-circle .awgt-dc-letter {
	background: var( --awgt-dc-bg, #9B6BFF );
	border-radius: 50%;
	width: var( --awgt-dc-size, 3em );
	height: var( --awgt-dc-size, 3em );
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0.05em 0.2em 0 0;
	padding: 0;
	font-size: calc( var( --awgt-dc-size, 3em ) * 0.6 );
}

/* === Outlined Style === */
.awgt-dc-style-outlined .awgt-dc-letter {
	border: 3px solid var( --awgt-dc-bg, #3858E9 );
	padding: 0.05em 0.15em;
	margin-right: 0.2em;
	line-height: 1;
}

/* === Responsive === */
@media ( max-width: 600px ) {
	.awgt-dc-letter {
		font-size: calc( var( --awgt-dc-size, 4em ) * 0.75 );
	}
}