/* Jett Woo — Buy Now button
 * Selectors use a.jw-buy-now / button.jw-buy-now to beat theme anchor color rules.
 */

.jw-buy-now {
	--jw-bn-bg: #0f172a;
	--jw-bn-text: #ffffff;
	--jw-bn-border-width: 0px;
	--jw-bn-border-color: transparent;
	--jw-bn-border-radius: 10px;
	--jw-bn-font-size: 15px;
	--jw-bn-font-weight: 600;
	--jw-bn-padding-y: 12px;
	--jw-bn-padding-x: 24px;
	--jw-bn-min-height: 48px;
	--jw-bn-focus-ring: #2563eb;
	--jw-bn-shadow: 0 6px 18px -8px rgba(15, 23, 42, 0.45);
}

a.jw-buy-now,
button.jw-buy-now,
.jw-buy-now {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: var(--jw-bn-min-height);
	padding: var(--jw-bn-padding-y) var(--jw-bn-padding-x);
	background: var(--jw-bn-bg);
	color: var(--jw-bn-text);
	border: var(--jw-bn-border-width) solid var(--jw-bn-border-color);
	border-radius: var(--jw-bn-border-radius);
	font-size: var(--jw-bn-font-size);
	font-weight: var(--jw-bn-font-weight);
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	box-shadow: var(--jw-bn-shadow);
	transition: filter 160ms ease, transform 140ms ease, box-shadow 160ms ease;
	-webkit-appearance: none;
	appearance: none;
	font-family: inherit;
	box-sizing: border-box;
}

a.jw-buy-now--full,
button.jw-buy-now--full,
.jw-buy-now--full {
	width: 100%;
}

a.jw-buy-now:hover,
a.jw-buy-now:focus,
a.jw-buy-now:visited,
button.jw-buy-now:hover,
button.jw-buy-now:focus {
	color: var(--jw-bn-text);
	background: var(--jw-bn-bg);
	text-decoration: none;
	filter: brightness(0.92);
}

a.jw-buy-now:focus-visible,
button.jw-buy-now:focus-visible {
	outline: 2px solid var(--jw-bn-focus-ring);
	outline-offset: 2px;
}

a.jw-buy-now:active,
button.jw-buy-now:active {
	transform: scale(0.985);
}

a.jw-buy-now--disabled,
button.jw-buy-now--disabled,
.jw-buy-now--disabled {
	opacity: 0.55;
	cursor: not-allowed;
	box-shadow: none;
	pointer-events: none;
}

/* Mobile overrides (only applied if the mobile vars are set) */
@media (max-width: 640px) {
	a.jw-buy-now,
	button.jw-buy-now,
	.jw-buy-now {
		font-size: var(--jw-bn-font-size-mobile, var(--jw-bn-font-size));
		padding:
			var(--jw-bn-padding-y-mobile, var(--jw-bn-padding-y))
			var(--jw-bn-padding-x-mobile, var(--jw-bn-padding-x));
		min-height: var(--jw-bn-min-height-mobile, var(--jw-bn-min-height));
	}
}