/*
 * WooCommerce cart/checkout, restyled to match the original bespoke Шар
 * checkout design (see the .shar-checkout-grid / .summary-box / .secure /
 * .shar-step .opt language in style.css). Loaded only on WooCommerce pages.
 * Uses the theme tokens (--ink, --paper, --paper-warm, --rule, --muted, --red,
 * --font-display, --font-mono).
 */

/* ── Two-column checkout: form left, order summary right (matches original) ── */
.shar-checkout-wc .woocommerce { margin-top: 8px; }
.shar-checkout-wc form.checkout.woocommerce-checkout {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 0 80px;
	align-items: start;
	padding-top: 8px;
}
/* Explicit placement: form spans the left column across both rows; the order
   heading + summary box stack in the right column (WC renders them as three
   sibling elements, which would otherwise auto-flow into the wrong cells). */
.shar-checkout-wc form.checkout > #customer_details { grid-column: 1; grid-row: 1 / span 2; }
/* "Вашата поръчка" is a plain heading above the box (symmetric with "Адрес за
   фактуриране" on the left), not a second paper-warm box — so nothing a plugin
   injects between the heading and the table can open a gap. */
.shar-checkout-wc form.checkout > #order_review_heading {
	grid-column: 2;
	grid-row: 1;
	background: transparent;
	padding: 0;
	margin: 0 0 18px;
}
.shar-checkout-wc form.checkout > #order_review { grid-column: 2; grid-row: 2; align-self: start; }
@media (max-width: 960px) {
	.shar-checkout-wc form.checkout.woocommerce-checkout { grid-template-columns: 1fr; }
	.shar-checkout-wc form.checkout > #customer_details,
	.shar-checkout-wc form.checkout > #order_review_heading,
	.shar-checkout-wc form.checkout > #order_review { grid-column: 1; }
	.shar-checkout-wc form.checkout > #customer_details { grid-row: auto; margin-bottom: 40px; }
	.shar-checkout-wc form.checkout > #order_review_heading { grid-row: auto; }
	.shar-checkout-wc form.checkout > #order_review { grid-row: auto; }
}

/* Section headings ("Адрес за фактуриране") in the big display face. */
.shar-checkout-wc #customer_details h3,
.shar-checkout-wc h3#ship-to-different-address {
	font-family: var(--font-display);
	font-size: clamp(28px, 3vw, 40px);
	font-weight: 600;
	letter-spacing: -0.015em;
	margin: 0 0 24px;
}
.shar-checkout-wc h3#ship-to-different-address { font-size: 18px; font-weight: 600; }
.shar-checkout-wc h3#ship-to-different-address label { font-weight: 600; }

/* ── Form fields ── */
.shar-checkout-wc .form-row { margin: 0 0 18px; padding: 0; }
.shar-checkout-wc .col2-set .col-1,
.shar-checkout-wc .col2-set .col-2 { width: 100%; float: none; }
.shar-checkout-wc .form-row label {
	display: block;
	font-family: var(--font-mono);
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--muted);
	margin-bottom: 8px;
}
.shar-checkout-wc .form-row label .required { color: var(--red); border: 0; text-decoration: none; }
.shar-checkout-wc .woocommerce-input-wrapper { width: 100%; }
.shar-checkout-wc input.input-text,
.shar-checkout-wc textarea,
.shar-checkout-wc select,
.shar-checkout-wc .select2-selection {
	width: 100%;
	border: 1px solid var(--ink);
	border-radius: 0;
	background: var(--paper);
	padding: 13px 14px;
	font-size: 15px;
	font-family: inherit;
	color: var(--ink);
	box-shadow: none;
	outline: none;
}
.shar-checkout-wc input.input-text:focus,
.shar-checkout-wc textarea:focus,
.shar-checkout-wc select:focus { border-color: var(--red); }
.shar-checkout-wc .select2-container--default .select2-selection--single {
	height: auto;
	border-radius: 0;
	display: flex;
	align-items: center;
}
.shar-checkout-wc .select2-container--default .select2-selection--single .select2-selection__arrow { top: 10px; }
.shar-checkout-wc .select2-dropdown { border-color: var(--ink); border-radius: 0; }

/* WooCommerce defaults .form-row-first/-last to width:47% + float, which strands
   the name fields far apart. Make every field fill its grid cell so pairs sit a
   clean 20px apart (echoes the original .gridform). */
.shar-checkout-wc .woocommerce-billing-fields__field-wrapper > .form-row,
.shar-checkout-wc .woocommerce-shipping-fields__field-wrapper > .form-row,
.shar-checkout-wc .woocommerce-account-fields .form-row {
	width: 100%;
	float: none;
	box-sizing: border-box;
}
@media (min-width: 620px) {
	.shar-checkout-wc .woocommerce-billing-fields__field-wrapper,
	.shar-checkout-wc .woocommerce-shipping-fields__field-wrapper {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 20px;
	}
	/* Only these span both columns (NOT the generic .form-row-wide, which the BG
	   locale stamps on every field). That leaves name / city+postcode /
	   phone+email to pair up two-per-row like the original .gridform. */
	.shar-checkout-wc #billing_country_field,
	.shar-checkout-wc #billing_company_field,
	.shar-checkout-wc #billing_address_1_field,
	.shar-checkout-wc #billing_address_2_field,
	.shar-checkout-wc #shipping_country_field,
	.shar-checkout-wc #shipping_company_field,
	.shar-checkout-wc #shipping_address_1_field,
	.shar-checkout-wc #shipping_address_2_field,
	.shar-checkout-wc .woocommerce-billing-fields__field-wrapper > .notes {
		grid-column: 1 / -1;
	}
}

/* Coupon toggle */
.shar-checkout-wc .woocommerce-form-coupon-toggle .woocommerce-info {
	border-top-color: var(--red);
	background: var(--paper-warm);
	font-size: 14px;
}

/* ── Order summary → the original paper-warm .summary-box ── */
.shar-checkout-wc #order_review {
	background: var(--paper-warm);
	padding: 32px;
}
.shar-checkout-wc #order_review_heading {
	font-family: var(--font-display);
	font-size: clamp(28px, 3vw, 40px);
	font-weight: 600;
	letter-spacing: -0.015em;
}
/* Kill WooCommerce's default table borders on the order review. */
.shar-checkout-wc #order_review .shop_table,
.shar-checkout-wc #order_review .shop_table td,
.shar-checkout-wc #order_review .shop_table th { border: 0; }

.shar-checkout-wc .woocommerce-checkout-review-order-table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	margin: 0;
}
.shar-checkout-wc .woocommerce-checkout-review-order-table thead { display: none; }
/* One hairline BETWEEN books, none above the first or below the last. */
.shar-checkout-wc #order_review .woocommerce-checkout-review-order-table tbody tr.cart_item td {
	border-top: 0;
	border-bottom: 1px solid var(--rule);
	padding: 16px 0;
	vertical-align: top;
}
.shar-checkout-wc .woocommerce-checkout-review-order-table tbody tr.cart_item:first-child td { padding-top: 0; }
.shar-checkout-wc #order_review .woocommerce-checkout-review-order-table tbody tr.cart_item:last-child td { border-bottom: 0; padding-bottom: 22px; }
/* Book cover + title + author + qty line (injected via woocommerce_cart_item_name). */
.shar-review-item { display: flex; gap: 14px; align-items: flex-start; text-align: left; }
.shar-review-item .shar-review-cover { width: 46px; height: 69px; object-fit: cover; flex: none; background: var(--rule); box-shadow: 0 2px 8px rgba(0,0,0,.12); }
.shar-review-item .shar-review-meta { display: flex; flex-direction: column; gap: 2px; padding-top: 1px; }
.shar-review-item .shar-review-title { font-family: var(--font-display); font-size: 16px; font-weight: 600; line-height: 1.2; }
.shar-review-item .shar-review-author { font-style: italic; color: var(--muted); font-size: 13px; }
.shar-review-item .shar-review-qty { font-family: var(--font-mono); font-size: 12px; color: var(--muted); margin-top: 3px; }
.shar-checkout-wc .woocommerce-checkout-review-order-table td.product-total {
	text-align: right;
	vertical-align: top;
	font-family: var(--font-mono);
	font-size: 13px;
	white-space: nowrap;
	padding-left: 12px;
}

/* Totals rows: no stray cell borders (the short lines above each label), a
   flex column so we can reorder them, and one divider only above the total. */
.shar-checkout-wc #order_review .woocommerce-checkout-review-order-table tfoot {
	display: flex;
	flex-direction: column;
	margin-top: 10px;
}
.shar-checkout-wc #order_review .woocommerce-checkout-review-order-table tfoot tr {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: 7px 0;
	border: 0;
}
.shar-checkout-wc #order_review .woocommerce-checkout-review-order-table tfoot th,
.shar-checkout-wc #order_review .woocommerce-checkout-review-order-table tfoot td {
	border: 0;
	padding: 0;
	font-size: 14px;
	text-align: right;
	background: transparent;
}
.shar-checkout-wc #order_review .woocommerce-checkout-review-order-table tfoot th { font-weight: 400; color: var(--ink); text-align: left; }
/* Order: Междинна сума → Отстъпка → Доставка → Общо. */
.shar-checkout-wc #order_review tfoot .cart-subtotal { order: 1; }
.shar-checkout-wc #order_review tfoot .fee { order: 2; }
.shar-checkout-wc #order_review tfoot .woocommerce-shipping-totals,
.shar-checkout-wc #order_review tfoot tr.shipping { order: 3; }
.shar-checkout-wc #order_review tfoot .order-total { order: 4; }
/* Shipping row: label on its own line, methods stacked left-aligned below it. */
.shar-checkout-wc #order_review tfoot .woocommerce-shipping-totals,
.shar-checkout-wc #order_review tfoot tr.shipping {
	flex-direction: column;
	align-items: stretch;
}
.shar-checkout-wc #order_review tfoot .woocommerce-shipping-totals th { text-align: left; margin-bottom: 8px; }
.shar-checkout-wc #order_review tfoot .woocommerce-shipping-totals td { text-align: left; width: 100%; }
.shar-checkout-wc #order_review #shipping_method {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.shar-checkout-wc #order_review #shipping_method li { text-align: left; margin: 0; padding: 0; }
.shar-checkout-wc #order_review #shipping_method li input[type="radio"] { accent-color: var(--red); margin-right: 6px; }
.shar-checkout-wc #order_review #shipping_method li label { display: inline; }
.shar-checkout-wc #order_review tfoot .fee th,
.shar-checkout-wc #order_review tfoot .fee td,
.shar-checkout-wc #order_review tfoot .cart-discount th,
.shar-checkout-wc #order_review tfoot .cart-discount td { color: var(--red); }
.shar-checkout-wc #order_review tfoot .order-total {
	border-top: 1px solid var(--ink);
	margin-top: 12px;
	padding-top: 16px;
}
.shar-checkout-wc #order_review tfoot .order-total th { font-family: var(--font-display); font-size: 18px; font-weight: 600; }
.shar-checkout-wc #order_review tfoot .order-total td { font-family: var(--font-display); font-size: 26px; font-weight: 600; }
.shar-checkout-wc .shar-bgn { font-size: 13px; }

/* ── Payment methods → the original .opt radio cards ── */
.shar-checkout-wc #payment { background: transparent; border: 0; padding: 0; margin-top: 22px; }
.shar-checkout-wc #payment ul.payment_methods {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.shar-checkout-wc #payment li.wc_payment_method {
	border: 1px solid var(--rule);
	background: var(--paper);
	padding: 16px 18px;
	margin: 0;
	/* radio + label on one row, description box wraps full-width below */
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}
.shar-checkout-wc #payment li.wc_payment_method:has(input:checked) { border-color: var(--ink); background: #fff; }
.shar-checkout-wc #payment li.wc_payment_method input[type="radio"] { accent-color: var(--red); flex: none; margin: 0; }
.shar-checkout-wc #payment li.wc_payment_method > label {
	flex: 1;
	min-width: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	font-family: var(--font-display);
	font-size: 17px;
	font-weight: 600;
	cursor: pointer;
}
/* Card-logo images (VISA/Mastercard/…) — constrain so they never overflow. */
.shar-checkout-wc #payment li.wc_payment_method > label img {
	max-height: 22px;
	width: auto;
	max-width: 100%;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}
.shar-checkout-wc #payment li.wc_payment_method > label .mypos-powered,
.shar-checkout-wc #payment li.wc_payment_method > label a {
	margin-left: auto;
	font-family: var(--font-mono);
	font-size: 11px;
	font-weight: 400;
	color: var(--muted);
	letter-spacing: 0.04em;
}
.shar-checkout-wc #payment .payment_box {
	flex-basis: 100%;
	background: transparent;
	margin: 4px 0 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.55;
	color: var(--ink-2);
}
.shar-checkout-wc #payment .payment_box::before { display: none !important; }
.shar-checkout-wc #payment .payment_box p { margin: 0; }

/* Place-order button → theme button. */
.shar-checkout-wc #payment .form-row.place-order { padding: 0; margin-top: 22px; }
.shar-checkout-wc #place_order,
.shar-checkout-wc .checkout-button {
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	background: var(--ink);
	color: var(--paper);
	border: 1px solid var(--ink);
	border-radius: 0;
	font-family: var(--font-display);
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.01em;
	padding: 18px 24px;
	cursor: pointer;
	transition: background 0.18s ease, border-color 0.18s ease;
}
.shar-checkout-wc #place_order::after {
	content: "→";
	font-size: 19px;
	line-height: 1;
	transition: transform 0.2s ease;
}
.shar-checkout-wc #place_order:hover { background: var(--red); border-color: var(--red); }
.shar-checkout-wc #place_order:hover::after { transform: translateX(5px); }
.shar-checkout-wc #payment li.wc_payment_method { transition: border-color .2s ease, background .2s ease; }
@media (prefers-reduced-motion: reduce) {
	.shar-checkout-wc #place_order:hover::after { transform: none; }
}
.shar-checkout-wc .woocommerce-terms-and-conditions-wrapper { margin: 18px 0; font-size: 13px; color: var(--muted); }

/* Secure-order note (injected via woocommerce_review_order_after_payment). */
.shar-secure {
	margin-top: 20px;
	padding: 20px;
	background: #fff;
	border: 1px solid var(--rule);
	font-size: 13px;
	line-height: 1.6;
	color: var(--ink-2);
}
.shar-secure strong { display: block; margin-bottom: 6px; font-family: var(--font-display); font-size: 15px; color: var(--ink); }

/* Notices */
.shar-checkout-wc .woocommerce-info,
.shar-checkout-wc .woocommerce-error,
.shar-checkout-wc .woocommerce-message { border-top-color: var(--red); background: var(--paper-warm); font-size: 14px; }

/* ── BoxNow locker picker (bx_wp_plugin) — frame it to match the design ──
   The whole widget is #boxnow_widget (search bar + #map Leaflet map). The map's
   height comes from the plugin CSS (no inline height), so setting it here — in a
   stylesheet that loads before the widget's JS inits — gives Leaflet a clean
   height to lay tiles against. */
.shar-checkout-wc #boxnow_widget {
	border: 1px solid var(--rule);
	background: var(--paper);
	margin: 10px 0 6px;
	max-width: 100%;
	overflow: hidden;
}
.shar-checkout-wc #boxnow_widget #map,
.shar-checkout-wc #boxnow_widget .leaflet-container {
	height: 360px;
	max-height: 55vh;
}
.shar-checkout-wc #boxnow_widget #boxnow_widget_input {
	border: 1px solid var(--ink);
	border-radius: 0;
	padding: 12px 14px 12px 40px;
	font-family: inherit;
	font-size: 15px;
	background: var(--paper);
}

/* ── Mobile (≤600px) ── */
@media (max-width: 600px) {
	.shar-checkout-wc #order_review { padding: 24px 22px; }
	.shar-checkout-wc #boxnow_widget #map,
	.shar-checkout-wc #boxnow_widget .leaflet-container { height: 300px; }
	/* Payment card: smaller logos, and "powered by" on its own line so the
	   real myPOS gateway's card-logo row never crowds the method name. */
	.shar-checkout-wc #payment li.wc_payment_method > label { font-size: 16px; }
	.shar-checkout-wc #payment li.wc_payment_method > label img { max-height: 20px; }
	.shar-checkout-wc #payment li.wc_payment_method > label .mypos-powered,
	.shar-checkout-wc #payment li.wc_payment_method > label a { margin-left: 0; flex-basis: 100%; }
	.shar-checkout-wc .woocommerce-checkout-review-order-table td.product-total { font-size: 12px; }
	.shar-review-item .shar-review-cover { width: 40px; height: 60px; }
}

/* ── Order-received (thank-you) screen ── */
.woocommerce-order .woocommerce-thankyou-order-received {
	font-family: var(--font-display);
	font-size: 28px;
	font-weight: 600;
	color: var(--red);
	border: 0;
	padding: 0 0 24px;
}
.woocommerce-order .woocommerce-order-overview {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 1px;
	background: var(--rule);
	border: 1px solid var(--rule);
	margin: 0 0 40px;
	padding: 0;
}
.woocommerce-order .woocommerce-order-overview li {
	background: var(--paper);
	padding: 20px 24px;
	flex: 1;
	border: 0;
	font-family: var(--font-mono);
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--muted);
}
.woocommerce-order .woocommerce-order-overview li strong {
	display: block;
	margin-top: 6px;
	font-family: var(--font-display);
	font-size: 18px;
	letter-spacing: normal;
	text-transform: none;
	color: var(--ink);
}

/* ───────────────────────── Courier (Еконт / Спиди) office picker ─────────────────────────
 * Rendered in the checkout form (inc/woo-courier-checkout.php), shown only when the
 * „Спиди / Еконт" shipping method is chosen. Matches the checkout's mono-label / sharp /
 * single-red-accent language. */
.shar-courier-pick {
	margin: 20px 0 8px;
	padding: 22px 24px;
	background: var(--paper-warm);
	border: 1px solid var(--rule);
}
.shar-courier-pick .shar-courier-title {
	font-family: var(--font-mono);
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--muted);
	margin-bottom: 16px;
}
.shar-courier-pick .shar-courier-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
}
.shar-courier-pick .shar-courier-lbl {
	flex: 0 0 84px;
	font-family: var(--font-mono);
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--ink-2);
}
.shar-courier-pick .shar-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	border: 1px solid var(--ink);
	background: var(--paper);
	cursor: pointer;
	font-size: 15px;
	line-height: 1;
	transition: background 120ms ease, color 120ms ease;
}
.shar-courier-pick .shar-chip input { accent-color: var(--red); margin: 0; }
.shar-courier-pick .shar-chip:has(input:checked) {
	background: var(--ink);
	color: var(--paper);
}
.shar-courier-pick .shar-courier-office-row { margin: 4px 0 0; }
.shar-courier-pick label[for="shar_courier_office"] {
	display: block;
	font-family: var(--font-mono);
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--muted);
	margin-bottom: 8px;
}
.shar-courier-pick #shar_courier_office {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--ink);
	background: var(--paper);
	font-size: 15px;
	border-radius: 0;
}
.shar-courier-pick #shar_courier_office:focus { border-color: var(--red); outline: 0; }
.shar-courier-pick .shar-courier-hint,
.shar-courier-pick .shar-courier-addr-hint {
	display: block;
	margin-top: 8px;
	font-size: 13px;
	color: var(--muted);
	line-height: 1.5;
}
@media (max-width: 600px) {
	.shar-courier-pick { padding: 18px 16px; }
	.shar-courier-pick .shar-courier-lbl { flex-basis: 100%; }
}

/* ─────────────────────────────────────────────────────────────────────────────
   Продукти: single-product page and the product archive.

   The page templates reuse the book layout (.shar-book, .shar-grid, …) from
   style.css, so only the WooCommerce-owned bits need dressing here: notices,
   the add-to-cart form WooCommerce renders for variable products, the review
   block, and archive pagination.
   ───────────────────────────────────────────────────────────────────────── */

.shar-wc-product .woocommerce-notices-wrapper:empty { display: none; }
.shar-wc-product .woocommerce-error,
.shar-wc-product .woocommerce-message,
.shar-wc-product .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error {
	border-top-color: var(--red);
	background: var(--paper-warm);
	font-size: 14px;
}

/* WooCommerce's own add-to-cart form (variable / grouped products), matched to
   the .qtyrow it stands in for on simple products. */
.shar-wc-addtocart { margin-top: 22px; }
.shar-wc-addtocart form.cart { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 0; }
.shar-wc-addtocart .quantity { margin: 0; }
.shar-wc-addtocart .quantity input.qty {
	width: 84px;
	height: 48px;
	padding: 0 8px;
	text-align: center;
	border: 1px solid var(--ink);
	background: transparent;
	border-radius: 0;
	font-family: var(--font-mono);
	font-size: 15px;
	color: var(--ink);
}
.shar-wc-addtocart button.single_add_to_cart_button {
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 22px;
	border: 1px solid var(--red);
	background: var(--red);
	color: #fff;
	border-radius: 0;
	cursor: pointer;
	font-family: var(--font-body);
	font-size: 15px;
	transition: background .18s, border-color .18s;
}
.shar-wc-addtocart button.single_add_to_cart_button:hover { background: var(--red-700); border-color: var(--red-700); }
.shar-wc-addtocart button.single_add_to_cart_button[disabled] { opacity: .45; cursor: not-allowed; }
/* Variation picker */
.shar-wc-addtocart table.variations { width: 100%; border: 0; margin: 0 0 8px; }
.shar-wc-addtocart table.variations th,
.shar-wc-addtocart table.variations td { border: 0; padding: 6px 0; text-align: left; }
.shar-wc-addtocart table.variations label {
	font-family: var(--font-mono);
	font-size: 11px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--muted);
}
.shar-wc-addtocart table.variations select {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid var(--ink);
	background: var(--paper);
	border-radius: 0;
	font-size: 15px;
}
.shar-wc-addtocart .woocommerce-variation-price { margin-bottom: 10px; font-family: var(--font-display); font-size: 22px; }

/* Reviews */
.shar-wc-reviews #reviews h2,
.shar-wc-reviews #reviews h3 { font-family: var(--font-display); font-weight: 600; }
.shar-wc-reviews .commentlist { list-style: none; margin: 0; padding: 0; }
.shar-wc-reviews .commentlist li { border-top: 1px solid var(--rule); padding: 20px 0; }
.shar-wc-reviews .comment-form input[type="text"],
.shar-wc-reviews .comment-form input[type="email"],
.shar-wc-reviews .comment-form textarea {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--ink);
	background: var(--paper);
	border-radius: 0;
	font-size: 15px;
}
.shar-wc-reviews .comment-form .submit {
	height: 48px;
	padding: 0 22px;
	border: 1px solid var(--red);
	background: var(--red);
	color: #fff;
	border-radius: 0;
	cursor: pointer;
	font-family: var(--font-body);
	font-size: 15px;
}

/* Archive pagination, matched to the catalog's */
.woocommerce-pagination { margin-top: 56px; }
.woocommerce-pagination ul.page-numbers {
	display: flex;
	gap: 8px;
	justify-content: center;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}
.woocommerce-pagination ul.page-numbers li { border: 0; margin: 0; }
.woocommerce-pagination .page-numbers {
	display: block;
	min-width: 40px;
	padding: 8px 10px;
	text-align: center;
	border: 1px solid var(--ink);
	font-family: var(--font-mono);
	font-size: 13px;
	color: var(--ink);
	text-decoration: none;
}
.woocommerce-pagination .page-numbers.current { background: var(--ink); color: var(--paper); }