/* Owned-coupon picker: second row of the cart coupon form.
   Deliberately in-flow, not an absolutely positioned dropdown — an overlay
   overflows the .nh-cart-coupon-highlight card and pushes the clickable
   items out of the viewport. */

.nh-cart .nh-cart-coupon-form .wcrv-coupon-picker {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: .5rem;
	min-width: 0;
}

.nh-cart .nh-cart-coupon-form .wcrv-coupon-picker__toggle {
	flex: none;
	padding: .35rem .65rem;
	border: 1px solid #ffd699;
	border-radius: 2px;
	background: #fffaf2;
	color: #a85d12;
	font-size: .8125rem;
	font-weight: 600;
	white-space: nowrap;
	cursor: pointer;
}

.nh-cart .nh-cart-coupon-form .wcrv-coupon-picker__toggle:hover,
.nh-cart .nh-cart-coupon-form .wcrv-coupon-picker__toggle[aria-expanded="true"] {
	border-color: #e67e22;
	background: #fff2df;
}

.nh-cart .wcrv-coupon-picker__menu {
	display: flex;
	flex-direction: column;
	gap: .35rem;
	width: 100%;
	min-width: 0;
	padding: .5rem;
	border: 1px solid #ffd699;
	border-radius: .25rem;
	background: #fff;
}

.nh-cart .wcrv-coupon-picker__menu[hidden] {
	display: none;
}

.nh-cart .wcrv-coupon-picker__item {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .15rem .65rem;
	width: 100%;
	min-width: 0;
	padding: .5rem .6rem;
	border: 1px solid transparent;
	border-radius: .25rem;
	background: #fffaf2;
	color: inherit;
	text-align: left;
	cursor: pointer;
}

.nh-cart .wcrv-coupon-picker__item:hover,
.nh-cart .wcrv-coupon-picker__item:focus-visible {
	border-color: #e67e22;
	background: #fff2df;
	outline: none;
}

.nh-cart .wcrv-coupon-picker__item strong {
	flex: none;
	color: #a85d12;
	font-size: .8125rem;
	overflow-wrap: anywhere; /* coupon codes are unbroken strings */
}

.nh-cart .wcrv-coupon-picker__item span {
	min-width: 0;
	color: #6b5a48;
	font-size: .75rem;
	line-height: 1.45;
	overflow-wrap: anywhere;
}
