/**
 * COD Order Guard - front-end notice styles.
 *
 * Most visual styling (colors, sizes, spacing) is applied inline per the
 * merchant's Customer Notice settings, so it survives WooCommerce's
 * wp_kses_post() filtering of notice content. This file only holds
 * structural/responsive rules that don't need to be merchant-configurable,
 * scoped entirely under .codog-* classes (section 28) so nothing here
 * touches theme or WooCommerce elements.
 */

.codog-notice__buttons {
	margin-top: 12px;
}

.codog-notice__buttons--stacked {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.codog-notice__buttons--stacked .codog-contact-button {
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

@media ( max-width: 480px ) {
	.codog-notice__buttons--inline {
		display: flex;
		flex-wrap: wrap;
	}

	.codog-notice__buttons--inline .codog-contact-button {
		flex: 1 1 auto;
		text-align: center;
	}
}