/**
 * PL Attributes storefront layout (swatch position, prefix/suffix alignment).
 *
 * Dynamic module styles may not print inside Ajax Filter loop layouts;
 * these rules use module classes and data attributes from Renderer.php.
 */

.et_pb_db_attribute .db_attribute_term_list,
.et-db #et-boc .et-l .et_pb_db_attribute .db_attribute_term_list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.et_pb_db_attribute .db_attribute_term_list .term-prefix,
.et_pb_db_attribute .db_attribute_term_list .term-suffix,
.et-db #et-boc .et-l .et_pb_db_attribute .db_attribute_term_list .term-prefix,
.et-db #et-boc .et-l .et_pb_db_attribute .db_attribute_term_list .term-suffix {
	display: inline-flex;
	align-items: center;
}

/* Design → Text alignment (flex term row needs justify-content, not only text-align) */
.et_pb_db_attribute.et_pb_text_align_left .db_attribute_term_list,
.et-db #et-boc .et-l .et_pb_db_attribute.et_pb_text_align_left .db_attribute_term_list {
	justify-content: flex-start;
}

.et_pb_db_attribute.et_pb_text_align_center .et_pb_module_inner,
.et_pb_db_attribute.et_pb_text_align_center .db_attribute_term_list,
.et-db #et-boc .et-l .et_pb_db_attribute.et_pb_text_align_center .et_pb_module_inner,
.et-db #et-boc .et-l .et_pb_db_attribute.et_pb_text_align_center .db_attribute_term_list {
	text-align: center;
}

.et_pb_db_attribute.et_pb_text_align_center .db_attribute_term_list,
.et-db #et-boc .et-l .et_pb_db_attribute.et_pb_text_align_center .db_attribute_term_list {
	justify-content: center;
}

.et_pb_db_attribute.et_pb_text_align_right .et_pb_module_inner,
.et_pb_db_attribute.et_pb_text_align_right .db_attribute_term_list,
.et-db #et-boc .et-l .et_pb_db_attribute.et_pb_text_align_right .et_pb_module_inner,
.et-db #et-boc .et-l .et_pb_db_attribute.et_pb_text_align_right .db_attribute_term_list {
	text-align: right;
}

.et_pb_db_attribute.et_pb_text_align_right .db_attribute_term_list,
.et-db #et-boc .et-l .et_pb_db_attribute.et_pb_text_align_right .db_attribute_term_list {
	justify-content: flex-end;
}

.et_pb_db_attribute.et_pb_text_align_justified .db_attribute_term_list,
.et-db #et-boc .et-l .et_pb_db_attribute.et_pb_text_align_justified .db_attribute_term_list {
	justify-content: space-between;
	width: 100%;
}

.et_pb_db_attribute.swatch-position-above .attribute_cont,
.et_pb_db_attribute .et_pb_module_inner[data-swatch-position="above"] .attribute_cont,
.et-db #et-boc .et-l .et_pb_db_attribute.swatch-position-above .attribute_cont,
.et-db #et-boc .et-l .et_pb_db_attribute .et_pb_module_inner[data-swatch-position="above"] .attribute_cont {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.et_pb_db_attribute.swatch-position-below .attribute_cont,
.et_pb_db_attribute .et_pb_module_inner[data-swatch-position="below"] .attribute_cont,
.et-db #et-boc .et-l .et_pb_db_attribute.swatch-position-below .attribute_cont,
.et-db #et-boc .et-l .et_pb_db_attribute .et_pb_module_inner[data-swatch-position="below"] .attribute_cont {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
}

.et_pb_db_attribute.swatch-position-none .attribute_name:not(.screen-reader-text),
.et_pb_db_attribute .et_pb_module_inner[data-swatch-hide-name="1"] .attribute_name:not(.screen-reader-text),
.et-db #et-boc .et-l .et_pb_db_attribute.swatch-position-none .attribute_name:not(.screen-reader-text),
.et-db #et-boc .et-l .et_pb_db_attribute .et_pb_module_inner[data-swatch-hide-name="1"] .attribute_name:not(.screen-reader-text) {
	display: none;
}

.et_pb_db_attribute .attribute_swatch_color,
.et_pb_db_attribute .attribute_swatch_image,
.et_pb_db_attribute .attribute_swatch_image img {
	display: inline-block;
	vertical-align: middle;
}

/* WooCommerce loop product rules target any a img inside li.product — reset for swatches */
.woocommerce ul.products li.product .et_pb_db_attribute .attribute_swatch_image img,
.woocommerce-page ul.products li.product .et_pb_db_attribute .attribute_swatch_image img,
.woocommerce .grid-col .et_pb_db_attribute .attribute_swatch_image img,
.woocommerce-page .grid-col .et_pb_db_attribute .attribute_swatch_image img,
.et-db #et-boc .et-l .woocommerce ul.products li.product .et_pb_db_attribute .attribute_swatch_image img,
.et_pb_db_attribute .attribute_cont .attribute_swatch_image img {
	width: auto;
	max-width: none;
	height: auto;
	display: inline-block;
	margin: 0;
	box-shadow: none;
}