/**
 * WooCommerce Gift Coupons — Frontend styles.
 *
 * Uses logical CSS properties for RTL support.
 */

/* Gift item badge in cart */
.woocommerce-gift-coupon__badge {
	display: inline-block;
	padding: 2px 8px;
	margin-inline-start: 8px;
	font-size: 0.75em;
	font-weight: 600;
	line-height: 1.4;
	color: #fff;
	background-color: #7f54b3;
	border-radius: 3px;
	vertical-align: middle;
}

/* Coupon-only product notice */
.woocommerce-gift-coupon__coupon-only-text {
	display: inline-block;
	padding: 6px 12px;
	font-size: 0.875em;
	color: #666;
	background-color: #f5f5f5;
	border-radius: 3px;
}

.woocommerce-gift-coupon__coupon-only-notice {
	margin-block: 16px;
	padding: 12px 16px;
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.woocommerce-gift-coupon__coupon-only-notice p {
	margin: 0;
	color: #666;
	font-style: italic;
}

/* Variation selector */
.woocommerce-gift-coupon-variation-selector {
	margin-block-start: 24px;
	padding: 24px;
	background-color: #f9f9f9;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
}

.woocommerce-gift-coupon-variation-selector h3 {
	margin-block-start: 0;
	margin-block-end: 16px;
	font-size: 1.1em;
}

.woocommerce-gift-coupon-variation-selector__product {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}

.woocommerce-gift-coupon-variation-selector__image {
	flex-shrink: 0;
	inline-size: 100px;
}

.woocommerce-gift-coupon-variation-selector__image img {
	inline-size: 100%;
	block-size: auto;
	border-radius: 4px;
}

.woocommerce-gift-coupon-variation-selector__details {
	flex: 1;
}

.woocommerce-gift-coupon-variation-selector__name {
	margin-block-start: 0;
	margin-block-end: 12px;
	font-size: 1em;
}

.woocommerce-gift-coupon-variation-selector__attribute {
	margin-block-end: 12px;
}

.woocommerce-gift-coupon-variation-selector__attribute label {
	display: block;
	margin-block-end: 4px;
	font-weight: 600;
	font-size: 0.875em;
}

.woocommerce-gift-coupon-variation-selector__select {
	inline-size: 100%;
	max-inline-size: 300px;
	padding: 8px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 0.875em;
}

.woocommerce-gift-coupon-variation-selector__submit {
	margin-block-start: 8px;
}

.woocommerce-gift-coupon-variation-selector__submit:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Out of stock message */
.woocommerce-gift-coupon-variation-selector--empty {
	text-align: center;
}

.woocommerce-gift-coupon-variation-selector--empty p {
	margin: 0;
	color: #999;
	font-style: italic;
}

/* Responsive */
@media ( max-width: 480px ) {
	.woocommerce-gift-coupon-variation-selector__product {
		flex-direction: column;
	}

	.woocommerce-gift-coupon-variation-selector__image {
		inline-size: 80px;
	}

	.woocommerce-gift-coupon-variation-selector__select {
		max-inline-size: 100%;
	}
}