/* =========================================================
   Dania Elixir — עמודי סל ותשלום
   ========================================================= */

.de-page-content--woocommerce { max-width: 1080px; margin-inline: auto; }

/* --- טבלת הסל --- */
.woocommerce-cart-form__contents {
	width: 100%;
	border-collapse: collapse;
	margin-block-end: var(--de-sp-5);
}
.woocommerce-cart-form__contents th {
	text-align: start;
	padding: var(--de-sp-3);
	border-block-end: 2px solid var(--de-border);
	font-family: var(--de-font-head);
	color: var(--de-espresso);
	font-size: var(--de-fs-sm);
}
.woocommerce-cart-form__contents td {
	padding: var(--de-sp-4) var(--de-sp-3);
	border-block-end: 1px solid var(--de-border);
	vertical-align: middle;
}
.woocommerce-cart-form__contents .product-thumbnail img {
	width: 72px;
	height: 72px;
	object-fit: contain;
	background: var(--de-cream);
	border-radius: var(--de-r-sm);
}
.woocommerce-cart-form__contents .product-remove a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: var(--de-r-pill);
	background: var(--de-cream);
	color: var(--de-brown);
	font-size: 18px;
}
.woocommerce-cart-form__contents .product-remove a:hover { background: #9a3b2f; color: #fff; }
.woocommerce-cart-form__contents .product-name a { color: var(--de-espresso); font-weight: 500; }
.woocommerce-cart-form__contents .coupon { display: flex; gap: 8px; }
.woocommerce-cart-form__contents .coupon input {
	border: 1px solid var(--de-border);
	border-radius: var(--de-r);
	padding: 10px 14px;
}
button[name="update_cart"],
.woocommerce-cart-form button[name="apply_coupon"] {
	background: var(--de-espresso);
	color: #fff;
	border: none;
	border-radius: var(--de-r);
	padding: 10px 18px;
}

/* --- סיכום הסל --- */
.cart_totals {
	background: var(--de-surface);
	border: 1px solid var(--de-border);
	border-radius: var(--de-r-lg);
	padding: var(--de-sp-6);
}
.cart_totals h2 { font-size: var(--de-fs-lg); margin-block-end: var(--de-sp-4); }
.cart_totals table { width: 100%; }
.cart_totals th, .cart_totals td { padding: var(--de-sp-3) 0; border-block-end: 1px solid var(--de-border); text-align: start; }
.cart_totals .order-total .amount { color: var(--de-gold); font-family: var(--de-font-head); font-size: var(--de-fs-lg); }

.cart_totals tr.fee th,
.cart_totals tr.fee td {
	color: var(--de-success);
	font-weight: 700;
}
.cart_totals tr.fee .amount { color: var(--de-success); }
.de-cart-bundle-discount {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-block-end: var(--de-sp-4);
	padding: 14px 16px;
	border: 1px solid rgba(49, 93, 67, .24);
	border-radius: var(--de-r);
	background: rgba(49, 93, 67, .08);
	color: var(--de-success);
	font-weight: 600;
}
.de-cart-bundle-discount strong {
	font-family: var(--de-font-head);
	font-size: var(--de-fs-lg);
	white-space: nowrap;
}

/* הערת משלוח בעגלה */
.de-cart-ship-note {
	display: flex;
	align-items: center;
	gap: 10px;
	background: var(--de-cream);
	border-radius: var(--de-r);
	padding: var(--de-sp-4);
	margin-block-start: var(--de-sp-4);
	color: var(--de-brown);
	font-size: var(--de-fs-sm);
}
.de-cart-ship-note .de-icon { color: var(--de-gold); flex: 0 0 auto; }

.wc-proceed-to-checkout .checkout-button {
	display: block;
	background: var(--de-espresso);
	color: #fff;
	text-align: center;
	border-radius: var(--de-r);
	padding: 15px;
	margin-block-start: var(--de-sp-4);
	font-family: var(--de-font-head);
	font-weight: 500;
}
.wc-proceed-to-checkout .checkout-button:hover { background: var(--de-brown); }

/* --- Checkout --- */
.woocommerce-checkout .col2-set,
.woocommerce-checkout #customer_details {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--de-sp-5);
}
.woocommerce-checkout h3 { font-size: var(--de-fs-lg); margin-block-end: var(--de-sp-4); }
.woocommerce-checkout .form-row { margin-block-end: var(--de-sp-4); display: flex; flex-direction: column; }
.woocommerce-checkout label { font-family: var(--de-font-head); font-weight: 500; font-size: var(--de-fs-sm); margin-block-end: 6px; color: var(--de-espresso); }
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.select2-container .select2-selection {
	border: 1px solid var(--de-border) !important;
	border-radius: var(--de-r) !important;
	padding: 13px 16px !important;
	font: inherit;
	background: var(--de-surface);
	width: 100%;
	min-height: 50px;
}
.woocommerce-checkout textarea { min-height: 96px; }

/* שדה אזור משלוח */
.de-shipping-region { margin-block: var(--de-sp-4); }
.de-shipping-region > label:first-child {
	display: block;
	font-family: var(--de-font-head);
	font-weight: 600;
	margin-block-end: var(--de-sp-3);
	color: var(--de-espresso);
}
.de-shipping-region .de-region-options { display: grid; gap: var(--de-sp-3); }
.de-region-option {
	display: flex;
	align-items: center;
	gap: 12px;
	border: 1px solid var(--de-border);
	border-radius: var(--de-r);
	padding: 14px 16px;
	cursor: pointer;
	transition: border-color var(--de-t-fast), background var(--de-t-fast);
	background: var(--de-surface);
}
.de-region-option:hover { border-color: var(--de-gold); }
.de-region-option input { accent-color: var(--de-gold); width: 18px; height: 18px; }
.de-region-option.is-selected { border-color: var(--de-gold); background: var(--de-cream); }
.de-region-option__label { font-weight: 500; color: var(--de-espresso); }
.de-region-option__price { margin-inline-start: auto; color: var(--de-gold); font-weight: 600; }

#order_review {
	background: var(--de-surface);
	border: 1px solid var(--de-border);
	border-radius: var(--de-r-lg);
	padding: var(--de-sp-6);
	margin-block-start: var(--de-sp-5);
}
.woocommerce-checkout-review-order-table { width: 100%; }
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
	padding: var(--de-sp-3) 0;
	border-block-end: 1px solid var(--de-border);
	text-align: start;
}
.woocommerce-checkout-review-order-table .order-total .amount { color: var(--de-gold); font-family: var(--de-font-head); font-size: var(--de-fs-lg); }
#place_order {
	width: 100%;
	background: var(--de-espresso);
	color: #fff;
	border: none;
	border-radius: var(--de-r);
	padding: 16px;
	margin-block-start: var(--de-sp-4);
	font-family: var(--de-font-head);
	font-weight: 600;
	font-size: var(--de-fs-md);
	min-height: 56px;
}
#place_order:hover { background: var(--de-brown); }

@media (min-width: 900px) {
	.woocommerce-checkout .col2-set,
	.woocommerce-checkout #customer_details { grid-template-columns: 1fr; }
}