/* AunoPress Gutenberg Blocks CSS */
.auno-social-proof-wrap,
.wp-block-aunopress-product-social-proof {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 12px;
	margin: 12px 0;
	font-size: 13px;
	color: #2c3338;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.auno-social-proof-wrap::-webkit-scrollbar,
.wp-block-aunopress-product-social-proof::-webkit-scrollbar {
	display: none;
}

.auno-social-proof-wrap .wp-block-wd-infobox,
.wp-block-aunopress-product-social-proof .wp-block-wd-infobox {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	white-space: nowrap;
}

.auno-social-proof-wrap .wp-block-wd-container,
.wp-block-aunopress-product-social-proof .wp-block-wd-container {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.auno-social-proof-wrap .wp-block-wd-icon,
.wp-block-aunopress-product-social-proof .wp-block-wd-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.auno-social-proof-wrap svg.wd-svg-icon,
.wp-block-aunopress-product-social-proof svg.wd-svg-icon {
	width: 16px;
	height: 16px;
	display: block;
}

.auno-social-proof-wrap p.wp-block-wd-paragraph,
.wp-block-aunopress-product-social-proof p.wp-block-wd-paragraph {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.3;
	color: inherit;
	white-space: nowrap;
}

.auno-social-proof-wrap p.wp-block-wd-paragraph strong,
.wp-block-aunopress-product-social-proof p.wp-block-wd-paragraph strong {
	color: #2c6c4b;
	font-weight: 700;
}

/* Mobile responsive adjustments for single-row layout */
@media (max-width: 768px) {
	.auno-social-proof-wrap,
	.wp-block-aunopress-product-social-proof {
		gap: 8px;
		font-size: 12px;
		flex-wrap: nowrap !important;
	}

	.auno-social-proof-wrap p.wp-block-wd-paragraph,
	.wp-block-aunopress-product-social-proof p.wp-block-wd-paragraph {
		font-size: 11.5px;
	}

	.auno-social-proof-wrap .wp-block-wd-icon,
	.wp-block-aunopress-product-social-proof .wp-block-wd-icon {
		width: 16px;
		height: 16px;
	}

	.auno-social-proof-wrap svg.wd-svg-icon,
	.wp-block-aunopress-product-social-proof svg.wd-svg-icon {
		width: 14px;
		height: 14px;
	}
}