/**
 * GreenInk Baltic — WooCommerce Style Overrides
 *
 * Targets WooCommerce-generated classes to integrate them with the
 * dark / earthy GreenInk Baltic design system.
 *
 * Design tokens (mirrors style.css custom properties):
 *   --color-ink-black  : #0a0a0a
 *   --color-surface    : #111111
 *   --color-surface-2  : #1a1a1a
 *   --color-surface-3  : #222222
 *   --color-border     : #2a2a2a
 *   --color-green      : #5abf3c
 *   --color-green-dark : #3d8f28
 *   --color-cream      : #f5f0e8
 *   --color-muted      : #666666
 *   --font-body        : 'Space Mono', monospace
 *   --font-display     : 'Bebas Neue', cursive
 *   --font-serif       : 'Playfair Display', serif
 *
 * @package GreenInk_Baltic
 * @since   1.0.0
 */

/* ==========================================================================
   1. NOTICES — .woocommerce-message / .woocommerce-error / .woocommerce-info
   ========================================================================== */

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
	background-color: #1a1a1a;
	border-top: 3px solid #5abf3c;
	color: #f5f0e8;
	font-family: 'Space Mono', monospace;
	font-size: 0.8125rem;
	padding: 1rem 1.25rem;
	margin-bottom: 1.5rem;
	list-style: none;
	border-radius: 0;
}

.woocommerce-error {
	border-top-color: #c0392b;
}

.woocommerce-info {
	border-top-color: #5abf3c;
}

.woocommerce-message a,
.woocommerce-error a,
.woocommerce-info a {
	color: #5abf3c;
	text-decoration: underline;
}

.woocommerce-message a:hover,
.woocommerce-error a:hover,
.woocommerce-info a:hover {
	color: #f5f0e8;
}

.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info .button {
	float: right;
	background-color: #5abf3c;
	color: #0a0a0a;
	border: none;
	padding: 0.4rem 1rem;
	font-family: 'Bebas Neue', cursive;
	font-size: 0.875rem;
	letter-spacing: 0.06em;
	cursor: pointer;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.woocommerce-message .button:hover,
.woocommerce-error .button:hover,
.woocommerce-info .button:hover {
	background-color: #3d8f28;
	color: #f5f0e8;
}

/* ==========================================================================
   2. STAR RATINGS — .woocommerce .star-rating
   ========================================================================== */

.woocommerce .star-rating,
.woocommerce-page .star-rating {
	color: #5abf3c;
	font-size: 0.875em;
}

.woocommerce .star-rating span,
.woocommerce-page .star-rating span {
	color: #5abf3c;
}

.woocommerce .star-rating::before,
.woocommerce .star-rating span::before {
	color: #5abf3c;
}

/* ==========================================================================
   3. PRODUCT TABS — .woocommerce-tabs / .wc-tabs
   ========================================================================== */

.woocommerce div.product .woocommerce-tabs {
	margin-top: 2.5rem;
}

.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs .wc-tabs {
	padding: 0;
	margin: 0 0 0 0;
	list-style: none;
	border-bottom: 1px solid #2a2a2a;
	display: flex;
	gap: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	display: none;
	border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background-color: transparent;
	background: transparent;
	border: none;
	border-bottom: 2px solid transparent;
	margin: 0;
	padding: 0;
	border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: block;
	padding: 0.75rem 1.25rem;
	color: #666666;
	font-family: 'Bebas Neue', cursive;
	font-size: 0.9375rem;
	letter-spacing: 0.1em;
	text-decoration: none;
	text-transform: uppercase;
	transition: color 0.2s ease;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
	color: #f5f0e8;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	border-bottom: 2px solid #5abf3c;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: #f5f0e8;
}

.woocommerce div.product .woocommerce-tabs .panel {
	background-color: #111111;
	padding: 1.5rem 0;
	border: none;
	color: #f5f0e8;
	font-family: 'Space Mono', monospace;
	font-size: 0.8125rem;
	line-height: 1.8;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
	font-family: 'Bebas Neue', cursive;
	font-size: 1.375rem;
	letter-spacing: 0.08em;
	color: #f5f0e8;
	margin-bottom: 1rem;
}

/* ==========================================================================
   4. FORM INPUTS — .woocommerce form .form-row
   ========================================================================== */

.woocommerce form .form-row label,
.woocommerce-page form .form-row label,
.woocommerce form p label,
.woocommerce-checkout .form-row label {
	color: #f5f0e8;
	font-family: 'Space Mono', monospace;
	font-size: 0.75rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-bottom: 0.35rem;
	display: block;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce-page form .form-row select,
.woocommerce form p input.input-text,
.woocommerce form p textarea {
	background-color: #1a1a1a;
	border: 1px solid #2a2a2a;
	color: #f5f0e8;
	font-family: 'Space Mono', monospace;
	font-size: 0.8125rem;
	padding: 0.65rem 0.875rem;
	width: 100%;
	box-sizing: border-box;
	border-radius: 0;
	outline: none;
	transition: border-color 0.2s ease;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce-page form .form-row input.input-text:focus {
	border-color: #5abf3c;
	box-shadow: none;
}

.woocommerce form .form-row input.input-text::placeholder,
.woocommerce form .form-row textarea::placeholder {
	color: #444444;
}

/* Required asterisk. */
.woocommerce form .required,
.woocommerce-page form .required {
	color: #5abf3c;
}

/* Inline validation. */
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
	border-color: #c0392b;
}

.woocommerce form .form-row.woocommerce-validated input.input-text {
	border-color: #5abf3c;
}

/* ==========================================================================
   5. PRICE — del / ins (sale vs. original)
   ========================================================================== */

.woocommerce .price,
.woocommerce-page .price {
	color: #f5f0e8;
	font-family: 'Space Mono', monospace;
}

.woocommerce .price del,
.woocommerce-page .price del {
	color: #444444;
	opacity: 1;
	font-size: 0.85em;
	text-decoration: line-through;
}

.woocommerce .price del .amount,
.woocommerce-page .price del .amount {
	color: #444444;
}

.woocommerce .price ins,
.woocommerce-page .price ins {
	color: #5abf3c;
	font-weight: 700;
	text-decoration: none;
}

.woocommerce .price ins .amount,
.woocommerce-page .price ins .amount {
	color: #5abf3c;
}

/* Single product price — defer to style.css for single product layout */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-family: 'Bebas Neue', sans-serif;
	font-size: 48px;
	color: #eaf5e6;
	letter-spacing: 3px;
	margin-bottom: 24px;
	line-height: 1;
}

/* ==========================================================================
   6. PRODUCT GALLERY — .woocommerce-product-gallery
   ========================================================================== */

.woocommerce-product-gallery {
	width: 100% !important;
	max-width: 100%;
	background-color: #111111;
	border: none;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image img {
	background-color: #111111;
	display: block;
	width: 100%;
}

/* Zoom icon. */
.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
	background-color: #0a0a0a;
	color: #f5f0e8;
	border: 1px solid #2a2a2a;
	opacity: 0.8;
	transition: opacity 0.2s ease;
}

.woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
	opacity: 1;
	background-color: #5abf3c;
	border-color: #5abf3c;
}

/* Thumbnails strip. */
.woocommerce-product-gallery .flex-control-thumbs {
	display: flex;
	gap: 0.5rem;
	margin-top: 0.5rem;
}

.woocommerce-product-gallery .flex-control-thumbs li img {
	border: 2px solid transparent;
	transition: border-color 0.2s ease;
	cursor: pointer;
}

.woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
.woocommerce-product-gallery .flex-control-thumbs li img:hover {
	border-color: #5abf3c;
}

/* ==========================================================================
   7. SELECT2 — dark theme override
   ========================================================================== */

.select2-container--default .select2-selection--single {
	background-color: #1a1a1a;
	border: 1px solid #2a2a2a;
	border-radius: 0;
	height: 2.5rem;
	color: #f5f0e8;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #f5f0e8;
	font-family: 'Space Mono', monospace;
	font-size: 0.8125rem;
	line-height: 2.5rem;
	padding-left: 0.875rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 2.5rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #666666 transparent transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #5abf3c transparent;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
	border-color: #5abf3c;
	outline: none;
}

.select2-dropdown {
	background-color: #1a1a1a;
	border: 1px solid #2a2a2a;
	border-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	background-color: #111111;
	border: 1px solid #2a2a2a;
	color: #f5f0e8;
	font-family: 'Space Mono', monospace;
	font-size: 0.8125rem;
	padding: 0.5rem;
}

.select2-container--default .select2-results__option {
	color: #f5f0e8;
	font-family: 'Space Mono', monospace;
	font-size: 0.8125rem;
	padding: 0.5rem 0.875rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #5abf3c;
	color: #0a0a0a;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
	background-color: #222222;
	color: #5abf3c;
}

/* ==========================================================================
   8. PAGINATION — .woocommerce-pagination
   ========================================================================== */

.woocommerce-pagination {
	margin-top: 2.5rem;
	text-align: center;
}

.woocommerce-pagination ul.page-numbers {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-flex;
	gap: 0.25rem;
}

.woocommerce-pagination ul.page-numbers li {
	display: inline;
}

.woocommerce-pagination ul.page-numbers li a.page-numbers,
.woocommerce-pagination ul.page-numbers li span.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	background-color: #1a1a1a;
	border: 1px solid #2a2a2a;
	color: #f5f0e8;
	font-family: 'Space Mono', monospace;
	font-size: 0.75rem;
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.woocommerce-pagination ul.page-numbers li a.page-numbers:hover {
	background-color: #5abf3c;
	border-color: #5abf3c;
	color: #0a0a0a;
}

.woocommerce-pagination ul.page-numbers li span.page-numbers.current {
	background-color: #5abf3c;
	border-color: #5abf3c;
	color: #0a0a0a;
	font-weight: 700;
}

/* ==========================================================================
   9. SHOP TABLE — .woocommerce table.shop_table (cart, orders)
   ========================================================================== */

.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
	border-collapse: collapse;
	width: 100%;
	background-color: #111111;
	border: 1px solid #2a2a2a;
	font-family: 'Space Mono', monospace;
	font-size: 0.8125rem;
	color: #f5f0e8;
}

.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th {
	background-color: #1a1a1a;
	border-bottom: 1px solid #2a2a2a;
	color: #5abf3c;
	font-family: 'Bebas Neue', cursive;
	font-size: 0.8125rem;
	font-weight: 400;
	letter-spacing: 0.1em;
	padding: 0.75rem 1rem;
	text-align: left;
	text-transform: uppercase;
}

.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
	border-bottom: 1px solid #2a2a2a;
	padding: 1rem;
	vertical-align: middle;
}

.woocommerce table.shop_table tr:last-child td {
	border-bottom: none;
}

.woocommerce table.shop_table tbody tr:hover td {
	background-color: #1a1a1a;
}

/* Subtotals / totals row. */
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td {
	background-color: #1a1a1a;
	border-top: 1px solid #2a2a2a;
	color: #f5f0e8;
}

.woocommerce table.shop_table tfoot tr.order-total th,
.woocommerce table.shop_table tfoot tr.order-total td {
	color: #5abf3c;
	font-size: 0.9375rem;
}

/* Product name link in table. */
.woocommerce table.shop_table td a {
	color: #f5f0e8;
	text-decoration: none;
}

.woocommerce table.shop_table td a:hover {
	color: #5abf3c;
}

/* Remove item button. */
.woocommerce table.cart td.product-remove a.remove {
	color: #666666 !important;
	font-size: 1.25rem;
	line-height: 1;
	transition: color 0.2s ease;
}

.woocommerce table.cart td.product-remove a.remove:hover {
	color: #c0392b !important;
	background-color: transparent;
}

/* ==========================================================================
   10. PRICE FILTER WIDGET — .woocommerce .widget_price_filter
   ========================================================================== */

.woocommerce .widget_price_filter .price_slider {
	margin-bottom: 1rem;
}

.woocommerce .widget_price_filter .ui-slider {
	background-color: #2a2a2a;
	border: none;
	height: 3px;
	margin: 0.5rem 0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
	background-color: #5abf3c;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	background-color: #5abf3c;
	border: 2px solid #3d8f28;
	border-radius: 50%;
	width: 14px;
	height: 14px;
	top: -6px;
	cursor: pointer;
	outline: none;
	transition: background-color 0.15s ease, transform 0.15s ease;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle:focus,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle:hover {
	background-color: #3d8f28;
	transform: scale( 1.2 );
}

.woocommerce .widget_price_filter .price_slider_amount {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: 'Space Mono', monospace;
	font-size: 0.75rem;
	color: #f5f0e8;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
	background-color: #5abf3c;
	border: none;
	color: #0a0a0a;
	font-family: 'Bebas Neue', cursive;
	font-size: 0.8125rem;
	letter-spacing: 0.08em;
	padding: 0.4rem 0.875rem;
	cursor: pointer;
	text-transform: uppercase;
	transition: background-color 0.2s ease;
}

.woocommerce .widget_price_filter .price_slider_amount .button:hover {
	background-color: #3d8f28;
}

/* ==========================================================================
   11. MY ACCOUNT NAVIGATION — .woocommerce-MyAccount-navigation
   ========================================================================== */

.woocommerce-MyAccount-navigation {
	background-color: #111111;
	border: 1px solid #2a2a2a;
	padding: 1rem 0;
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.woocommerce-MyAccount-navigation ul li {
	border-bottom: 1px solid #2a2a2a;
}

.woocommerce-MyAccount-navigation ul li:last-child {
	border-bottom: none;
}

.woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 0.75rem 1.25rem;
	color: #f5f0e8;
	font-family: 'Space Mono', monospace;
	font-size: 0.8125rem;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	transition: color 0.2s ease, padding-left 0.2s ease;
}

.woocommerce-MyAccount-navigation ul li a:hover {
	color: #5abf3c;
	padding-left: 1.625rem;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--is-active a {
	color: #5abf3c;
	padding-left: 1.625rem;
	border-left: 3px solid #5abf3c;
}

/* My account content area. */
.woocommerce-MyAccount-content {
	color: #f5f0e8;
	font-family: 'Space Mono', monospace;
	font-size: 0.8125rem;
	line-height: 1.8;
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
	font-family: 'Bebas Neue', cursive;
	color: #f5f0e8;
	letter-spacing: 0.08em;
	margin-bottom: 1rem;
}

/* ==========================================================================
   12. MISC WC-GENERATED CLASSES — dark theme overrides
   ========================================================================== */

/* Coupon form in cart. */
.woocommerce-cart .coupon label {
	display: none;
}

.woocommerce-cart .coupon input#coupon_code {
	background-color: #1a1a1a;
	border: 1px solid #2a2a2a;
	color: #f5f0e8;
	font-family: 'Space Mono', monospace;
	font-size: 0.8125rem;
	padding: 0.65rem 0.875rem;
	width: 180px;
}

.woocommerce-cart .coupon input#coupon_code:focus {
	border-color: #5abf3c;
	outline: none;
}

/* Cart totals box. */
.woocommerce-cart .cart_totals,
.woocommerce .cart_totals {
	background-color: #111111;
	border: 1px solid #2a2a2a;
	padding: 1.5rem;
}

.woocommerce .cart_totals h2,
.woocommerce-cart .cart_totals h2 {
	font-family: 'Bebas Neue', cursive;
	font-size: 1.375rem;
	letter-spacing: 0.08em;
	color: #f5f0e8;
	margin-bottom: 1rem;
}

/* Checkout button. */
.woocommerce a.checkout-button,
.woocommerce .wc-proceed-to-checkout a.checkout-button {
	display: block;
	width: 100%;
	background-color: #5abf3c;
	color: #0a0a0a;
	border: none;
	font-family: 'Bebas Neue', cursive;
	font-size: 1.0625rem;
	letter-spacing: 0.12em;
	padding: 0.875rem 1.5rem;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.2s ease;
	margin-top: 1rem;
}

.woocommerce a.checkout-button:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
	background-color: #3d8f28;
	color: #f5f0e8;
}

/* Checkout payment box. */
.woocommerce #payment {
	background-color: #1a1a1a;
	border-radius: 0;
}

.woocommerce #payment ul.payment_methods {
	border-bottom: 1px solid #2a2a2a;
}

.woocommerce #payment ul.payment_methods li {
	color: #f5f0e8;
	font-family: 'Space Mono', monospace;
	font-size: 0.8125rem;
	padding: 0.75rem 1rem;
}

.woocommerce #payment ul.payment_methods li label {
	color: #f5f0e8;
}

.woocommerce #payment .payment_box {
	background-color: #222222;
	color: #f5f0e8;
	font-family: 'Space Mono', monospace;
	font-size: 0.8125rem;
}

.woocommerce #payment .payment_box::before {
	border-bottom-color: #222222;
}

/* Place order button. */
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
	background-color: #5abf3c;
	border: none;
	color: #0a0a0a;
	font-family: 'Bebas Neue', cursive;
	font-size: 1.0625rem;
	letter-spacing: 0.12em;
	padding: 0.875rem 2rem;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.2s ease;
	width: 100%;
}

.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
	background-color: #3d8f28;
	color: #f5f0e8;
}

/* Order received / thank you page. */
.woocommerce-order-received .entry-title,
.woocommerce-thankyou-section h3 {
	font-family: 'Bebas Neue', cursive;
	letter-spacing: 0.08em;
	color: #f5f0e8;
}

/* WooCommerce breadcrumb — inherits .breadcrumb from main stylesheet. */
.woocommerce-breadcrumb {
	color: #666666;
	font-family: 'Space Mono', monospace;
	font-size: 0.75rem;
	margin-bottom: 1.5rem;
}

.woocommerce-breadcrumb a {
	color: #666666;
	text-decoration: none;
	transition: color 0.2s ease;
}

.woocommerce-breadcrumb a:hover {
	color: #5abf3c;
}

/* Add-to-cart button on single product. */
.woocommerce div.product form.cart .single_add_to_cart_button {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	background-color: #5abf3c;
	border: none;
	border-radius: 0;
	color: #0a0a0a;
	font-family: 'Space Mono', monospace;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 3px;
	padding: 16px 32px;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.3s;
	height: 52px;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover {
	background-color: #7de05c;
	color: #0a0a0a;
}

/* Quantity input on single product — override WC core 80px width */
.woocommerce div.product form.cart .quantity,
.woocommerce .quantity.greenink-qty,
.greenink-qty.quantity {
	width: 148px !important;
	min-width: 148px !important;
	margin: 0;
	display: flex !important;
	align-items: center;
	height: 52px;
	border: 1px solid #2a2a2a;
	background: #1a1a1a;
	flex-shrink: 0;
}

.woocommerce div.product form.cart .quantity input.qty {
	background-color: transparent;
	border: none;
	border-left: 1px solid #2a2a2a;
	border-right: 1px solid #2a2a2a;
	color: #f5f0e8;
	font-family: 'Space Mono', monospace;
	font-size: 1rem;
	font-weight: 700;
	height: 100%;
	text-align: center;
	width: 56px;
	min-width: 56px;
	padding: 0;
}

.woocommerce div.product form.cart .quantity .qty-btn,
.greenink-qty .qty-btn {
	width: 44px !important;
	min-width: 44px !important;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	color: #f5f0e8;
	font-size: 20px;
	cursor: pointer;
	transition: color 0.3s, background 0.3s;
	padding: 0;
	font-family: 'Space Mono', monospace;
}

.woocommerce div.product form.cart .quantity .qty-btn:hover {
	color: #5abf3c;
	background: #222222;
}

.woocommerce div.product form.cart .quantity .qty-btn:disabled,
.woocommerce div.product form.cart .quantity .qty-btn[disabled] {
	opacity: 0.3;
	cursor: not-allowed;
	color: #666666;
}

.woocommerce div.product form.cart .quantity .qty-btn:disabled:hover {
	background: transparent;
	color: #666666;
}

/* Stock notice. */
.woocommerce div.product .stock {
	font-family: 'Space Mono', monospace;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.woocommerce div.product .in-stock {
	color: #5abf3c;
}

.woocommerce div.product .out-of-stock {
	color: #c0392b;
}

/* Related / upsell products heading. */
.related.products > h2,
.upsells.products > h2,
.cross-sells > h2 {
	font-family: 'Bebas Neue', cursive;
	font-size: 40px;
	letter-spacing: 3px;
	color: #eaf5e6;
	margin-bottom: 32px;
	text-transform: uppercase;
	font-style: normal;
}

/* ==========================================================================
   13. LOADING SPINNER — WooCommerce AJAX loading overlay
   ========================================================================== */

.woocommerce-cart-form table.cart td,
.woocommerce .blockUI.blockOverlay {
	background-color: rgba( 10, 10, 10, 0.75 ) !important;
}

/* ==========================================================================
   14. ORDER DETAILS (my account / order received)
   ========================================================================== */

.woocommerce table.woocommerce-table--order-details,
.woocommerce table.order_details {
	background-color: #111111;
	border: 1px solid #2a2a2a;
	color: #f5f0e8;
	font-family: 'Space Mono', monospace;
	font-size: 0.8125rem;
	width: 100%;
}

.woocommerce table.woocommerce-table--order-details th,
.woocommerce table.order_details th {
	background-color: #1a1a1a;
	color: #5abf3c;
	font-family: 'Bebas Neue', cursive;
	letter-spacing: 0.08em;
	padding: 0.75rem 1rem;
}

.woocommerce table.woocommerce-table--order-details td,
.woocommerce table.order_details td {
	border-bottom: 1px solid #2a2a2a;
	padding: 0.75rem 1rem;
}