/* Icon List Block - Frontend Styles */

.wp-block-lorenzo-law-group-icon-list {
	margin: 1em 0;
}

.wp-block-lorenzo-law-group-icon-list .icon-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.wp-block-lorenzo-law-group-icon-list .icon-list__item {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin-bottom: 0.75rem;
	line-height: 1.5;
}

.wp-block-lorenzo-law-group-icon-list .icon-list__item:last-child {
	margin-bottom: 0;
}

.wp-block-lorenzo-law-group-icon-list .icon-list__icon {
	flex-shrink: 0;
	height: 1.5em;
	width: 1.5em;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wp-block-lorenzo-law-group-icon-list .icon-list__icon .svg-icon,
.wp-block-lorenzo-law-group-icon-list .icon-list__icon .icon-list__icon-image {
	height: 100%;
	width: 100%;
	max-height: 1.25rem;
	max-height: 1.25rem;
}

.wp-block-lorenzo-law-group-icon-list .icon-list__icon-image {
	object-fit: contain;
}

.wp-block-lorenzo-law-group-icon-list .icon-list__text {
	flex: 1;
	margin: 0;
}

.wp-block-lorenzo-law-group-icon-list .icon-list__link {
	color: inherit;
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	width: 100%;
}

/* When the entire item is a link */
.wp-block-lorenzo-law-group-icon-list .icon-list__item .icon-list__link {
	gap: 0; /* Remove gap since parent item already has gap */
}

.wp-block-lorenzo-law-group-icon-list .icon-list__item .icon-list__link .icon-list__icon {
	margin-right: 0.5rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.wp-block-lorenzo-law-group-icon-list .icon-list__item {
		gap: 0.375rem;
		margin-bottom: 0.625rem;
	}
}