/**
 * Freon — Cart & Checkout (WooCommerce blocks) styling ώστε να ταιριάζει με το site.
 * Navy #234E60, teal #00A5BA, rounded cards/inputs, navy pill κουμπιά, responsive.
 */

/* Το alignwide του WooCommerce block βάζει negative margins → overflow αριστερά
   (κυρίως mobile). Το ευθυγραμμίζουμε με το περιεχόμενο. */
.woocommerce-cart .wp-block-woocommerce-cart,
.woocommerce-checkout .wp-block-woocommerce-checkout {
	max-width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	width: auto !important;
}

/* Τίτλος σελίδας */
.woocommerce-cart .entry-title,
.woocommerce-cart .page-title,
.woocommerce-checkout .entry-title,
.woocommerce-checkout .page-title {
	color: #234E60;
	font-weight: 700;
	margin-bottom: 8px;
}

/* --------------------------------------------------- Items header */

/* Το block βάζει border-top στα header & item cells → διπλές γραμμές μαζί με τα
   δικά μας borders. Τα αφαιρούμε ώστε να μένουν καθαρές, ενιαίες γραμμές. */
.wc-block-cart-items__header-image,
.wc-block-cart-items__header-product,
.wc-block-cart-items__header-total,
.wc-block-cart-item__image,
.wc-block-cart-item__product,
.wc-block-cart-item__total {
	border-top: 0 !important;
}

.wc-block-cart-items__header {
	color: #234E60;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border-bottom: 1px solid #e6edf2;
	padding-bottom: 16px;
}

/* --------------------------------------------------------- Rows */

.wc-block-cart-items__row {
	border-top: 0 !important;
	border-bottom: 1px solid #eef2f6;
	padding: 26px 0;
}
.wc-block-cart-items__row:last-child {
	border-bottom: 0;
}
.wc-block-cart-item__image img {
	border-radius: 14px;
	background: #f4f7fb;
}
.wc-block-components-product-name {
	color: #234E60 !important;
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
}
.wc-block-components-product-name:hover {
	color: #00A5BA !important;
}
.wc-block-components-product-metadata,
.wc-block-components-product-metadata__description {
	color: #5b7180;
	font-size: 14px;
}
.wc-block-cart-item__prices .wc-block-components-product-price__value,
.wc-block-cart-item__total .wc-block-components-product-price__value {
	color: #234E60;
	font-weight: 700;
}

/* Quantity selector — pill με navy controls */
.wc-block-components-quantity-selector {
	border: 1px solid #d7e3ec !important;
	border-radius: 40px !important;
	max-width: 118px;
	overflow: hidden;
	background: #fff;
}
.wc-block-components-quantity-selector__input {
	color: #234E60 !important;
	font-weight: 600;
}
.wc-block-components-quantity-selector__button {
	color: #234E60 !important;
	transition: color 0.2s ease, background-color 0.2s ease;
}
.wc-block-components-quantity-selector__button:hover {
	background: #eef5fb !important;
	color: #00A5BA !important;
}

/* Remove */
.wc-block-cart-item__remove-link {
	color: #93a2ac !important;
	text-underline-offset: 3px;
	transition: color 0.2s ease;
}
.wc-block-cart-item__remove-link:hover {
	color: #d64545 !important;
}

/* --------------------------------------------- Sidebar / totals card */

.wc-block-cart__sidebar .wc-block-components-sidebar,
.wc-block-cart__sidebar > .is-large,
.wc-block-cart__sidebar {
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0 24px 55px rgba(35, 78, 96, 0.08);
	padding: 34px 32px;
	border: 1px solid #eef2f6;
}

.wc-block-cart__totals-title {
	color: #234E60 !important;
	font-weight: 700 !important;
	font-size: 13px !important;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.wc-block-components-totals-item__label {
	color: #4b6470;
}
.wc-block-components-totals-item__value {
	color: #234E60;
	font-weight: 600;
}
.wc-block-components-totals-footer-item {
	border-top: 1px solid #e6edf2;
	padding-top: 18px;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
	color: #234E60;
	font-weight: 700;
	font-size: 17px;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	color: #234E60;
	font-weight: 700;
	font-size: 22px;
}

/* Coupon */
.wc-block-components-totals-coupon__button,
.wc-block-components-panel__button {
	color: #234E60 !important;
}
.wc-block-components-totals-coupon__input input {
	border-radius: 10px !important;
}

/* --------------------------------------------------- Κουμπιά (navy pill) */

.wc-block-cart__submit-button,
.wc-block-components-button.wc-block-components-button.contained,
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button {
	background-color: #234E60 !important;
	background-image: none !important;
	border-radius: 40px !important;
	min-height: 58px !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	box-shadow: none !important;
	transition: background-color 0.25s ease, transform 0.25s ease !important;
}
.wc-block-cart__submit-button:hover,
.wc-block-components-button.wc-block-components-button.contained:hover,
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
	background-color: #163544 !important;
	transform: translateY(-1px);
}

/* Inputs (checkout) */
.wc-block-components-text-input input,
.wc-block-components-select .wc-block-components-select__container,
.wc-block-components-address-form input,
.wc-block-checkout__form input:not([type="checkbox"]):not([type="radio"]) {
	border-radius: 10px !important;
}
.wc-block-components-text-input input:focus {
	box-shadow: 0 0 0 2px rgba(31, 74, 94, 0.15) !important;
	border-color: #1f4a5e !important;
}

/* ------------------------------------------ Empty cart «Δείτε επίσης» */

.wc-block-cart__empty-cart__title,
.wp-block-woocommerce-empty-cart-block h2 {
	color: #234E60 !important;
}
.wp-block-woocommerce-empty-cart-block {
	padding: 20px 0 10px;
}

/* Product-new cards → clean, navy, rounded (ταιριάζουν με το site) */
.wp-block-woocommerce-product-new .wc-block-grid__products {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 24px !important;
	margin: 30px 0 0 !important;
	padding: 0 !important;
	list-style: none;
}
.wc-block-grid__product {
	display: flex !important;
	flex-direction: column;
	width: auto !important;
	max-width: none !important;
	flex: none !important;
	background: #fff;
	border: 1px solid #eef2f6;
	border-radius: 20px;
	padding: 24px 20px 26px;
	box-shadow: 0 16px 40px rgba(35, 78, 96, 0.05);
	text-align: center;
	margin: 0 !important;
}
.wc-block-grid__product .wc-block-grid__product-price {
	margin: 10px 0 16px;
}
.wc-block-grid__product-image img,
.wc-block-grid__product .wc-block-grid__product-image {
	border-radius: 12px;
}
.wc-block-grid__product-title {
	color: #234E60 !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	line-height: 1.35 !important;
}
.wc-block-grid__product-price,
.wc-block-grid__product-price .amount,
.wc-block-grid__product-price bdi {
	color: #234E60 !important;
	font-weight: 700 !important;
}
.wc-block-grid__product-add-to-cart {
	display: block !important;
	margin-top: auto;
}
.wc-block-grid__product-add-to-cart .wp-block-button,
.wc-block-grid__product-add-to-cart .wp-block-button__link,
.wc-block-grid__product-add-to-cart a,
.wc-block-grid__product-add-to-cart button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	max-width: 100%;
	white-space: nowrap !important;
	word-break: normal !important;
	background: #BFDDF0 !important;
	background-image: none !important;
	color: #234E60 !important;
	border: 0 !important;
	border-radius: 40px !important;
	padding: 11px 26px !important;
	line-height: 1.2 !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	box-shadow: none !important;
	transition: background-color 0.25s ease, color 0.25s ease !important;
}
.wc-block-grid__product-add-to-cart .wp-block-button__link:hover,
.wc-block-grid__product-add-to-cart a:hover,
.wc-block-grid__product-add-to-cart button:hover {
	background: #234E60 !important;
	color: #fff !important;
}

/* -------------------------------------------------------- Responsive */

@media (max-width: 1024px) {
	.wp-block-woocommerce-product-new .wc-block-grid__products {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 560px) {
	.wp-block-woocommerce-product-new .wc-block-grid__products {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 880px) {
	.wc-block-cart.wc-block-cart {
		flex-direction: column;
		gap: 32px;
	}
	.wc-block-cart__main,
	.wc-block-cart__sidebar {
		width: 100% !important;
		max-width: 100% !important;
	}
	.wc-block-cart__sidebar {
		position: static !important;
	}
	.woocommerce-cart .site-main,
	.woocommerce-checkout .site-main {
		padding-left: 16px;
		padding-right: 16px;
	}
}