/* Alore Marketing — sitewide promo. Mirrors the store's existing promo styling
   (grosso-child footer bar + bf-price). Struck-price rules are scoped to
   qualifying products (.alore-promo-single / .alore-promo-item) so category
   targeting doesn't strike prices on products with no reduced price shown. */

/* ---- Bottom announcement bar (copy of .retargeting-popup) ---- */
.retargeting-popup {
	width: 100%;
	left: 0;
	bottom: 0;
	position: fixed;
	color: #fff;
	background: #2a3044;
	padding: 20px 15px;
	text-align: center;
	z-index: 10000;
	font-size: 20px;
	box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.retargeting-popup span {
	color: red;
	font-size: 16px;
}
.woocommerce-cart .retargeting-popup,
.woocommerce-checkout .retargeting-popup,
.woocommerce-cart .woocommerce-notices-wrapper {
	display: none !important;
}
/* Plugin bar sits above a leftover theme bar if both ever coexist. */
.retargeting-popup.alore-promo-bar {
	z-index: 10001;
}

/* ---- Floating fixed add-to-cart bar (keeps clear of the announcement bar) ---- */
.fixed-add-to-cart {
	display: block !important;
	bottom: 75px !important;
}
.fixed-add-to-cart .fixed-container {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.fixed-add-to-cart p.stock.in-stock {
	display: none;
}

/* ---- Cart totals emphasis (copy) ---- */
.order-total td {
	font-size: 22px;
	color: #333333;
}

/* ---- Reduced-price line (.bf-price): "Намалена цена: <reduced> / <лв>" ----
   Copy of the theme's bf-price styling. The "Намалена цена:" label shows on the
   single product page and is hidden on listing cards (.prod_hold). */
.bf-price {
	width: 100%;
	color: #f37d5e;
	clear: both;
}
.bf-price strong span {
	color: #212121;
}
.bf-price span,
.bf-price span strong span {
	color: #dd3333;
}
.prod_hold .grosso-list-prod-summary {
	background: transparent;
}
.prod_hold .bf-price strong {
	display: none; /* hide the "Намалена цена:" label on cards */
}
.prod_hold .bf-price strong + span strong {
	display: inline;
}
.prod_hold .bf-price {
	font-size: 16px;
	font-weight: bold;
	/* Moved into .grosso-list-prod-summary by promo-listing.js; order is a
	   no-JS fallback so it still lands after the price if the script is blocked. */
	order: 99;
	width: 100%;
	margin-top: 0;
	clear: both;
}
.bf-price {
	margin-top: 0;
}
.single-product p.stock {
	margin-bottom: 10px;
}

/* Hide the theme's price block in the floating add-to-cart bar while the promo
   is active (promo.css only loads then) — the reduced bf-price line is shown
   instead. */
.fixed-add-to-cart .fixed-container .price {
	display: none !important;
}
.fixed-add-to-cart .fixed-container .woocommerce-Price-amount.amount {
	display: none !important;
}
.fixed-add-to-cart .fixed-container .bf-price .woocommerce-Price-amount.amount {
	display: inline !important;
}

/* Struck original price — the WHOLE price field (incl. the theme's "/ лв." text
   that sits outside .woocommerce-Price-amount), only on products that actually
   show a reduced price. */
.prod_hold.alore-promo-item .price_hold,
.prod_hold.alore-promo-item .price_hold .woocommerce-Price-amount,
.alore-promo-single .summary .price,
.alore-promo-single .summary .price .woocommerce-Price-amount,
.alore-promo-single .single-product .price,
.alore-promo-single .single-product .price .woocommerce-Price-amount {
	text-decoration: line-through !important;
	color: #777 !important;
	font-weight: 400 !important;
}

/* ---- Extras that accompany the promo (copy of theme behavior) ---- */
/* Red "%" badge, top-right of every product card */
.sale-badge {
	position: absolute;
	padding: 4px 5px 3px 5px;
	color: #ffffff !important;
	background-color: #dd3333;
	top: 5px !important;
	left: unset !important;
	right: 2px;
	display: block;
	font-size: 18px;
	font-weight: 500;
	line-height: 20px !important;
	white-space: nowrap;
	letter-spacing: normal;
	width: 26px !important;
	height: 26px !important;
	z-index: 202;
	border-radius: 3px;
}
/* Hide the "new product" badge while the promo runs */
.new_prod {
	display: none !important;
}
/* Hide the promo category link in the main menu while the promo runs */
#main-menu ul.menu > li.red-link {
	display: none;
}

@media only screen and (max-width: 600px) {
	.retargeting-popup {
		width: 100%;
		left: 0;
		font-size: 16px;
		padding: 10px 15px;
	}
	.retargeting-popup span {
		font-size: 14px;
	}
	.fixed-add-to-cart {
		display: block !important;
		bottom: 60px !important;
	}
	.fixed-add-to-cart .fixed-container {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.fixed-add-to-cart .fixed-container p {
		margin: 0 !important;
	}
	.fixed-add-to-cart p.price {
		display: none !important;
	}
	div.product .fixed-add-to-cart .price span.amount {
		font-size: 14px !important;
	}
	.fixed-add-to-cart form.cart {
		min-width: 220px;
		display: flex !important;
		justify-content: end;
	}
	.fixed-add-to-cart .bf-price strong {
		font-size: 14px !important;
	}
	.fixed-add-to-cart .bf-price .discounted-price strong {
		display: block !important;
		font-size: 12px !important;
		line-height: 12px !important;
	}
	/* Single product: the theme's mobile summary sets .price to order:2; give the
	   reduced line the same order so it sits right after the struck price
	   (it is DOM-after the price, so it lands immediately below it). */
	.summary.entry-summary .bf-price {
		order: 2;
	}
	.sale-badge {
		top: 0 !important;
	}
}