/* Image-overlay label banner (shop/category loop) */
.promeng-thumb{position:relative;display:block;line-height:0;}
.promeng-thumb > img{display:block;width:100%;height:auto;}
.promeng-thumb .promeng-banner{
	position:absolute;bottom:0;left:0;right:0;
	background:#dd3333;color:#fff;text-align:center;
	font-size:12px;font-weight:700;line-height:1.3;
	padding:9px 10px;box-sizing:border-box;
	border-top-left-radius:14px;border-top-right-radius:14px;
	border-bottom-left-radius:0;border-bottom-right-radius:0;
	box-shadow:0 -2px 6px rgba(0,0,0,.12);
	z-index:3;letter-spacing:.2px;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* Catalog label position (store-wide setting: bottom | top | top-right | top-left).
   The base rule above is the "bottom" default; these override for the rest. */
.promeng-thumb.promeng-pos-top .promeng-banner{
	top:0;bottom:auto;left:0;right:0;
	border-radius:0 0 14px 14px;
	box-shadow:0 2px 6px rgba(0,0,0,.12);
}
.promeng-thumb.promeng-pos-top-right .promeng-banner,
.promeng-thumb.promeng-pos-top-left .promeng-banner{
	bottom:auto;left:auto;right:auto;
	width:auto;max-width:calc(100% - 16px);
	border-radius:8px;
	box-shadow:0 2px 6px rgba(0,0,0,.18);
}
.promeng-thumb.promeng-pos-top-right .promeng-banner{top:8px;right:8px;}
.promeng-thumb.promeng-pos-top-left .promeng-banner{top:8px;left:8px;}

/* Inline pill badge fallback */
.promeng-badge{display:inline-block;background:#16a34a;color:#fff;font-size:11px;
	font-weight:600;padding:2px 8px;border-radius:999px;margin-bottom:6px;}

/* Before / after pricing (inline styles on the spans are the source of truth;
   these are a base layer). */
.promeng-was{color:#6b7280;margin-inline-end:6px;text-decoration:line-through;}
.promeng-now{text-decoration:none;font-weight:700;color:#dc2626;}

/* ---- Discount / "you saved" line ---- */
/* One consistent look across cart page, mini-cart and checkout:
   - all text (label + amount) uses the theme's normal totals colour (black),
     never green and never the theme's red negative-amount styling;
   - the amount is forced LTR so the minus sits to the LEFT of the number
     (-11.70 ₪) instead of being flipped to the right by the RTL context. */

/* Cart page: a normal <th>/<td> totals row that lines up with subtotal / total. */
.promeng-savings.promeng-cart-discount th{color:inherit;font-weight:700;}
.promeng-savings.promeng-cart-discount td{text-align:end;white-space:nowrap;}
.promeng-savings.promeng-cart-discount td,
.promeng-savings.promeng-cart-discount td .woocommerce-Price-amount,
.promeng-savings.promeng-cart-discount td bdi{color:inherit !important;font-weight:700;}
.promeng-savings.promeng-cart-discount td .woocommerce-Price-amount{direction:ltr;unicode-bidi:isolate;}

/* Mini-cart: a plain totals line (one per promotion). It sits inside the theme's
   mini-cart total <p> (which we flex + wrap below), so flex-basis:100% forces it
   onto its own full-width row — pushing the subtotal onto the next line. */
.promeng-savings-line{display:flex !important;flex:1 1 100%;align-items:center;justify-content:space-between;gap:10px;
	margin:2px 0;font-weight:600;}
.promeng-savings-line .promeng-savings-label{color:inherit;font-weight:600;}
.promeng-savings-line .promeng-savings-amount,
.promeng-savings-line .promeng-savings-amount .woocommerce-Price-amount,
.promeng-savings-line .promeng-savings-amount bdi{color:inherit !important;font-weight:700;white-space:nowrap;}
/* LTR on the amount CONTAINER (not just the inner price span) so a leading
   minus — whether it's a raw text node or inside wc_price — sits on the left. */
.promeng-savings-line .promeng-savings-amount,
.promeng-savings-line .promeng-savings-amount .woocommerce-Price-amount{direction:ltr;unicode-bidi:isolate;}
/* Mini-cart "total after discount": same full-width line, but bold so it reads as a
   final figure that reconciles the subtotal + discount shown above it. */
.promeng-total-after,
.promeng-total-after .promeng-savings-label,
.promeng-total-after .promeng-savings-amount{font-weight:700;}

/* Checkout: WooCommerce renders the whole-cart discount as a fee row — but its markup
   is <th>label + <td>amount (TWO cells), while every other totals row is a single <td>.
   Those two cells make the table lay out as two columns, so the single-cell rows only
   fill one column and the fee amount ends up in the other — visibly misaligned (measured:
   normal amounts at the column-1 edge, the fee amount ~240px further out at the table
   edge). Taking the fee row out of the table's column model (display:flex) restores a
   single-column table: subtotal, discount and total then all line up at the same end
   edge — exactly as they would on a checkout with no discount at all. */
.woocommerce-checkout-review-order-table tr.fee{
	display:flex !important;width:100% !important;justify-content:space-between;align-items:baseline;
	box-sizing:border-box;padding:0 0 10px 0 !important;}
.woocommerce-checkout-review-order-table tr.fee th{
	order:1;display:block !important;float:none !important;width:auto !important;margin:0 !important;border:0 !important;
	background:none !important;padding:0 !important;text-align:start;white-space:nowrap;
	font-size:18px !important;color:#102326 !important;font-weight:bold !important;}
.woocommerce-checkout-review-order-table tr.fee td{
	order:2;display:block !important;float:none !important;width:auto !important;margin:0 !important;border:0 !important;
	background:none !important;padding:0 !important;}
.woocommerce-checkout-review-order-table tr.fee td > span{
	float:none !important;display:block !important;padding:0 !important;
	font-size:18px !important;color:#102326 !important;font-weight:bold !important;direction:ltr;unicode-bidi:isolate;}
.woocommerce-checkout-review-order-table tr.fee td > span bdi{color:#102326 !important;}
/* No partial leader line on the fee row (the theme's td:after only spans one cell). */
.woocommerce-checkout-review-order-table tr.fee td:after,
.woocommerce-checkout-review-order-table tr.fee th:after{display:none !important;}

/* Mini-cart subtotal on a single line (label at the start, amount at the end) */
.woocommerce-mini-cart__total.total,
p.woocommerce-mini-cart__total{display:flex !important;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.woocommerce-mini-cart__total .amaout-left:empty{display:none;}

/* Savings line: info button + applied-promotions popup */
.promeng-savings th{position:relative;}
.promeng-savings td{position:relative;}
.promeng-info{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;
	background:none;border:0;padding:2px;margin-inline-start:4px;cursor:pointer;color:#16a34a;
	line-height:0;opacity:.8;transition:opacity .15s;}
.promeng-info:hover{opacity:1;}
.promeng-popup{
	position:absolute;bottom:calc(100% + 8px);inset-inline-end:0;z-index:50;
	min-width:230px;max-width:300px;background:#fff;color:#1f2328;
	border:1px solid #e5e7eb;border-radius:12px;
	box-shadow:0 10px 30px rgba(0,0,0,.14);
	padding:12px 14px;text-align:start;
	opacity:0;transform:translateY(10px);pointer-events:none;
	transition:opacity .22s ease,transform .22s ease;
}
.promeng-popup.open{opacity:1;transform:translateY(0);pointer-events:auto;}
.promeng-popup-title{font-weight:700;font-size:13px;margin-bottom:8px;color:#16a34a;}
.promeng-popup ul{margin:0;padding:0;list-style:none;}
.promeng-popup li{display:flex;justify-content:space-between;gap:14px;font-size:13px;
	font-weight:400;padding:5px 0;border-top:1px solid #f1f1f1;}
.promeng-popup li:first-child{border-top:0;}
.promeng-pop-name{color:#333;}
.promeng-pop-amt{color:#16a34a;font-weight:600;white-space:nowrap;}

/* Cart encouragement nudges */
/* As a totals-table row (cart + checkout review): full width, no theme leader line. */
.promeng-cart-messages-row td{padding:0 0 10px 0 !important;background:none !important;border:0 !important;}
.promeng-cart-messages-row td:after,.promeng-cart-messages-row td:before{display:none !important;}
.promeng-cart-messages-row .promeng-cart-messages{margin:0;}
.promeng-cart-messages{
	margin:0 0 18px;
	display:flex;flex-direction:column;gap:8px;
}
.promeng-cart-message{
	display:flex;align-items:center;gap:10px;
	background:#f0f9f3;border:1px solid #bfe6cd;
	border-inline-start:4px solid #16a34a;
	border-radius:10px;padding:11px 14px;
	font-size:14px;line-height:1.35;color:#14532d;
}
.promeng-cart-message-icon{display:inline-flex;color:#16a34a;flex:0 0 auto;line-height:0;}
.promeng-cart-message-text{font-weight:500;}

/* Free-gift badge on the cart line */
.promeng-gift-badge{display:inline-block;background:#16a34a;color:#fff;font-size:.72em;font-weight:700;line-height:1;padding:3px 7px;border-radius:999px;margin-inline-start:6px;vertical-align:middle;}