/* ============================================================
   WOOCOMMERCE — baseline styling for cart/checkout/my-account/
   single-product pages (rendered by WooCommerce's own default
   templates via woocommerce.php) so they match the theme's
   design language instead of looking unstyled.
   ============================================================ */
.woocommerce-wrapper {
	padding: calc(var(--header-height) + 48px) 0 80px;
	max-width: var(--container-max);
	margin: 0 auto;
	padding-left: var(--space-container-x);
	padding-right: var(--space-container-x);
	font-family: var(--font-body);
	color: var(--color-text-dark);
}
.woocommerce-wrapper h1.entry-title,
.woocommerce-wrapper h1.product_title { font-size: var(--text-h1); margin-bottom: 24px; }
.woocommerce-wrapper h1.product_title,
.woocommerce-wrapper .woocommerce-loop-product__title,
.woocommerce-wrapper td.product-name a { text-transform: uppercase; }

.woocommerce-wrapper .button,
.woocommerce-wrapper button.button,
.woocommerce-wrapper a.button,
.woocommerce-wrapper input.button,
.woocommerce-wrapper .checkout-button {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	font-family: var(--font-heading); font-weight: 700; font-size: 14px;
	letter-spacing: 0.02em; padding: var(--button-padding-y) var(--button-padding-x);
	border-radius: var(--button-radius); border: 2px solid var(--color-accent);
	background: var(--color-accent); color: #fff !important;
	cursor: pointer; transition: all var(--button-transition); min-height: 44px;
}
.woocommerce-wrapper .button:hover { background: var(--color-accent-dark); border-color: var(--color-accent-dark); transform: translateY(-2px); }

.woocommerce-wrapper .woocommerce-Price-amount { font-family: var(--font-heading); font-weight: 800; color: var(--color-primary); }

.woocommerce-wrapper table.shop_table {
	width: 100%; border-collapse: collapse; margin-bottom: 32px;
	border: 1px solid var(--color-border); border-radius: var(--radius-md); overflow: hidden;
}
.woocommerce-wrapper table.shop_table th,
.woocommerce-wrapper table.shop_table td { padding: 16px; border-bottom: 1px solid var(--color-border); text-align: left; }
.woocommerce-wrapper table.shop_table th { font-family: var(--font-heading); font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; background: var(--color-bg-light); }

.woocommerce-wrapper .quantity .qty,
.woocommerce-wrapper input[type="text"],
.woocommerce-wrapper input[type="email"],
.woocommerce-wrapper input[type="tel"],
.woocommerce-wrapper input[type="number"],
.woocommerce-wrapper select,
.woocommerce-wrapper textarea {
	padding: 12px 14px; border: 1.5px solid var(--color-border); border-radius: var(--radius-sm);
	background: var(--color-bg-light); font-family: var(--font-body); font-size: 15px; color: var(--color-text-dark);
}

.woocommerce-wrapper .woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-wrapper .woocommerce-notices-wrapper .woocommerce-info {
	background: rgba(224,123,42,0.08); border-left: 4px solid var(--color-accent);
	padding: 16px 20px; border-radius: var(--radius-sm); margin-bottom: 24px; list-style: none;
}
.woocommerce-wrapper .woocommerce-notices-wrapper .woocommerce-error {
	background: rgba(239,68,68,0.08); border-left: 4px solid var(--color-error);
	padding: 16px 20px; border-radius: var(--radius-sm); margin-bottom: 24px; list-style: none;
}

.woocommerce-wrapper .star-rating { color: var(--color-accent); }