/*
Cart, Checkout, Order Confirmation pages (Κεφ. 13). Uses WooCommerce's own
official Cart/Checkout blocks (already the site's default — single-page
checkout out of the box) reskinned to match our tokens, rather than
hand-built forms, since payment/order logic is too risky to reimplement.
Loaded only on cart/checkout/order-received.
*/

.wc-block-cart,
.wc-block-checkout {
	font-family: var(--wp--preset--font-family--body);
}

.wc-block-cart .wc-block-components-panel,
.wc-block-checkout .wc-block-components-panel,
.wc-block-cart .wc-block-components-order-summary,
.wc-block-checkout .wc-block-components-order-summary,
.wc-block-cart-items,
.wc-block-checkout__form {
	background: var(--wp--preset--color--pph-white);
	border-radius: var(--wp--custom--radius--md);
}

.wc-block-components-totals-item,
.wc-block-components-totals-footer-item {
	font-family: var(--wp--preset--font-family--body);
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .price {
	color: var(--wp--preset--color--pph-brown);
	font-weight: 600;
}

/* Buttons */

.wc-block-cart .wc-block-components-button:not(.is-style-outline) .wc-block-components-button__text,
.wc-block-checkout .wc-block-components-button:not(.is-style-outline) .wc-block-components-button__text {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 500;
	text-transform: none;
}

.wc-block-cart .wc-block-components-button,
.wc-block-checkout .wc-block-components-button {
	border-radius: var(--wp--custom--radius--sm) !important;
	min-height: 48px;
}

.wc-block-cart .wc-block-components-button:not(.is-style-outline),
.wc-block-checkout .wc-block-components-button:not(.is-style-outline) {
	background-color: var(--wp--preset--color--pph-brown-dark) !important;
	color: var(--wp--preset--color--pph-white) !important;
}

.wc-block-cart .wc-block-components-button:not(.is-style-outline):hover,
.wc-block-checkout .wc-block-components-button:not(.is-style-outline):hover {
	background-color: var(--wp--preset--color--pph-brown) !important;
}

/* Secondary ("Return to cart" etc — WC's own "Outline" block style) — same
   bordered look as the rest of the system instead of WooCommerce's default. */
.wc-block-cart .wc-block-components-button.is-style-outline,
.wc-block-checkout .wc-block-components-button.is-style-outline {
	background-color: transparent !important;
	color: var(--wp--preset--color--pph-brown) !important;
	border: 1px solid var(--wp--preset--color--pph-brown) !important;
}

.wc-block-cart .wc-block-components-button.is-style-outline:hover,
.wc-block-checkout .wc-block-components-button.is-style-outline:hover {
	background-color: var(--wp--preset--color--pph-beige) !important;
}

/* Inputs */

/* Rest-state border color comes from the global "Form controls" rule
   (global.css) — left un-!important-ed here so hover/focus can still repaint
   it (--pph-stone / --pph-brown + ring); only radius needs the !important
   nudge to beat the Cart/Checkout blocks' own specific default. */
.wc-block-components-text-input input,
.wc-block-components-textarea textarea,
.wc-block-components-select select,
.wc-block-components-combobox input {
	border-radius: var(--wp--custom--radius--sm) !important;
	font-family: var(--wp--preset--font-family--body);
}

.wc-block-components-text-input label,
.wc-block-components-radio-control__label {
	font-family: var(--wp--preset--font-family--body);
}

/* Product thumbnails inside cart/checkout line items */

.wc-block-cart-item__image img,
.wc-block-components-order-summary-item__image img {
	border-radius: var(--wp--custom--radius--sm);
}

/* Headings */

.wc-block-cart .wc-block-components-panel__button,
.wc-block-checkout h2,
.wc-block-checkout__sidebar-title,
.wc-block-cart__title {
	font-family: var(--wp--preset--font-family--heading);
	color: var(--wp--preset--color--pph-brown);
}

/* ---------- Trust elements strip (Κεφ. 13.9) ---------- */

.pph-trust-strip {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--60);
	padding-block: var(--wp--preset--spacing--50);
	margin-bottom: var(--wp--preset--spacing--50);
	border-bottom: 1px solid var(--wp--preset--color--pph-border);
	font-size: var(--wp--preset--font-size--caption);
	color: var(--wp--preset--color--pph-text-muted);
}

.pph-trust-strip__item {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--20);
}

/* ---------- Order confirmation (Κεφ. 13.10) ---------- */

.woocommerce-order,
.wc-block-order-confirmation-status {
	text-align: center;
	max-width: var(--wp--custom--container--reading);
	margin-inline: auto;
}

.woocommerce-thankyou-order-received,
.wc-block-order-confirmation-status__description {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--heading-2);
	color: var(--wp--preset--color--pph-brown);
}

@media (max-width: 767px) {
	.pph-trust-strip {
		flex-direction: column;
		align-items: center;
		gap: var(--wp--preset--spacing--30);
	}
}

/* ---------- Άδειο καλάθι (inc/empty-cart.php) ----------
   Αντικαθιστά την προεπιλεγμένη οθόνη του WooCommerce. Στενή, κεντραρισμένη
   στήλη: όταν δεν υπάρχει τίποτα να δει ο επισκέπτης, το μόνο που μετράει
   είναι να ξεχωρίζει το πού πάει μετά. */

.pph-empty-cart {
	max-width: 420px;
	margin-inline: auto;
	padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--90);
	text-align: left;
}

.pph-empty-cart__count {
	margin: 0 0 var(--wp--preset--spacing--40);
	padding-bottom: var(--wp--preset--spacing--40);
	border-bottom: 1px solid var(--wp--preset--color--pph-border);
	font-size: var(--wp--preset--font-size--caption);
	color: var(--wp--preset--color--pph-text-muted);
}

.pph-empty-cart__art {
	display: flex;
	justify-content: center;
	margin-bottom: var(--wp--preset--spacing--60);
	color: var(--wp--preset--color--pph-brown);
}

.pph-empty-cart__art svg {
	width: 220px;
	height: auto;
	/* Λεπτότερο από το 2 του αρχείου: σε αυτό το μέγεθος το σχέδιο διαβάζεται
	   πιο «σχεδιασμένο» και λιγότερο σαν εικονίδιο διεπαφής. */
	stroke-width: 1.6;
}

.pph-empty-cart__message {
	margin: 0 0 var(--wp--preset--spacing--50);
	color: var(--wp--preset--color--pph-text);
}

/* Τα κουμπιά σε στήλη και σε πλήρες πλάτος — ένα ξεκάθαρο επόμενο βήμα το
   καθένα, χωρίς να ανταγωνίζονται οριζόντια σε στενή στήλη. */
.pph-empty-cart__actions {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--30);
}

.pph-empty-cart__actions .pph-btn {
	width: 100%;
	min-height: 48px;
	box-sizing: border-box;
}