/*
Theme Name:       OGA Mini App v109002 · Networks Edition
Theme URI:        https://onlineguideassociation.org/
Author:           Online Guide Association
Author URI:       https://onlineguideassociation.org/
Description:      OGA Mini App v109002 — THEME UPGRADE. Unifies the full OGA Header v109001 design system (Syne + DM Sans + DM Mono, dark bg tokens #0a0a0c→#26262f, gold #c9a227, 8-color G-layer network palette) with WooCommerce. All WC components — single product, shop loop, cart, checkout, mini-cart, account, notices — reskinned to match the header. PHP 5.6+ Namecheap-safe. Extends v109001 surface unchanged.
Version:          109002.0
Requires at least: 5.8
Tested up to:     6.5
Requires PHP:     5.6
License:          GPL-2.0-or-later
License URI:      https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:      oga-v109001
Tags:             standalone, woocommerce, social-commerce, ai-shopping, networks, tourism, cambodia, ogace, pwa, multi-network
*/

/* ══════════════════════════════════════════════════════════════════════════
 * OGA v109002 · DESIGN TOKENS — synced with oga-header-v109001-redesign.html
 * Adds Google Fonts (Syne / DM Sans / DM Mono) and the full header palette.
 * ══════════════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=DM+Mono:wght@400;500&display=swap');

:root {
	/* ── Surfaces (from header redesign) ── */
	--bg0:      #0a0a0c;
	--bg1:      #111114;
	--bg2:      #18181d;
	--bg3:      #1f1f26;
	--bg4:      #26262f;
	--line1:    rgba(255,255,255,0.06);
	--line2:    rgba(255,255,255,0.10);
	--line3:    rgba(255,255,255,0.16);
	--fg0:      #f5f4f0;
	--fg1:      #c8c6be;
	--fg2:      #8a887f;
	--fg3:      #585650;

	/* ── Gold accent ── */
	--gold:         #c9a227;
	--gold-dim:     rgba(201,162,39,0.14);
	--gold-glow:    rgba(201,162,39,0.22);
	--gold-hover:   rgba(201,162,39,0.40);

	/* ── G-layer network palette ── */
	--g0: #5ec3c0; --g0-bg: rgba(94,195,192,0.11);  --g0-bd: rgba(94,195,192,0.24);
	--g1: #c9a227; --g1-bg: rgba(201,162,39,0.11);  --g1-bd: rgba(201,162,39,0.24);
	--g2: #a855f7; --g2-bg: rgba(168,85,247,0.11);  --g2-bd: rgba(168,85,247,0.24);
	--g3: #7f54b3; --g3-bg: rgba(127,84,179,0.11);  --g3-bd: rgba(127,84,179,0.24);
	--g4: #76b900; --g4-bg: rgba(118,185,0,0.11);   --g4-bd: rgba(118,185,0,0.24);
	--g5: #4285f4; --g5-bg: rgba(66,133,244,0.11);  --g5-bd: rgba(66,133,244,0.24);
	--g6: #d4537e; --g6-bg: rgba(212,83,126,0.11);  --g6-bd: rgba(212,83,126,0.24);
	--g7: #ff8a65; --g7-bg: rgba(255,138,101,0.11); --g7-bd: rgba(255,138,101,0.24);

	/* ── Typography ── */
	--sans:    'DM Sans', system-ui, sans-serif;
	--mono:    'DM Mono', ui-monospace, 'JetBrains Mono', monospace;
	--display: 'Syne', system-ui, sans-serif;

	/* ── Radius ── */
	--r4:  4px;
	--r6:  6px;
	--r8:  8px;
	--r12: 12px;
	--r16: 16px;

	/* ── Legacy aliases (ogace-all.php / ogace-networks.php compatibility) ── */
	--o-bg0: var(--bg0);   --o-bg1: var(--bg1);   --o-bg2: var(--bg2);   --o-bg3: var(--bg3);
	--o-fg0: var(--fg0);   --o-fg1: var(--fg1);   --o-fg2: var(--fg2);   --o-fg3: var(--fg3);
	--o-line1: var(--line1);  --o-line2: var(--line2);
	--o-gold:   var(--gold);  --o-rose:  var(--g6);   --o-teal:  var(--g0);  --o-violet: var(--g2);
	--t-free:  var(--g0);  --t-pro:  var(--g1);   --t-agency: var(--g7);
	--t-ent:   var(--g2);  --t-dao:  var(--g6);
	--tc-wc:   var(--g3);  --tc-ai:  var(--g2);   --tc-nvidia: var(--g4);
	--o-r4: var(--r4);  --o-r8: var(--r8);  --o-r12: var(--r12);
	--o-mono: var(--mono);  --o-sans: var(--sans);
}

/* ══════════════════════════════════════════════════════════════════════════
 * BASE RESET
 * ══════════════════════════════════════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 14px; -webkit-font-smoothing: antialiased; }
body {
	font-family: var(--sans);
	background: var(--bg0);
	color: var(--fg0);
	line-height: 1.55;
	min-height: 100vh;
}
a { color: var(--g0); text-decoration: none; }
a:hover { color: var(--gold); }
img { max-width: 100%; height: auto; display: block; }
button { font: inherit; cursor: pointer; }

/* ══════════════════════════════════════════════════════════════════════════
 * APP SHELL
 * ══════════════════════════════════════════════════════════════════════════ */
.oga-shell {
	max-width: 480px;
	margin: 0 auto;
	min-height: 100vh;
	background: var(--bg0);
}
@media (min-width: 768px) { .oga-shell { max-width: 720px; } }
@media (min-width: 1024px) { .oga-shell { max-width: 1440px; } }

.oga-section { padding: 14px 20px; }
.oga-section-label {
	font-family: var(--mono);
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--fg3);
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.oga-section-label::after {
	content: '';
	flex: 1;
	height: 1px;
	background: var(--line1);
}

.oga-prompt {
	font-family: var(--mono);
	font-size: 11px;
	color: var(--fg3);
	padding: 8px 12px;
	background: var(--bg1);
	border-radius: var(--r4);
	border-left: 2px solid var(--gold);
	margin-bottom: 14px;
	overflow-x: auto;
	white-space: nowrap;
}

/* ══════════════════════════════════════════════════════════════════════════
 * WOOCOMMERCE — GLOBAL OVERRIDES
 * Targets standard WC wrapper classes. All vars from design tokens above.
 * ══════════════════════════════════════════════════════════════════════════ */

/* ── WC page wrappers ── */
.woocommerce,
.woocommerce-page {
	background: var(--bg0);
	color: var(--fg0);
}

/* Page titles */
.woocommerce h1, .woocommerce h2, .woocommerce h3,
.woocommerce-page h1, .woocommerce-page h2, .woocommerce-page h3 {
	font-family: var(--display);
	font-weight: 700;
	color: var(--fg0);
	letter-spacing: -0.02em;
}

/* ── SHOP LOOP — Product Grid ── */
.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 14px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.woocommerce ul.products li.product {
	background: var(--bg1);
	border: 1px solid var(--line2);
	border-radius: var(--r12);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s;
	position: relative;
}
.woocommerce ul.products li.product:hover {
	border-color: var(--gold-glow);
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}

.woocommerce ul.products li.product a img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	display: block;
	background: var(--bg3);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--display);
	font-size: 13px;
	font-weight: 600;
	color: var(--fg0);
	padding: 10px 12px 4px;
	letter-spacing: -0.01em;
	line-height: 1.3;
}

.woocommerce ul.products li.product .price {
	padding: 0 12px 10px;
	font-family: var(--mono);
	font-size: 12px;
	font-weight: 500;
	color: var(--gold);
}
.woocommerce ul.products li.product .price del {
	color: var(--fg3);
	margin-right: 5px;
}

/* Sale flash badge */
.woocommerce ul.products li.product .onsale {
	position: absolute;
	top: 10px;
	left: 10px;
	background: var(--g6);
	color: #fff;
	font-family: var(--mono);
	font-size: 9px;
	font-weight: 500;
	padding: 3px 7px;
	border-radius: var(--r4);
	letter-spacing: 0.06em;
	z-index: 2;
	text-transform: uppercase;
}

/* Add to cart button on loop */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button {
	display: block;
	margin: 0 12px 12px;
	padding: 8px 14px;
	background: var(--bg3);
	color: var(--fg1);
	border: 1px solid var(--line2);
	border-radius: var(--r6);
	font-family: var(--sans);
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	cursor: pointer;
	transition: background 0.12s, border-color 0.12s, color 0.12s;
	text-decoration: none;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover {
	background: var(--gold-dim);
	border-color: var(--gold-glow);
	color: var(--gold);
}
.woocommerce ul.products li.product .added_to_cart {
	display: block;
	margin: 0 12px 6px;
	text-align: center;
	font-family: var(--mono);
	font-size: 10px;
	color: var(--g0);
}

/* ── SINGLE PRODUCT PAGE ── */
.woocommerce div.product {
	background: var(--bg0);
	padding: 20px 0;
}
.woocommerce div.product div.images img {
	border-radius: var(--r12);
	border: 1px solid var(--line2);
}
.woocommerce div.product .woocommerce-product-gallery__image--placeholder {
	background: var(--bg2);
	border: 1px solid var(--line2);
	border-radius: var(--r12);
}

.woocommerce div.product .product_title {
	font-family: var(--display);
	font-size: 22px;
	font-weight: 800;
	color: var(--fg0);
	letter-spacing: -0.03em;
	margin-bottom: 8px;
}

.woocommerce div.product .woocommerce-product-rating {
	margin-bottom: 10px;
}
.woocommerce div.product .star-rating span::before,
.woocommerce .star-rating::before {
	color: var(--gold);
}
.woocommerce .star-rating::before { color: var(--fg3); }

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-family: var(--mono);
	font-size: 20px;
	font-weight: 500;
	color: var(--gold);
	letter-spacing: -0.02em;
}

.woocommerce div.product .woocommerce-product-details__short-description {
	color: var(--fg2);
	font-size: 13px;
	line-height: 1.6;
	margin: 12px 0;
}

/* Quantity input */
.woocommerce .quantity input.qty {
	background: var(--bg2);
	border: 1px solid var(--line2);
	border-radius: var(--r6);
	color: var(--fg0);
	font-family: var(--mono);
	font-size: 14px;
	padding: 8px 10px;
	width: 64px;
	text-align: center;
}
.woocommerce .quantity input.qty:focus {
	border-color: var(--gold-hover);
	outline: none;
	box-shadow: 0 0 0 3px var(--gold-dim);
}

/* Add to cart — single */
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background: var(--gold);
	color: #0a0a0c;
	font-family: var(--display);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.03em;
	padding: 11px 26px;
	border-radius: var(--r8);
	border: none;
	cursor: pointer;
	transition: opacity 0.15s, transform 0.1s;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover { opacity: 0.88; }
.woocommerce div.product form.cart .single_add_to_cart_button:active { transform: scale(0.97); }

/* Secondary buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	background: var(--bg2);
	color: var(--fg1);
	border: 1px solid var(--line2);
	border-radius: var(--r8);
	font-family: var(--sans);
	font-size: 12px;
	font-weight: 500;
	padding: 9px 18px;
	cursor: pointer;
	transition: background 0.12s, border-color 0.12s, color 0.12s;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background: var(--bg3);
	border-color: var(--line3);
	color: var(--fg0);
}

/* Product meta */
.woocommerce div.product .product_meta {
	border-top: 1px solid var(--line1);
	padding-top: 12px;
	margin-top: 14px;
	font-family: var(--mono);
	font-size: 10px;
	color: var(--fg3);
	letter-spacing: 0.04em;
}
.woocommerce div.product .product_meta a { color: var(--fg2); }
.woocommerce div.product .product_meta a:hover { color: var(--gold); }

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {
	display: flex;
	gap: 4px;
	list-style: none;
	padding: 0;
	border-bottom: 1px solid var(--line2);
	margin-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: transparent;
	border: 1px solid transparent;
	border-bottom: none;
	border-radius: var(--r6) var(--r6) 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-family: var(--sans);
	font-size: 12px;
	font-weight: 500;
	color: var(--fg2);
	padding: 8px 16px;
	display: block;
	transition: color 0.12s;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: var(--bg1);
	border-color: var(--line2);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--gold); }
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: var(--fg0); }
.woocommerce div.product .woocommerce-tabs .panel {
	background: var(--bg1);
	border: 1px solid var(--line2);
	border-top: none;
	border-radius: 0 0 var(--r8) var(--r8);
	padding: 18px 20px;
	color: var(--fg1);
	font-size: 13px;
	line-height: 1.65;
}

/* ── CART PAGE ── */
.woocommerce table.cart,
.woocommerce-cart table.cart {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid var(--line2);
	border-radius: var(--r12);
	overflow: hidden;
}
.woocommerce table.cart th {
	background: var(--bg2);
	color: var(--fg3);
	font-family: var(--mono);
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 10px 14px;
	border-bottom: 1px solid var(--line2);
	text-align: left;
	font-weight: 500;
}
.woocommerce table.cart td {
	padding: 14px;
	border-bottom: 1px solid var(--line1);
	color: var(--fg1);
	font-size: 13px;
	vertical-align: middle;
}
.woocommerce table.cart tr:last-child td { border-bottom: none; }
.woocommerce table.cart td.product-name a {
	color: var(--fg0);
	font-family: var(--display);
	font-size: 13px;
	font-weight: 600;
}
.woocommerce table.cart td.product-name a:hover { color: var(--gold); }
.woocommerce table.cart td.product-price,
.woocommerce table.cart td.product-subtotal {
	font-family: var(--mono);
	font-size: 12px;
	color: var(--gold);
}

/* Remove from cart */
.woocommerce table.cart .product-remove a {
	color: var(--fg3);
	font-size: 16px;
	font-weight: 700;
	transition: color 0.12s;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: var(--r4);
}
.woocommerce table.cart .product-remove a:hover {
	color: var(--g6);
	background: var(--g6-bg);
}

/* Coupon + update cart row */
.woocommerce table.cart .actions td {
	background: var(--bg1);
	padding: 14px;
}
.woocommerce table.cart .coupon input[type="text"] {
	background: var(--bg2);
	border: 1px solid var(--line2);
	border-radius: var(--r6);
	color: var(--fg0);
	font-family: var(--mono);
	font-size: 12px;
	padding: 8px 12px;
	outline: none;
}
.woocommerce table.cart .coupon input[type="text"]:focus {
	border-color: var(--gold-hover);
	box-shadow: 0 0 0 3px var(--gold-dim);
}

/* Cart totals */
.woocommerce .cart-collaterals .cart_totals {
	background: var(--bg1);
	border: 1px solid var(--line2);
	border-radius: var(--r12);
	padding: 18px 20px;
}
.woocommerce .cart_totals h2 {
	font-family: var(--display);
	font-size: 14px;
	font-weight: 700;
	color: var(--fg0);
	margin-bottom: 14px;
	letter-spacing: -0.01em;
}
.woocommerce .cart_totals table {
	width: 100%;
	border-collapse: collapse;
}
.woocommerce .cart_totals table th,
.woocommerce .cart_totals table td {
	padding: 8px 0;
	border-bottom: 1px solid var(--line1);
	color: var(--fg1);
	font-size: 13px;
}
.woocommerce .cart_totals table tr:last-child th,
.woocommerce .cart_totals table tr:last-child td { border-bottom: none; }
.woocommerce .cart_totals table th {
	font-family: var(--mono);
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--fg3);
	font-weight: 500;
}
.woocommerce .cart_totals table .order-total .amount {
	font-family: var(--mono);
	font-size: 16px;
	color: var(--gold);
	font-weight: 500;
}

/* Proceed to checkout */
.woocommerce .wc-proceed-to-checkout a.checkout-button {
	display: block;
	background: var(--gold);
	color: #0a0a0c;
	font-family: var(--display);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.03em;
	padding: 13px 24px;
	border-radius: var(--r8);
	text-align: center;
	margin-top: 14px;
	transition: opacity 0.15s;
}
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover { opacity: 0.88; }

/* ── CHECKOUT ── */
.woocommerce-checkout .woocommerce {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	align-items: start;
}
@media (max-width: 767px) {
	.woocommerce-checkout .woocommerce { grid-template-columns: 1fr; }
}

.woocommerce form .form-row {
	margin-bottom: 14px;
}
.woocommerce form .form-row label {
	display: block;
	font-family: var(--mono);
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--fg3);
	margin-bottom: 6px;
	font-weight: 500;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	width: 100%;
	background: var(--bg2);
	border: 1px solid var(--line2);
	border-radius: var(--r8);
	color: var(--fg0);
	font-family: var(--sans);
	font-size: 13px;
	padding: 10px 14px;
	outline: none;
	transition: border-color 0.15s, box-shadow 0.15s;
	-webkit-appearance: none;
	appearance: none;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
	border-color: rgba(201,162,39,0.4);
	box-shadow: 0 0 0 3px var(--gold-dim);
}
.woocommerce form .form-row input.input-text::placeholder,
.woocommerce form .form-row textarea::placeholder { color: var(--fg3); }

/* Checkout heading */
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3 {
	font-family: var(--display);
	font-size: 14px;
	font-weight: 700;
	color: var(--fg0);
	letter-spacing: -0.01em;
	margin-bottom: 14px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--line2);
}

/* Order review table */
#order_review_heading {
	font-family: var(--display);
	font-size: 14px;
	font-weight: 700;
	color: var(--fg0);
	letter-spacing: -0.01em;
	margin-bottom: 14px;
}
.woocommerce-checkout-review-order-table {
	width: 100%;
	border-collapse: collapse;
	background: var(--bg1);
	border: 1px solid var(--line2);
	border-radius: var(--r12);
	overflow: hidden;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
	padding: 10px 14px;
	border-bottom: 1px solid var(--line1);
	font-size: 12px;
	color: var(--fg1);
}
.woocommerce-checkout-review-order-table th {
	font-family: var(--mono);
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--fg3);
	background: var(--bg2);
}
.woocommerce-checkout-review-order-table .order-total .amount {
	font-family: var(--mono);
	font-size: 14px;
	color: var(--gold);
}

/* Place order button */
#place_order {
	width: 100%;
	background: var(--gold);
	color: #0a0a0c;
	font-family: var(--display);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.03em;
	padding: 14px 24px;
	border-radius: var(--r8);
	border: none;
	cursor: pointer;
	transition: opacity 0.15s, transform 0.1s;
	margin-top: 14px;
}
#place_order:hover { opacity: 0.88; }
#place_order:active { transform: scale(0.98); }

/* Payment methods */
#payment {
	background: var(--bg1);
	border: 1px solid var(--line2);
	border-radius: var(--r12);
	overflow: hidden;
}
#payment ul.payment_methods {
	list-style: none;
	border-bottom: 1px solid var(--line2);
}
#payment ul.payment_methods li {
	padding: 12px 16px;
	border-bottom: 1px solid var(--line1);
	font-size: 13px;
	color: var(--fg1);
}
#payment ul.payment_methods li:last-child { border-bottom: none; }
#payment ul.payment_methods li label { cursor: pointer; }
#payment ul.payment_methods li input[type="radio"] {
	accent-color: var(--gold);
	margin-right: 8px;
}
#payment .payment_box {
	background: var(--bg2);
	border-top: 1px solid var(--line1);
	padding: 12px 16px;
	font-size: 12px;
	color: var(--fg2);
}

/* ── MY ACCOUNT ── */
.woocommerce-account .woocommerce-MyAccount-navigation {
	background: var(--bg1);
	border: 1px solid var(--line2);
	border-radius: var(--r12);
	overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	border-bottom: 1px solid var(--line1);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child { border-bottom: none; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 11px 16px;
	font-size: 13px;
	color: var(--fg2);
	transition: background 0.12s, color 0.12s;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
	background: var(--bg2);
	color: var(--fg0);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
	background: var(--gold-dim);
	color: var(--gold);
	border-left: 2px solid var(--gold);
}

/* Account content */
.woocommerce-account .woocommerce-MyAccount-content {
	color: var(--fg1);
	font-size: 13px;
}

/* ── ORDERS TABLE ── */
.woocommerce-orders-table,
.woocommerce table.my_account_orders {
	width: 100%;
	border-collapse: collapse;
	background: var(--bg1);
	border: 1px solid var(--line2);
	border-radius: var(--r12);
	overflow: hidden;
}
.woocommerce table.my_account_orders th {
	background: var(--bg2);
	font-family: var(--mono);
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--fg3);
	padding: 10px 14px;
	border-bottom: 1px solid var(--line2);
	font-weight: 500;
}
.woocommerce table.my_account_orders td {
	padding: 11px 14px;
	border-bottom: 1px solid var(--line1);
	color: var(--fg1);
	font-size: 12px;
}
.woocommerce table.my_account_orders tr:last-child td { border-bottom: none; }
.woocommerce table.my_account_orders .order-status {
	font-family: var(--mono);
	font-size: 10px;
	font-weight: 500;
	padding: 3px 8px;
	border-radius: var(--r4);
	display: inline-block;
}
/* Order status colour coding */
.woocommerce-order-status-processing { background: var(--g5-bg); color: var(--g5); border: 1px solid var(--g5-bd); }
.woocommerce-order-status-completed  { background: var(--g4-bg); color: var(--g4); border: 1px solid var(--g4-bd); }
.woocommerce-order-status-on-hold    { background: var(--g1-bg); color: var(--g1); border: 1px solid var(--g1-bd); }
.woocommerce-order-status-pending    { background: var(--g7-bg); color: var(--g7); border: 1px solid var(--g7-bd); }
.woocommerce-order-status-cancelled,
.woocommerce-order-status-failed     { background: var(--g6-bg); color: var(--g6); border: 1px solid var(--g6-bd); }
.woocommerce-order-status-refunded   { background: var(--g2-bg); color: var(--g2); border: 1px solid var(--g2-bd); }

/* ── NOTICES ── */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notice {
	border-radius: var(--r8);
	border: 1px solid;
	padding: 12px 16px;
	margin-bottom: 16px;
	font-size: 13px;
	display: flex;
	align-items: center;
	gap: 10px;
	list-style: none;
}
.woocommerce-message {
	background: var(--g4-bg);
	border-color: var(--g4-bd);
	color: var(--g4);
}
.woocommerce-info {
	background: var(--g5-bg);
	border-color: var(--g5-bd);
	color: var(--g5);
}
.woocommerce-error {
	background: var(--g6-bg);
	border-color: var(--g6-bd);
	color: var(--g6);
}

/* ── MINI CART (widget) ── */
.widget_shopping_cart .cart_list {
	list-style: none;
	padding: 0;
}
.widget_shopping_cart .cart_list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px solid var(--line1);
	font-size: 12px;
	color: var(--fg1);
}
.widget_shopping_cart .cart_list li:last-child { border-bottom: none; }
.widget_shopping_cart .cart_list li a {
	color: var(--fg0);
	font-family: var(--display);
	font-size: 12px;
	font-weight: 600;
}
.widget_shopping_cart .cart_list li a:hover { color: var(--gold); }
.widget_shopping_cart .cart_list li .amount {
	font-family: var(--mono);
	font-size: 11px;
	color: var(--gold);
}
.widget_shopping_cart .total {
	font-family: var(--mono);
	font-size: 11px;
	color: var(--fg3);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	padding-top: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.widget_shopping_cart .total .amount {
	font-size: 14px;
	color: var(--gold);
}
.widget_shopping_cart .buttons {
	display: flex;
	gap: 8px;
	margin-top: 12px;
}

/* ── PRODUCT SEARCH WIDGET ── */
.widget_product_search input[type="search"] {
	background: var(--bg2);
	border: 1px solid var(--line2);
	border-radius: var(--r8);
	color: var(--fg0);
	font-family: var(--sans);
	font-size: 13px;
	padding: 9px 14px;
	width: 100%;
	outline: none;
}
.widget_product_search input[type="search"]:focus {
	border-color: var(--gold-hover);
	box-shadow: 0 0 0 3px var(--gold-dim);
}

/* ── PAGINATION ── */
.woocommerce nav.woocommerce-pagination ul {
	display: flex;
	gap: 4px;
	list-style: none;
	flex-wrap: wrap;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: var(--r6);
	background: var(--bg2);
	border: 1px solid var(--line2);
	font-family: var(--mono);
	font-size: 12px;
	color: var(--fg2);
	transition: background 0.12s, color 0.12s, border-color 0.12s;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
	background: var(--bg3);
	border-color: var(--line3);
	color: var(--fg0);
}
.woocommerce nav.woocommerce-pagination ul li span.current {
	background: var(--gold-dim);
	border-color: var(--gold-glow);
	color: var(--gold);
}

/* ── BREADCRUMBS ── */
.woocommerce .woocommerce-breadcrumb {
	font-family: var(--mono);
	font-size: 10px;
	color: var(--fg3);
	letter-spacing: 0.04em;
	margin-bottom: 18px;
}
.woocommerce .woocommerce-breadcrumb a { color: var(--fg2); }
.woocommerce .woocommerce-breadcrumb a:hover { color: var(--gold); }

/* ── PRODUCT CATEGORIES WIDGET ── */
.widget_product_categories ul {
	list-style: none;
	padding: 0;
}
.widget_product_categories ul li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 7px 0;
	font-size: 12px;
	color: var(--fg2);
	border-bottom: 1px solid var(--line1);
	transition: color 0.12s;
}
.widget_product_categories ul li a:hover { color: var(--gold); }
.widget_product_categories ul li.current-cat a { color: var(--gold); }

/* ── SORTING SELECT ── */
.woocommerce-ordering select {
	background: var(--bg2);
	border: 1px solid var(--line2);
	border-radius: var(--r6);
	color: var(--fg1);
	font-family: var(--mono);
	font-size: 11px;
	padding: 7px 12px;
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.woocommerce-ordering select:focus {
	border-color: var(--gold-hover);
	box-shadow: 0 0 0 3px var(--gold-dim);
}

/* ── RESULTS COUNT ── */
.woocommerce-result-count {
	font-family: var(--mono);
	font-size: 10px;
	color: var(--fg3);
	letter-spacing: 0.04em;
}

/* ── RELATED / UPSELL PRODUCTS ── */
.related h2, .upsells h2, .cross-sells h2 {
	font-family: var(--display);
	font-size: 16px;
	font-weight: 700;
	color: var(--fg0);
	letter-spacing: -0.02em;
	margin-bottom: 14px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.related h2::after, .upsells h2::after, .cross-sells h2::after {
	content: '';
	flex: 1;
	height: 1px;
	background: var(--line2);
}

/* ══════════════════════════════════════════════════════════════════════════
 * NETWORK CARD HOVER (from v109001 — preserved + enhanced)
 * ══════════════════════════════════════════════════════════════════════════ */
.oga-section a[href*="/networks/?nw="]:hover,
.oga-section a[href*="/networks/"]:hover {
	transform: translateY(-1px);
	transition: transform .15s ease;
}

/* ══════════════════════════════════════════════════════════════════════════
 * WP ADMIN BAR OFFSET
 * ══════════════════════════════════════════════════════════════════════════ */
.admin-bar .oga-header-wrap { top: 32px; }
@media screen and (max-width: 782px) {
	.admin-bar .oga-header-wrap { top: 46px; }
}