/* =============================================================
   WC Variation Add to Cart Shortcode — variation-shortcode.css
   Scoped to .wc-variation-shortcode-wrap so it never bleeds
   into the rest of your theme.
   ============================================================= */

.wc-variation-shortcode-wrap {
	display: block;
	width: 100%;
	max-width: 480px;
}

/* ── Strip all default table styling ──────────────────────── */
.wc-variation-shortcode-wrap .wc-vsc-table,
.wc-variation-shortcode-wrap .wc-vsc-table tbody,
.wc-variation-shortcode-wrap .wc-vsc-table tr,
.wc-variation-shortcode-wrap .wc-vsc-table th,
.wc-variation-shortcode-wrap .wc-vsc-table td {
	display: block;
	border: none;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: left;
}

.wc-variation-shortcode-wrap .wc-vsc-table {
	margin-bottom: 1.25em;
}

/* ── Label above the dropdown ──────────────────────────────── */
.wc-variation-shortcode-wrap .wc-vsc-table th.label {
	font-size: .875em;
	font-weight: 600;
	color: #888;
	margin-bottom: .4em;
	letter-spacing: .01em;
}

.wc-variation-shortcode-wrap .wc-vsc-table th.label label {
	cursor: default;
}

.wc-variation-shortcode-wrap .wc-vsc-table td.value {
	width: 100%;
}

/* ── Dropdown ──────────────────────────────────────────────── */
.wc-variation-shortcode-wrap select {
	display: block;
	width: 100%;
	padding: .7em 2.4em .7em 1em;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	background-color: #fff;
	font-size: 1em;
	color: #555;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right .85em center;
	cursor: pointer;
	transition: border-color .2s, box-shadow .2s;
	box-sizing: border-box;
}

.wc-variation-shortcode-wrap select:focus {
	outline: none;
	border-color: #aaa;
	box-shadow: 0 0 0 3px rgba(0,0,0,.06);
}

/* ── Reset link (small, below dropdown) ────────────────────── */
.wc-variation-shortcode-wrap .reset_variations {
	display: inline-block;
	margin-top: .4em;
	font-size: .8em;
	color: #999;
	text-decoration: underline;
}

/* ── Live price shown after selection ──────────────────────── */
.wc-variation-shortcode-wrap .woocommerce-variation.single_variation {
	margin-bottom: .75em;
}

.wc-variation-shortcode-wrap .woocommerce-variation-price {
	font-size: 1.1em;
	font-weight: 600;
	color: #333;
}

/* ── Quantity + button row ─────────────────────────────────── */
.wc-variation-shortcode-wrap .woocommerce-variation-add-to-cart {
	display: flex;
	align-items: stretch;
	gap: .6em;
}

/* ── Quantity stepper ──────────────────────────────────────── */
.wc-variation-shortcode-wrap .quantity.buttons_added {
	display: flex;
	align-items: stretch;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
	flex-shrink: 0;
}

.wc-variation-shortcode-wrap .quantity.buttons_added button.minus,
.wc-variation-shortcode-wrap .quantity.buttons_added button.plus {
	width: 2.5em;
	background: #fff;
	border: none;
	cursor: pointer;
	color: #555;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .15s;
	padding: 0;
	flex-shrink: 0;
	line-height: 1;
}

.wc-variation-shortcode-wrap .quantity.buttons_added button.minus svg,
.wc-variation-shortcode-wrap .quantity.buttons_added button.plus svg {
	width: 1em;
	height: 1em;
	display: block;
}

.wc-variation-shortcode-wrap .quantity.buttons_added button.minus:hover,
.wc-variation-shortcode-wrap .quantity.buttons_added button.plus:hover {
	background: #f5f5f5;
}

.wc-variation-shortcode-wrap .quantity.buttons_added input.qty {
	width: 2.8em;
	border: none;
	border-left: 1px solid #d1d5db;
	border-right: 1px solid #d1d5db;
	text-align: center;
	font-size: 1em;
	color: #333;
	background: #fff;
	-moz-appearance: textfield;
	appearance: textfield;
	padding: 0;
}

.wc-variation-shortcode-wrap .quantity.buttons_added input.qty::-webkit-outer-spin-button,
.wc-variation-shortcode-wrap .quantity.buttons_added input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

/* ── Add to Cart button ────────────────────────────────────── */
.wc-variation-shortcode-wrap .single_add_to_cart_button {
	flex: 1;
	padding: .7em 1.5em;
	font-size: 1em;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	transition: background .2s, opacity .2s;
	background-color: var(--wc-vsc-btn-bg, #6b3a1f);
	color: var(--wc-vsc-btn-color, #fff);
	white-space: nowrap;
}

.wc-variation-shortcode-wrap .single_add_to_cart_button:hover:not(.disabled) {
	background-color: var(--wc-vsc-btn-bg-hover, #4e2a14);
}

.wc-variation-shortcode-wrap .single_add_to_cart_button.disabled,
.wc-variation-shortcode-wrap .single_add_to_cart_button.wc-variation-selection-needed {
	opacity: .55;
	cursor: not-allowed;
}