/**
 * Καλάθι, ταμείο, λογαριασμός.
 *
 * Στυλάρει το classic markup του WooCommerce ([woocommerce_cart] κ.λπ.) στη
 * γλώσσα του A. Δεν αγγίζουμε templates — μόνο CSS πάνω στις σταθερές κλάσεις
 * του Woo. Το !important εμφανίζεται σκόπιμα όπου το Astra/Woo βάφει με brand
 * χρώμα (μπλε) και υψηλή ειδικότητα.
 */

/* ---------------------------------------------------------------- πλάτος */

.zax-page--wc .zax-page__body {
	max-width: none;
}

/* ---------------------------------------------------------------- notices */

/* Τα μπλε info boxes του Woo -> hairline editorial. */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews {
	margin-bottom: 24px;
	padding: 14px 18px;
	border: 1px solid var(--zax-line);
	border-top: 2px solid var(--zax-ink);
	border-radius: 0;
	background: var(--zax-paper);
	font-size: 14px;
	color: var(--zax-ink);
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
	display: none;
}

.woocommerce-error {
	border-top-color: var(--zax-err);
}

/* Κουμπιά μέσα στα notices (π.χ. «Προβολή καλαθιού»). */
.woocommerce-message .button,
.woocommerce-info .button {
	background: var(--zax-ink) !important;
	color: var(--zax-paper) !important;
	border-radius: 0 !important;
}

/* ---------------------------------------------------------------- κοινά κουμπιά */

.zax-page--wc .button,
.zax-page--wc button,
.zax-page--wc input[type="submit"] {
	border-radius: 0 !important;
	background: var(--zax-ink) !important;
	border: 1px solid var(--zax-ink) !important;
	color: var(--zax-paper) !important;
	font-family: inherit;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: var(--zax-track-label);
	text-transform: uppercase;
	transition: var(--zax-fast);
}

.zax-page--wc .button:hover,
.zax-page--wc button:hover,
.zax-page--wc input[type="submit"]:hover {
	background: #333 !important;
	border-color: #333 !important;
}

/* Δευτερεύον κουμπί (π.χ. «Ενημέρωση καλαθιού») -> ghost. */
.zax-page--wc button[name="update_cart"] {
	background: transparent !important;
	color: var(--zax-ink) !important;
}

.zax-page--wc button[name="update_cart"]:hover {
	background: var(--zax-ink) !important;
	color: var(--zax-paper) !important;
}

/* ---------------------------------------------------------------- inputs */

.zax-page--wc input.input-text,
.zax-page--wc textarea,
.zax-page--wc select,
.zax-page--wc .select2-selection {
	border: 1px solid var(--zax-line) !important;
	border-radius: 0 !important;
	background: var(--zax-paper);
	font-family: inherit;
	font-size: 15px;
	color: var(--zax-ink);
}

.zax-page--wc input.input-text:focus,
.zax-page--wc textarea:focus,
.zax-page--wc select:focus {
	outline: none;
	border-color: var(--zax-ink) !important;
	box-shadow: none;
}

/* ---------------------------------------------------------------- πίνακες */

.zax-page--wc table.shop_table {
	border: 1px solid var(--zax-line);
	border-radius: 0;
	border-collapse: collapse;
}

.zax-page--wc table.shop_table th {
	padding: 16px;
	border-bottom: 1px solid var(--zax-ink);
	font-size: var(--zax-fs-sm);
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--zax-ink-60);
}

.zax-page--wc table.shop_table td {
	padding: 16px;
	border-top: 1px solid var(--zax-line);
}

.zax-page--wc .product-thumbnail img {
	width: 64px;
	height: auto;
	mix-blend-mode: multiply;
}

.zax-page--wc td.product-name a {
	color: var(--zax-ink);
	font-weight: 500;
}

.zax-page--wc .product-remove a {
	color: var(--zax-ink-30) !important;
	font-weight: 400;
}

.zax-page--wc .product-remove a:hover {
	color: var(--zax-err) !important;
	background: none !important;
}

/* ---------------------------------------------------------------- ποσότητα */

.zax-page--wc .quantity input.qty {
	width: 64px;
	padding: 10px 6px;
	border: 1px solid var(--zax-line);
	border-radius: 0;
	text-align: center;
}

/* ---------------------------------------------------------------- coupon / actions */

.zax-page--wc .cart .actions {
	padding-top: 18px;
}

.zax-page--wc .coupon {
	display: flex;
	gap: 8px;
}

.zax-page--wc .coupon input {
	max-width: 220px;
}

/* ---------------------------------------------------------------- cart totals */

.zax-page--wc .cart-collaterals,
.zax-page--wc .cart-collaterals .cart_totals {
	float: none;
	width: 100%;
}

.zax-page--wc .cart_totals table.shop_table {
	width: 100%;
}

.zax-page--wc .cart_totals h2 {
	margin-bottom: 16px;
	font-size: var(--zax-fs-lg);
	font-weight: 600;
	letter-spacing: var(--zax-track-h2);
}

.zax-page--wc .wc-proceed-to-checkout {
	padding-top: 18px;
}

.zax-page--wc .wc-proceed-to-checkout .checkout-button {
	display: block;
	width: 100%;
	padding: 16px;
	text-align: center;
	font-size: 13px;
}

/* Επιλογή μεθόδου αποστολής στο καλάθι. */
.zax-page--wc #shipping_method {
	margin: 0;
	padding: 0;
	list-style: none;
}

.zax-page--wc #shipping_method li {
	margin-bottom: 6px;
}

/* ---------------------------------------------------------------- checkout */

.woocommerce-checkout #customer_details {
	margin-bottom: 32px;
}

.woocommerce-checkout h3 {
	margin-bottom: 18px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--zax-ink);
	font-size: var(--zax-fs-md);
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.woocommerce-checkout .form-row label {
	font-size: 13px;
	font-weight: 500;
	color: var(--zax-ink-60);
}

.woocommerce-checkout #order_review_heading {
	margin-top: 8px;
}

/* Το κουτί «η παραγγελία σου» */
.woocommerce-checkout #order_review {
	padding: clamp(20px, 2.5vw, 32px);
	border: 1px solid var(--zax-line);
	background: var(--zax-shell);
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table {
	border: 0;
	background: transparent;
}

.woocommerce-checkout #payment {
	background: transparent;
	border-radius: 0;
}

.woocommerce-checkout #payment ul.payment_methods {
	border: 0;
	padding: 0;
}

.woocommerce-checkout #payment .payment_box {
	background: var(--zax-paper);
	border: 1px solid var(--zax-line);
	border-radius: 0;
}

.woocommerce-checkout #payment .payment_box::before {
	display: none;
}

.woocommerce-checkout #place_order {
	width: 100%;
	padding: 17px;
	font-size: 13px;
}

/* ---------------------------------------------------------------- λογαριασμός */

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid var(--zax-line);
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
	border-bottom: 1px solid var(--zax-line);
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
	border-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 13px 18px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.04em;
	color: var(--zax-ink-60);
	transition: var(--zax-fast);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
	background: var(--zax-ink);
	color: var(--zax-paper);
}

/* ---------------------------------------------------------------- layout */

@media (min-width: 861px) {
	/* Καλάθι: πίνακας + σύνολα δίπλα-δίπλα, όπως δείχνει το default αλλά καθαρό. */
	.woocommerce-cart .zax-page__body .woocommerce {
		display: grid;
		grid-template-columns: 1fr 360px;
		gap: clamp(28px, 4vw, 56px);
		align-items: start;
	}

	.woocommerce-cart .zax-page__body .woocommerce > .woocommerce-notices-wrapper,
	.woocommerce-cart .zax-page__body form.woocommerce-cart-form {
		grid-column: 1;
	}

	.woocommerce-cart .zax-page__body .cart-collaterals {
		grid-column: 2;
		grid-row: 2;
		width: 100%;
	}

	.woocommerce-cart .zax-page__body .cart-collaterals .cross-sells {
		display: none;
	}
}

/* ---------------------------------------------------------------- inline links */

/* Τα εναπομείναντα μπλε text links (ξέχασα κωδικό, αλλαγή διεύθυνσης, πολιτική
   απορρήτου) στη γλώσσα του A: μαύρα με υπογράμμιση, όχι μπλε. */
.zax-page--wc a:not(.button):not(.checkout-button):not(.wc-forward) {
	color: var(--zax-ink);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.zax-page--wc a:not(.button):not(.checkout-button):not(.wc-forward):hover {
	color: var(--zax-ink-60);
}