/*
 * תאימות Astra + סלוט המלצות YN (bee1-yn-checkout-template).
 * נטען בכל עמוד מוצר כשהתוסף פעיל — גם כש„מנוע Bee1” כבוי בהגדרות.
 * מונע מסלוט astra_content_bottom להופיע לפני / ליד תוכן המוצר ב-flex שבור.
 */

.single-product .site-content .ast-container {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	width: 100%;
}

/* רק במובייל: ערימה של primary/secondary — בדסקטופ נשארים כללי Astra לרוחב סיידבר */
@media (max-width: 921px) {
	.single-product .site-content .ast-container > .ast-row {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		order: 1;
	}

	.single-product .site-content .ast-container > .ast-row #primary,
	.single-product .site-content .ast-container > .ast-row #secondary {
		width: 100% !important;
		max-width: 100% !important;
	}
}

.single-product .site-content .ast-container > .ast-row #primary,
.single-product .site-content .ast-container > #primary {
	order: 1;
	min-width: 0;
}

/* בלי סיידבר: רוחב מלא של #primary מול סלוט YN; עם סיידבר — רוחב נשאר לפי Astra */
.single-product.ast-no-sidebar .site-content .ast-container > .ast-row #primary,
.single-product.ast-no-sidebar .site-content .ast-container > #primary {
	flex: 1 1 auto !important;
	width: 100%;
	max-width: 100%;
}

.single-product .site-content .ast-container > .ast-row #secondary {
	order: 10;
}

.single-product .site-content .ast-container > .bee1-yn-product-smart-shortcode-slot,
.single-product .site-content .ast-container > .bee1-spe-yn-smart-slot,
.single-product .bee1-yn-product-smart-shortcode-slot,
.single-product .bee1-spe-yn-smart-slot {
	order: 30 !important;
	flex: 0 0 auto !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	clear: both;
}

.single-product .bee1-yn-product-smart-shortcode-slot ul.products,
.single-product .bee1-spe-yn-smart-slot ul.products {
	width: 100%;
}

.single-product .bee1-yn-product-smart-shortcode-slot img,
.single-product .bee1-spe-yn-smart-slot img {
	max-width: 100%;
	height: auto;
}