/* ============================================================
   LOADRYX — WooCommerce overrides
   Bridges native WC markup to LOADRYX visual identity.
   ============================================================ */

/* Reset WooCommerce default chrome that doesn't match LOADRYX */
.woocommerce-notices-wrapper:empty { display: none; }

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
	margin: 14px 0;
	padding: 14px 18px;
	background: rgba(7,16,24,.65);
	border-inline-start: 3px solid var(--blue);
	color: var(--text);
	font-family: var(--font-arabic);
	font-size: 14px;
	list-style: none;
}
.woocommerce-message { border-inline-start-color: var(--green); }
.woocommerce-error  { border-inline-start-color: #ff5d5d; color: #ffd2d2; }
.woocommerce-error li { list-style: none; }
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before { display: none; }
.woocommerce-message .button,
.woocommerce-info .button {
	float: none;
	margin: 0 14px 0 0;
	display: inline-flex;
	align-items: center;
	height: 34px;
	padding: 0 14px;
	background: transparent;
	border: 1px solid var(--blue);
	color: var(--blue);
	font-family: var(--font-arabic-display);
	font-size: 12.5px;
	font-weight: 600;
}

/* Default WooCommerce icons / dashicons hidden */
.woocommerce a.added_to_cart { display: none; }

/* Ensure the LOADRYX product-card buy button still shows when WC is loading */
.product-card__buy.is-loading { opacity: .7; pointer-events: none; }
.product-card__buy.is-added  { background: var(--green) !important; border-color: var(--green) !important; color: #fff !important; }

/* ============================================================
   Cart / Checkout / Account form fields
   ============================================================ */
.lr-form input[type="text"],
.lr-form input[type="email"],
.lr-form input[type="tel"],
.lr-form input[type="password"],
.lr-form input[type="number"],
.lr-form input[type="search"],
.lr-form input[type="url"],
.lr-form input[type="date"],
.lr-form select,
.lr-form textarea,
.woocommerce-page form .form-row .input-text,
.woocommerce-page form .form-row select,
.woocommerce-page form .form-row textarea,
.woocommerce-page input[type="text"],
.woocommerce-page input[type="email"],
.woocommerce-page input[type="tel"],
.woocommerce-page input[type="password"],
.woocommerce-page input[type="number"],
.woocommerce-page input[type="search"],
.woocommerce-page input[type="url"],
.woocommerce-page select,
.woocommerce-page textarea,
.lr-wc input[type="text"],
.lr-wc input[type="email"],
.lr-wc input[type="tel"],
.lr-wc input[type="password"],
.lr-wc input[type="number"],
.lr-wc input[type="search"],
.lr-wc select,
.lr-wc textarea {
	width: 100%;
	min-height: 44px;
	padding: 10px 14px;
	background: rgba(2,7,13,.65);
	border: 1px solid var(--line-bright);
	color: var(--text);
	font-family: var(--font-arabic);
	font-size: 15px;
	border-radius: 0;
	transition: border-color .2s var(--ease), background .2s var(--ease);
}
.lr-form input:focus,
.lr-form textarea:focus,
.lr-form select:focus,
.woocommerce-page input:focus,
.woocommerce-page select:focus,
.woocommerce-page textarea:focus,
.lr-wc input:focus,
.lr-wc select:focus,
.lr-wc textarea:focus {
	border-color: var(--blue);
	outline: 0;
	background: rgba(2,7,13,.85);
	box-shadow: 0 0 0 3px rgba(3,131,244,.18);
}
.lr-form label,
.woocommerce-page form .form-row label,
.lr-wc label {
	display: block;
	margin-bottom: 6px;
	font-family: var(--font-arabic-display);
	font-size: 13px;
	font-weight: 600;
	color: var(--muted-soft);
}
.lr-form .field,
.lr-form .field-row .field,
.lr-form .form-row,
.woocommerce-page form .form-row,
.lr-wc .form-row {
	margin-bottom: 14px;
}
.lr-form .field-row,
.woocommerce-page form .form-row.form-row-wide,
.lr-wc form .form-row-wide {
	display: block;
}
.field-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}
.field--full,
.woocommerce-page form .form-row-wide,
.lr-wc form .form-row-wide {
	grid-column: 1 / -1;
}
.checkbox-row {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 14px 0;
	font-family: var(--font-arabic);
	font-size: 14px;
	color: var(--muted-soft);
}
.checkbox-row input[type="checkbox"] {
	margin-top: 4px;
	width: 18px;
	height: 18px;
	accent-color: var(--blue);
}

/* WooCommerce billing/shipping fields → 2-column grid like LOADRYX field-row */
.lr-wc .woocommerce-billing-fields,
.lr-wc .woocommerce-shipping-fields__field-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}
@media (max-width: 640px) {
	.lr-wc .woocommerce-billing-fields,
	.lr-wc .woocommerce-shipping-fields__field-wrapper { grid-template-columns: 1fr; }
}
/* Full-width fields span both columns */
.lr-wc .woocommerce-billing-fields > .form-row-wide,
.lr-wc .woocommerce-billing-fields > .form-row.notes,
.lr-wc .woocommerce-billing-fields > .address-field,
.lr-wc .woocommerce-shipping-fields__field-wrapper > .form-row-wide,
.lr-wc .woocommerce-shipping-fields__field-wrapper > .address-field,
.lr-wc .woocommerce-additional-fields .form-row,
.lr-wc .woocommerce-additional-fields .form-row.notes {
	grid-column: 1 / -1;
}
.lr-wc .woocommerce-billing-fields > .form-row,
.lr-wc .woocommerce-shipping-fields__field-wrapper > .form-row,
.lr-wc .woocommerce-additional-fields > .form-row {
	margin-bottom: 0;
}
/* Hide WC's hidden order-attribution custom element from grid layout */
.lr-wc wc-order-attribution-inputs,
.lr-wc input[type="hidden"] { display: none; }
/* WC input wrapper is a span — ensure it spans full width */
.lr-wc .woocommerce-input-wrapper { display: block; width: 100%; }
/* Country select uses select2 — keep our LOADRYX styling but tidy chrome */
.lr-wc .select2-container--default .select2-selection--single {
	background: rgba(2,7,13,.65);
	border: 1px solid var(--line-bright);
	border-radius: 0;
	min-height: 44px;
	color: var(--text);
	font-family: var(--font-arabic);
}
.lr-wc .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--text);
	line-height: 42px;
	padding-inline-start: 12px;
}
.lr-wc .select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px; }
.lr-wc .select2-dropdown {
	background: rgba(2,7,13,.98);
	border: 1px solid var(--line-bright);
	color: var(--text);
	font-family: var(--font-arabic);
}
.lr-wc .select2-results__option--highlighted { background: rgba(3,131,244,.18) !important; color: var(--text) !important; }
.lr-wc .select2-search--dropdown .select2-search__field {
	background: rgba(2,7,13,.65);
	border: 1px solid var(--line-bright);
	color: var(--text);
}

/* WC validation states */
.lr-wc .woocommerce-invalid input.input-text { border-color: #ff5d5d; }
.lr-wc .woocommerce-validated input.input-text { border-color: var(--green); }
.lr-wc .required { color: #ff5d5d; }
.lr-wc abbr.required { border: 0; text-decoration: none; }
.lr-wc .optional { color: var(--muted); font-size: 12px; }

/* Coupon collapsible */
.lr-wc .woocommerce-form-coupon-toggle .woocommerce-info,
.lr-wc .woocommerce-form-login-toggle .woocommerce-info {
	background: rgba(7,16,24,.65);
	border: 1px solid var(--line);
	border-inline-start: 3px solid var(--blue);
	color: var(--muted-soft);
	font-family: var(--font-arabic);
	font-size: 13.5px;
	padding: 12px 16px;
	margin: 0 0 18px;
}
.lr-wc .woocommerce-form-coupon-toggle .showcoupon,
.lr-wc .woocommerce-form-login-toggle .showlogin {
	color: var(--blue);
	font-weight: 700;
}
.lr-wc .woocommerce-form-coupon {
	background: rgba(2,7,13,.45);
	border: 1px solid var(--line);
	padding: 16px 18px;
	margin-bottom: 18px;
}

/* ============================================================
   Page hero on WC pages — borrowed from style-base
   ============================================================ */
.lr-wc .page-hero { /* uses style-base page-hero */ }

/* ============================================================
   Cart page — matches cart.html original design
   ============================================================ */
.cart-page__grid {
	display: grid;
	grid-template-columns: 1fr 380px;
	gap: 32px;
	margin-top: 36px;
	max-width: var(--section-max);
	margin-inline: auto;
}
@media (max-width: 980px) {
	.cart-page__grid { grid-template-columns: 1fr; }
}

.cart-table {
	background: linear-gradient(180deg, rgba(10,20,32,.55), rgba(7,16,24,.4));
	border: 1px solid var(--line);
	padding: 20px 24px;
}
.cart-table__header {
	display: grid;
	grid-template-columns: 92px 1fr 130px 130px 36px;
	gap: 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--line);
	font-family: var(--font-arabic-display);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .12em;
	color: var(--blue);
}
@media (max-width: 720px) {
	.cart-table__header { display: none; }
}
.cart-row {
	display: grid;
	grid-template-columns: 92px 1fr 130px 130px 36px;
	gap: 14px;
	align-items: center;
	padding: 18px 0;
	border-bottom: 1px solid var(--line);
}
.cart-row:last-child { border-bottom: 0; }
@media (max-width: 720px) {
	.cart-row {
		grid-template-columns: 84px 1fr;
		grid-template-areas:
			"art body"
			"art price"
			"qty remove";
		gap: 10px 14px;
	}
	.cart-row__art    { grid-area: art; }
	.cart-row > div:nth-child(2) { grid-area: body; }
	.cart-row .cart-line__qty    { grid-area: qty; justify-self: start; }
	.cart-row__price  { grid-area: price; justify-self: start; }
	.cart-row__remove { grid-area: remove; justify-self: end; }
}
.cart-row__art {
	position: relative;
	height: 92px;
	width: 92px;
	border: 1px solid var(--line);
	background: #02070D;
	overflow: hidden;
}
.cart-row__art .product-art { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.cart-row__art .product-art__image { width: 100%; height: 100%; object-fit: contain; }
.cart-row__cat {
	font-family: var(--font-display);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .14em;
	color: var(--blue);
	opacity: .85;
}
.cart-row__name {
	display: block;
	margin-top: 4px;
	font-family: var(--font-arabic-display);
	font-size: 15px;
	font-weight: 700;
	color: var(--text);
	line-height: 1.5;
	text-decoration: none;
}
.cart-row__name:hover { color: var(--blue); }
.cart-row__price .price__amount { font-size: 16px; }
.cart-row__price .price__currency { font-size: 16px; }
.cart-row__remove {
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--line-bright);
	color: var(--muted);
	background: transparent;
	transition: color .2s var(--ease), border-color .2s var(--ease);
}
.cart-row__remove:hover { color: #ff5d5d; border-color: rgba(255,93,93,.55); }
.cart-row__remove svg { width: 14px; height: 14px; }

/* Cart summary aside */
.cart-summary {
	padding: 24px;
	background: linear-gradient(180deg, rgba(10,20,32,.7), rgba(7,16,24,.55));
	border: 1px solid var(--line);
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-self: start;
	position: sticky;
	top: calc(var(--header-h) + 24px);
}
.cart-summary h3 {
	margin: 0 0 8px;
	font-family: var(--font-arabic-display);
	font-size: 17px;
	font-weight: 700;
	color: var(--text);
}
.cart-summary__row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: 10px 0;
	font-family: var(--font-arabic);
	font-size: 14.5px;
	color: var(--muted-soft);
}
.cart-summary__row--total {
	border-top: 1px solid var(--line);
	padding-top: 14px;
	margin-top: 8px;
	font-family: var(--font-arabic-display);
	font-size: 16px;
	font-weight: 700;
	color: var(--text);
}
.cart-summary__row--total .price__amount,
.cart-summary__row--total .price__currency {
	font-size: 22px;
}
.cart-summary__actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 12px;
}

/* ============================================================
   Checkout (form-checkout.php override)
   ============================================================ */
.checkout-page {
  padding: 0 var(--section-pad-x) 80px;
}

.checkout__grid {
  display: grid;
  grid-template-columns: 380px minmax(0, 1fr);
  grid-template-areas: "summary details";
  gap: 32px;
  max-width: var(--section-max);
  margin: 24px auto 0;
  align-items: start;
  direction: ltr;
}

.checkout__grid > div {
  grid-area: details;
  direction: rtl;
  min-width: 0;
}

.checkout__grid > aside {
  grid-area: summary;
  direction: rtl;
  min-width: 0;
}

.lr-wc .woocommerce-Price-amount,
.lr-wc .woocommerce-Price-amount bdi {
  white-space: nowrap;
}

@media (max-width: 900px) {
  .checkout__grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "details"
      "summary";
  }
}
/* Review order table fits compact in the aside */
.lr-wc .woocommerce-checkout-review-order-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 12px;
	background: transparent;
}
.lr-wc .woocommerce-checkout-review-order-table th,
.lr-wc .woocommerce-checkout-review-order-table td {
	padding: 12px 8px;
	border-bottom: 1px solid var(--line);
	font-family: var(--font-arabic);
	font-size: 13.5px;
	color: var(--muted-soft);
	text-align: start;
}
.lr-wc .woocommerce-checkout-review-order-table thead th {
	font-family: var(--font-arabic-display);
	font-size: 12px;
	letter-spacing: .12em;
	color: var(--blue);
	font-weight: 700;
	border-bottom-color: rgba(3,131,244,.3);
}
.lr-wc .woocommerce-checkout-review-order-table tbody .product-name {
	color: var(--text);
	font-weight: 600;
}
.lr-wc .woocommerce-checkout-review-order-table .product-quantity {
	color: var(--muted);
	font-family: var(--font-display);
	font-weight: 600;
	margin-inline-start: 4px;
}
.lr-wc .woocommerce-checkout-review-order-table tfoot th {
	background: transparent;
	color: var(--text);
	font-family: var(--font-arabic-display);
	font-size: 13.5px;
}
.lr-wc .woocommerce-checkout-review-order-table tfoot .order-total th,
.lr-wc .woocommerce-checkout-review-order-table tfoot .order-total td {
	border-bottom: 0;
	padding-top: 16px;
	font-size: 16px;
	color: var(--text);
}
.lr-wc .woocommerce-checkout-review-order-table tfoot .order-total td strong { color: var(--text); }
.lr-wc .woocommerce-checkout-review-order-table tfoot .order-total .woocommerce-Price-amount {
	font-size: 20px;
}

/* Shipping-to-different-address heading + checkbox row */
.lr-wc #ship-to-different-address {
	margin: 14px 0 8px;
	font-family: var(--font-arabic-display);
	font-size: 14px;
	font-weight: 600;
	color: var(--muted-soft);
}
.lr-wc #ship-to-different-address label { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.lr-wc #ship-to-different-address input[type="checkbox"] {
	margin: 0;
	width: 18px; height: 18px;
	accent-color: var(--blue);
}
.lr-wc .shipping_address { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); }

/* Coupon collapsible (above customer details) */
.lr-wc .woocommerce-form-coupon-toggle { margin-bottom: 12px; }
.lr-wc .woocommerce-form-coupon { display: flex; flex-direction: column; gap: 8px; }
.lr-wc .woocommerce-form-coupon .form-row { margin: 0; }
.lr-wc .woocommerce-form-coupon .form-row-first { width: 100%; }
.lr-wc .woocommerce-form-coupon .form-row-last { width: auto; align-self: flex-start; }
.lr-wc .woocommerce-form-coupon button[name="apply_coupon"] {
	min-height: 44px;
	padding: 0 22px;
}

/* Login-toggle (guest checkout option) */
.lr-wc .woocommerce-form-login { margin-bottom: 18px; }
.lr-wc .woocommerce-form-login .form-row { margin-bottom: 12px; }

.pay-methods {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 10px;
	margin: 18px 0;
}
.pay-method {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border: 1px solid var(--line);
	background: rgba(2,7,13,.55);
	cursor: pointer;
	transition: border-color .2s var(--ease), background .2s var(--ease);
}
.pay-method:hover { border-color: rgba(3,131,244,.45); }
.pay-method.is-active { border-color: var(--blue); background: rgba(3,131,244,.08); }
.pay-method input { accent-color: var(--blue); }
.pay-method__name {
	display: block;
	font-family: var(--font-arabic-display);
	font-weight: 700;
	font-size: 14px;
	color: var(--text);
}
.pay-method__sub {
	display: block;
	font-family: var(--font-arabic);
	font-size: 12px;
	color: var(--muted);
}

/* ============================================================
   Checkout payment — LOADRYX single "ادفع الآن" layout
   The native gateway selector is kept in the DOM for WC's JS/nonce but
   visually hidden — only the single LOADRYX info card + button show.
   ============================================================ */
.woocommerce-checkout #payment.lr-payment {
	background: transparent;
	border: 0;
	padding: 0;
	margin-top: 8px;
}
/* Hide the WC gateway selector list (visually only — radios still POST). */
.lr-payment .lr-payment__methods,
.lr-payment .payment_methods,
.lr-payment .wc_payment_methods,
.lr-payment div.payment_box {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0);
	white-space: nowrap; border: 0;
}

/* LOADRYX EdfaPay info card */
.lr-payment__card {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 14px 16px;
	align-items: center;
	padding: 18px 18px;
	border: 1px solid rgba(3,131,244,.32);
	background: linear-gradient(180deg, rgba(3,131,244,.07), rgba(7,16,24,.4));
	margin: 0 0 18px;
}
.lr-payment__card-head {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	grid-column: 1 / -1;
}
.lr-payment__lock {
	flex-shrink: 0;
	width: 38px; height: 38px;
	color: var(--blue);
	background: rgba(3,131,244,.10);
	border: 1px solid rgba(3,131,244,.38);
	padding: 6px;
}
.lr-payment__title {
	display: block;
	font-family: var(--font-arabic-display);
	font-size: 15.5px;
	font-weight: 700;
	color: var(--text);
	margin-bottom: 4px;
}
.lr-payment__sub {
	display: block;
	font-family: var(--font-arabic);
	font-size: 13.5px;
	line-height: 1.7;
	color: var(--muted-soft);
}
.lr-payment__brands {
	grid-column: 1 / -1;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding-top: 4px;
}
.lr-payment__mark {
	width: 56px;
	height: 28px;
	background: rgba(2,7,13,.55);
	border: 1px solid rgba(154,163,170,.22);
	padding: 3px 6px;
	color: var(--muted-soft);
	display: inline-block;
}
@media (max-width: 480px) {
	.lr-payment__mark { width: 50px; height: 26px; }
}

.lr-payment .place-order { padding: 6px 0 0; margin: 0; }
.lr-payment .place-order .woocommerce-terms-and-conditions-wrapper {
	margin: 0 0 14px;
	padding: 0;
	font-family: var(--font-arabic);
	font-size: 13px;
	color: var(--muted-soft);
}
.lr-payment .place-order .woocommerce-form__label-for-checkbox {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	cursor: pointer;
}
.lr-payment .place-order .woocommerce-form__input-checkbox {
	margin-top: 4px;
	width: 18px; height: 18px;
	accent-color: var(--blue);
}

#place_order,
.lr-pay-now {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	min-height: 54px;
	padding: 0 22px;
	background: var(--blue);
	color: #fff;
	border: 1px solid var(--blue);
	border-radius: 0;
	font-family: var(--font-arabic-display);
	font-weight: 700;
	font-size: 16px;
	letter-spacing: .02em;
	box-shadow: 0 10px 26px -10px rgba(3,131,244,.55);
	cursor: pointer;
	transition: background .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);
}
#place_order:hover,
.lr-pay-now:hover {
	background: var(--blue-2);
	border-color: var(--blue-2);
	box-shadow: 0 14px 30px -10px rgba(3,131,244,.7);
}
#place_order:disabled,
.lr-pay-now:disabled {
	opacity: .65;
	cursor: not-allowed;
	box-shadow: none;
}

/* ============================================================
   My Account (myaccount/my-account.php)
   ============================================================ */
.account {
	padding: 0 var(--section-pad-x) 80px;
	max-width: var(--section-max);
	margin: 36px auto 0;
}
.account__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 22px;
}
@media (max-width: 780px) {
	.account__grid { grid-template-columns: 1fr; }
}
.account-card {
	padding: 26px 26px;
	background: linear-gradient(180deg, rgba(10,20,32,.55), rgba(7,16,24,.4));
	border: 1px solid var(--line);
}
.account-card h3 {
	margin: 0 0 6px;
	font-family: var(--font-arabic-display);
	font-size: 18px;
	font-weight: 700;
	color: var(--text);
}
.account-card > p {
	margin: 0 0 18px;
	font-family: var(--font-arabic);
	font-size: 14px;
	color: var(--muted);
}
.account-card .field { margin-bottom: 14px; }
.account-foot {
	margin: 16px 0 0;
	font-family: var(--font-arabic);
	font-size: 13px;
	color: var(--muted);
	text-align: center;
}
.account-foot a { color: var(--blue); }

/* Logged-in dashboard */
.woocommerce-MyAccount-navigation {
	background: linear-gradient(180deg, rgba(10,20,32,.55), rgba(7,16,24,.4));
	border: 1px solid var(--line);
	padding: 18px;
}
.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 10px 14px;
	border: 1px solid transparent;
	font-family: var(--font-arabic-display);
	font-size: 14px;
	color: var(--muted-soft);
	transition: border-color .2s var(--ease), background .2s var(--ease), color .2s var(--ease);
	text-decoration: none;
}
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
	border-color: rgba(3,131,244,.42);
	background: rgba(3,131,244,.08);
	color: var(--text);
}
.woocommerce-MyAccount-content {
	background: linear-gradient(180deg, rgba(10,20,32,.55), rgba(7,16,24,.4));
	border: 1px solid var(--line);
	padding: 24px;
}
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
	font-family: var(--font-arabic-display);
	color: var(--text);
}
.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content address {
	font-family: var(--font-arabic);
	font-size: 14.5px;
	line-height: 1.85;
	color: var(--muted-soft);
}
.woocommerce-account .woocommerce-MyAccount-content a {
	color: var(--blue);
}

/* My account two-column grid */
.woocommerce-account .woocommerce-MyAccount-navigation {
	float: none;
	width: auto;
}
.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	width: auto;
}
.lr-account-grid {
	display: grid;
	grid-template-columns: 240px 1fr;
	gap: 22px;
	max-width: var(--section-max);
	margin: 36px auto 0;
	padding: 0 var(--section-pad-x) 80px;
}
@media (max-width: 780px) {
	.lr-account-grid { grid-template-columns: 1fr; padding: 0 var(--pad-x) 60px; }
}

/* Login / register row */
.lr-login-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 22px;
	max-width: var(--section-max);
	margin: 0 auto 22px;
}
@media (max-width: 780px) {
	.lr-login-grid { grid-template-columns: 1fr; }
}

/* Tables (orders / downloads / addresses) */
.woocommerce-table,
.woocommerce-orders-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid var(--line);
	background: rgba(2,7,13,.4);
}
.woocommerce-table th,
.woocommerce-orders-table th {
	background: rgba(3,131,244,.08);
	color: var(--blue);
	padding: 12px 14px;
	text-align: start;
	font-family: var(--font-arabic-display);
	font-size: 12.5px;
	letter-spacing: .1em;
	border-bottom: 1px solid var(--line);
}
.woocommerce-table td,
.woocommerce-orders-table td {
	padding: 12px 14px;
	border-bottom: 1px solid var(--line);
	font-family: var(--font-arabic);
	font-size: 14px;
	color: var(--muted-soft);
}

/* WooCommerce buttons → use LOADRYX .btn styles */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 0 18px;
	background: transparent;
	color: var(--blue);
	border: 1px solid var(--blue);
	border-radius: 0;
	font-family: var(--font-arabic-display);
	font-weight: 600;
	font-size: 13.5px;
	letter-spacing: 0;
	text-transform: none;
	transition: background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);
	cursor: pointer;
	box-shadow: none;
	text-decoration: none;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background: rgba(3,131,244,.10);
	border-color: var(--blue-2);
	color: var(--blue-2);
}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-MyAccount-content .button {
	background: var(--blue);
	color: #fff;
	border-color: var(--blue);
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
	background: var(--blue-2);
	border-color: var(--blue-2);
	color: #fff;
}

/* Hide redundant default labels */
.woocommerce-MyAccount-content .woocommerce-LostPassword,
.woocommerce-MyAccount-content .lost_password {
	margin-top: 12px;
	font-family: var(--font-arabic);
	font-size: 13px;
	color: var(--muted);
}

/* Single product page (LOADRYX layout in single-product.php override) */
.product-detail .quantity {
	display: inline-flex;
	align-items: center;
	border: 1px solid var(--line-bright);
}
.product-detail .quantity input.qty,
.product-detail .qty {
	width: 70px;
	height: 44px;
	background: transparent;
	border: 0;
	color: var(--text);
	text-align: center;
	font-family: var(--font-display);
	font-weight: 700;
}
.product-detail .quantity .plus,
.product-detail .quantity .minus {
	width: 40px;
	height: 44px;
	background: transparent;
	color: var(--text);
	border: 0;
	font-size: 18px;
	font-weight: 700;
	cursor: pointer;
}

/* Pagination */
.woocommerce-pagination {
	margin-top: 36px;
	text-align: center;
}
.woocommerce-pagination ul.page-numbers {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-flex;
	gap: 6px;
	border: 0;
}
.woocommerce-pagination ul.page-numbers li {
	display: inline-block;
	border: 0;
}
.woocommerce-pagination ul.page-numbers a,
.woocommerce-pagination ul.page-numbers span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	background: rgba(2,7,13,.55);
	border: 1px solid var(--line-bright);
	color: var(--muted-soft);
	font-family: var(--font-display);
	font-weight: 600;
	font-size: 13px;
	text-decoration: none;
}
.woocommerce-pagination ul.page-numbers a:hover,
.woocommerce-pagination ul.page-numbers .current {
	background: rgba(3,131,244,.08);
	border-color: var(--blue);
	color: var(--text);
}

/* Footer pay-band layout */
.site-footer { background: #00040A; border-top: 1px solid var(--line); padding: 0; }
.site-footer__pay-band {
	border-bottom: 1px solid var(--line);
	background: rgba(7,16,24,.55);
	padding: 22px var(--section-pad-x);
}
.site-footer__pay-band-inner {
	max-width: var(--section-max);
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 16px;
}
.site-footer__pay-head { display: flex; flex-direction: column; gap: 4px; }
.site-footer__pay-eyebrow {
	font-family: var(--font-arabic-display);
	font-size: 13px;
	font-weight: 700;
	color: var(--blue);
	letter-spacing: .12em;
}
.site-footer__pay-hint {
	font-family: var(--font-arabic);
	font-size: 12.5px;
	color: var(--muted);
}
.pay-grid {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}
.pay-tile {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 78px;
	height: 36px;
	padding: 0 8px;
	background: rgba(2,7,13,.55);
	border: 1px solid var(--line-bright);
	color: var(--muted-soft);
}
.pay-tile__logo { width: 100%; height: 22px; }
.site-footer__inner {
	max-width: var(--section-max);
	margin: 0 auto;
	padding: 48px var(--section-pad-x) 36px;
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1fr;
	gap: 36px;
}
@media (max-width: 980px) {
	.site-footer__inner { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
	.site-footer__inner { grid-template-columns: 1fr; }
}
.site-footer__brand img {
	max-width: 220px;
	margin-bottom: 14px;
}
.site-footer__brand p {
	margin: 0 0 18px;
	font-family: var(--font-arabic);
	font-size: 14px;
	line-height: 1.85;
	color: var(--muted);
}
.site-footer__socials {
	display: flex;
	gap: 10px;
}
.site-footer__socials a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid var(--line-bright);
	color: var(--muted-soft);
	transition: color .2s var(--ease), border-color .2s var(--ease);
}
.site-footer__socials a:hover { color: var(--blue); border-color: var(--blue); }
.site-footer__socials a svg { width: 18px; height: 18px; }
.site-footer__col h4 {
	margin: 0 0 14px;
	font-family: var(--font-arabic-display);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .12em;
	color: var(--blue);
}
.site-footer__col ul { display: flex; flex-direction: column; gap: 8px; }
.site-footer__col a {
	font-family: var(--font-arabic);
	font-size: 14px;
	color: var(--muted-soft);
	transition: color .2s var(--ease);
}
.site-footer__col a:hover { color: var(--text); }
.site-footer__bottom {
	max-width: var(--section-max);
	margin: 0 auto;
	padding: 16px var(--section-pad-x);
	border-top: 1px solid var(--line);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
	font-family: var(--font-arabic);
	font-size: 12.5px;
	color: var(--muted);
}

/* ============================================================
   Mobile menu open state — borrowed from cart.js mobile fixes
   ============================================================ */
.menu-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,.6);
	backdrop-filter: blur(4px);
	z-index: 45;
	opacity: 0;
	pointer-events: none;
	transition: opacity .25s var(--ease);
}
.menu-backdrop.is-open { opacity: 1; pointer-events: auto; }
body.is-menu-open { overflow: hidden; }

@media (max-width: 980px) {
	.primary-nav {
		position: fixed;
		inset: 0 -100vw 0 auto;
		width: min(360px, 92vw);
		height: 100vh;
		background: rgba(2,7,13,.98);
		border-inline-start: 1px solid var(--line);
		padding: 70px 22px 22px;
		z-index: 60;
		transition: inset-inline-end .3s var(--ease);
		overflow-y: auto;
	}
	.primary-nav.is-open { inset-inline-end: 0; }
	.primary-nav ul {
		flex-direction: column;
		align-items: stretch;
		gap: 4px;
	}
	.nav-link, .nav-link--button {
		padding: 12px 14px;
		font-size: 16px;
		display: block;
		width: 100%;
	}
	.nav-close { display: inline-flex; }
	.menu-toggle { display: inline-flex; }
	.primary-nav { display: block; }
	.brand-logo { width: 160px; }
}

/* Mobile/Tablet hero adjustments (from cart.js) */
@media (max-width: 980px) {
	.hero { height: 100svh !important; min-height: 720px !important; }
	.hero-content {
		top: 54% !important;
		bottom: auto !important;
		transform: translateY(-50%) !important;
		max-width: min(640px, calc(100vw - (var(--pad-x) * 2))) !important;
		padding-inline-end: 0 !important;
	}
}
@media (min-width: 641px) and (max-width: 980px) {
	.hero-content { inset-inline-start: 6vw !important; inset-inline-end: 6vw !important; }
	.hero-title { margin-bottom: 22px !important; }
	.hero-title__line--top { font-size: clamp(36px, 6vw, 52px) !important; }
	.hero-title__line--bot { font-size: clamp(52px, 8vw, 72px) !important; }
	.hero-subtitle { max-width: 580px !important; margin-bottom: 28px !important; font-size: 15.5px !important; }
}
@media (max-width: 640px) {
	.hero { height: 100svh !important; min-height: 100svh !important; }
	.hero-content {
		top: 56% !important;
		inset-inline-start: 0 !important;
		inset-inline-end: 0 !important;
		padding-inline: var(--pad-x) !important;
		max-width: 100% !important;
	}
	.hero-eyebrow { margin-bottom: 12px !important; font-size: 11px !important; letter-spacing: .16em !important; }
	.hero-title { display: block !important; width: 100% !important; margin: 0 0 18px !important; padding: 12px 18px !important; }
	.hero-title__line { white-space: normal !important; }
	.hero-title__line--top { font-size: clamp(28px, 8vw, 36px) !important; }
	.hero-title__line--bot { font-size: clamp(38px, 11vw, 50px) !important; }
	.hero-subtitle { max-width: 100% !important; margin: 0 0 22px !important; font-size: 14px !important; line-height: 1.75 !important; }
	.hero-cta { display: grid !important; grid-template-columns: minmax(0, 1.35fr) minmax(0, .9fr) !important; gap: 12px !important; width: 100% !important; align-items: stretch !important; }
	.hero-cta .btn { width: 100% !important; min-width: 0 !important; height: 50px !important; }
	.hero-cta .btn--primary { font-size: 14px !important; }
	.hero-cta .btn--ghost { justify-content: center !important; padding-inline: 8px !important; }
}
@media (max-width: 380px) {
	.hero-content { top: 55% !important; }
	.hero-title__line--top { font-size: 24px !important; }
	.hero-title__line--bot { font-size: 34px !important; }
	.hero-cta { grid-template-columns: 1fr !important; }
}