/**
 * Variable Price Discount & Bonus Value - Frontend Styles
 *
 * @package GiftCard_Scanner
 */

/* Bonus Value Text in Price Preview */
.wps_wgm_text .bonus-value-text {
	color: #28a745;
	font-weight: 600;
	font-size: 0.95em;
}

/* Gift Card Value Preview with Bonus */
.wps_wgm_wrapper_for_preview .bonus-value-notice {
	color: #28a745;
	font-weight: 600;
	font-size: 0.85em;
	display: inline-block;
	margin-left: 5px;
}

/* Strikethrough for Discounted Prices */
.wps_wgm_text del {
	color: #999;
	text-decoration: line-through;
	margin-right: 8px;
	opacity: 0.8;
}

/* Cart Item Bonus Value Notice */
.woocommerce-cart-form .cart_item .bonus-value-cart-notice {
	display: block;
	color: #28a745;
	font-weight: 600;
	font-size: 0.9em;
	margin-top: 5px;
}

.woocommerce-cart-form .cart_item .bonus-value-cart-notice::before {
	content: "🎁 ";
}

/* Mini Cart Bonus Value */
.woocommerce-mini-cart .bonus-value-cart-notice {
	display: block;
	color: #28a745;
	font-size: 0.85em;
	font-weight: 600;
	margin-top: 3px;
}

/* Discount Price Highlight */
.wps_wgm_text .discounted-price {
	color: #d63638;
	font-weight: 700;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
	.wps_wgm_text .bonus-value-text {
		display: block;
		margin-top: 5px;
	}

	.wps_wgm_wrapper_for_preview .bonus-value-notice {
		display: block;
		margin-left: 0;
		margin-top: 5px;
	}
}

/* Product Page - Variable Pricing Dropdown */
select#wps_wgm_price option[data-bonus-value] {
	font-weight: 500;
}

select#wps_wgm_price option[data-discounted-price] {
	font-weight: 500;
	color: #d63638;
}

/* Price Preview Container */
.wps_wgm_text {
	transition: all 0.3s ease;
}

/* Gift Card Value Highlight with Bonus */
.wps_wgm_wrapper_for_preview span {
	transition: all 0.3s ease;
}

/* Animation for value changes */
@keyframes valueUpdate {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.05);
		opacity: 0.8;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.wps_wgm_text.updating,
.wps_wgm_wrapper_for_preview span.updating {
	animation: valueUpdate 0.4s ease;
}

.wps_wgm_wrapper_for_preview h2{
	font-size: 22px !important;
}

.wps_wgm_variation_giftcard input[type="number"] {
    width: 60px !important;
}

.wps_wgm_wrapper_for_preview span{
	text-align: right !important;
}