/**
 * Smart Coupons BOGO — giveaway popup + floating button styling.
 *
 * Migrated 2026-06-04 from Customizer "Additional CSS" into the child theme (the correct home for
 * engineering CSS — Additional CSS is last-resort only). Enqueued site-wide because the floating
 * giveaway popup button can appear on any page where a BOGO offer applies (matches the prior
 * Customizer behaviour). The selectors only match WebToffee Smart Coupons markup, so it's inert
 * anywhere the popup isn't present.
 */

/* Floating popup button icon (bottom-right) — sized up to 75x75 per client request (2026-06-04). */
.wbte_sc_bogo_popup_btn img {
	width: 75px;
	height: 75px;
}

/* Giveaway product tiles in the popup. */
.wbte_sc_bogo_products li.wbte_get_away_product {
	min-width: 215px;
}

/* Popup footer buttons. */
.wbte_sc_giveaway_popup .wbte_sc_giveaway_popup_footer button.button {
	background-color: #D9EAF0;
	text-transform: uppercase;
	color: #111111;
	font-weight: 600;
}

.wbte_sc_giveaway_popup .wbte_sc_giveaway_popup_footer button.button.wbte_sc_bogo_add_to_cart {
	background-color: #FFFFFF;
	border: 1px solid #EAEBED;
}

/* Hide the quantity stepper inside the giveaway popup. */
.wbte_sc_bogo_quantity {
	display: none;
}

/* Giveaway popup title. */
h4.giveaway-title {
	border-bottom: 1px solid #E4E5E7;
	padding-bottom: 12px;
}

/* Giveaway popup variation selectors. */
.wbte_sc_giveaway_popup .ct-variation-swatches > select.wbte_give_away_product_attr {
	display: block !important;
	width: 100%;
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
}

.wbte_sc_giveaway_popup .wt_variations td.value {
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
}

.wbte_sc_giveaway_popup .ct-variation-swatches .ct-swatch-container,
.wbte_sc_giveaway_popup .ct-variation-swatches a.ct-swatches-more {
	display: none;
}

.wbte_sc_giveaway_popup .wbte_product_name {
	-webkit-line-clamp: none;
}