/* ==========================================================================
   My account · cart · checkout
   Cream panels, ink buttons, the same type scale as the rest of the site.
   ========================================================================== */

/* ---------- login / register ---------- */
.woocommerce-account .wd-registration-page,
.woocommerce-account .customer-login-form { gap: 32px; }
.woocommerce-account .wd-login-title,
.woocommerce-account .col-login h2,
.woocommerce-account .col-register h2,
.woocommerce-account .wd-registration-page h2 {
	font-family: var(--lg-font);
	font-size: clamp(26px, 2.4vw, 36px) !important;
	font-weight: 400;
	color: var(--lg-ink);
	text-transform: none;
}
.woocommerce-account .col-login, .woocommerce-account .col-register,
.woocommerce-account .col-register-text {
	background: var(--lg-cream-soft);
	border-radius: 24px;
	padding: 36px 36px 30px !important;
	border: 0 !important;
}
.woocommerce-account .wd-login-divider { display: none; }
/* two cards with a real gap between them, on the content lines: the theme's grid pulls its columns
   half a gap past both edges and relies on their padding for the gap, but here the columns are the cards */
.woocommerce-account #customer_login.wd-grid-f-col { margin-inline: 0 !important; gap: 24px; }
.woocommerce-account #customer_login.wd-grid-f-col > .wd-col { flex: 1 1 0 !important; min-width: 0; max-width: none !important; width: auto !important; }
@media (max-width: 768.98px) {
	.woocommerce-account #customer_login.wd-grid-f-col { flex-wrap: wrap; gap: 16px; }
	.woocommerce-account #customer_login.wd-grid-f-col > .wd-col { flex: 1 1 100% !important; }
}
.woocommerce-account .col-register-text p { color: var(--lg-ink-soft); font-size: 17px; line-height: 1.6; }
.woocommerce form .form-row label, .woocommerce-form label { color: var(--lg-ink); font-size: 15px; }
.woocommerce form .input-text, .woocommerce form select,
.woocommerce-account input[type="text"], .woocommerce-account input[type="email"], .woocommerce-account input[type="password"] {
	background-color: #fff; /* colour only: the theme's down arrow on select boxes stays */
	border: 1px solid var(--lg-line);
	border-radius: 8px;
	min-height: 48px;
	color: var(--lg-ink);
}
.woocommerce form .input-text:focus { border-color: var(--lg-taupe); box-shadow: 0 0 0 3px rgba(122,31,43,.15); }
.woocommerce-account .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-form-register__submit,
.woocommerce-account .btn-style-link, .woocommerce-account .col-register-text .btn {
	background: var(--lg-ink) !important;
	color: #fff !important;
	min-height: 50px;
	border-radius: 8px !important;
	font-size: 18px;
}
.woocommerce-account .woocommerce-form-login__submit:hover,
.woocommerce-account .woocommerce-form-register__submit:hover { background: var(--lg-hero) !important; }
.woocommerce-account .lost_password a, .woocommerce-account .woocommerce-LostPassword a { color: var(--lg-ink-soft); text-decoration: underline; text-underline-offset: 3px; }

/* ---------- dashboard ---------- */
.woocommerce-MyAccount-navigation {
	background: var(--lg-cream-soft);
	border-radius: 22px;
	padding: 18px !important;
}
.woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 11px 14px !important;
	border-radius: 10px;
	color: var(--lg-ink-soft) !important;
	font-size: 17px;
	text-transform: none;
}
.woocommerce-MyAccount-navigation ul li a:hover { background: #fff; color: var(--lg-ink) !important; }
.woocommerce-MyAccount-navigation ul li.is-active a { background: var(--lg-ink); color: #fff !important; }
.woocommerce-MyAccount-content { color: var(--lg-ink-soft); font-size: 17px; }
.woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3 { font-family: var(--lg-font); font-weight: 400; color: var(--lg-ink); }
.wd-my-account-links > div a, .wd-my-account-links .wd-nav-links a {
	background: var(--lg-cream-soft) !important;
	border: 0 !important;
	border-radius: 18px !important;
	color: var(--lg-ink) !important;
	transition: background-color .25s ease, transform .25s ease;
}
.wd-my-account-links > div a:hover { background: var(--lg-cream) !important; transform: translateY(-3px); }
.wd-my-account-links > div a::before { color: var(--lg-taupe) !important; }
.woocommerce-orders-table, .woocommerce-table--order-details, .shop_table {
	border: 0 !important;
	border-radius: 16px;
	overflow: hidden;
}
.woocommerce-orders-table thead th, .shop_table thead th { background: var(--lg-cream); color: var(--lg-ink); font-weight: 700; text-transform: none; }
.woocommerce-orders-table td, .shop_table td { border-color: var(--lg-line) !important; }
.woocommerce-MyAccount-content .button, .woocommerce-orders-table .button { background: var(--lg-cream) !important; color: var(--lg-ink) !important; }
.woocommerce-MyAccount-content .button:hover { background: var(--lg-taupe) !important; color: #fff !important; }
.woocommerce-info, .woocommerce-message, .wc-block-components-notice-banner {
	background: var(--lg-cream-soft) !important;
	color: var(--lg-ink) !important;
	border: 0 !important;
	border-radius: 14px !important;
}

/* ---------- cart / checkout (WooCommerce blocks) ---------- */
.wc-block-cart, .wc-block-checkout { font-family: var(--lg-font); color: var(--lg-ink); }
.wc-block-cart .wc-block-cart-items th, .wc-block-components-title, .wc-block-components-checkout-step__title {
	font-family: var(--lg-font) !important;
	color: var(--lg-ink) !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}
.wc-block-cart-item__image img, .wc-block-components-order-summary-item__image img {
	background: var(--lg-cream);
	border-radius: 10px;
	mix-blend-mode: multiply;
	object-fit: contain;
	padding: 4px;
}
.wc-block-components-product-name { color: var(--lg-ink) !important; font-size: 17px; }
.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block,
.wc-block-checkout__sidebar .wc-block-components-order-summary,
.wp-block-woocommerce-checkout-order-summary-block {
	background: var(--lg-cream-soft);
	border-radius: 22px;
	padding: 22px !important;
	border: 0 !important;
}
.wc-block-components-totals-item__label, .wc-block-components-totals-item__value { color: var(--lg-ink); }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 24px; }
.wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button,
.wc-block-components-button:not(.is-link) {
	background: var(--lg-ink) !important;
	color: #fff !important;
	border-radius: 8px !important;
	min-height: 54px;
	font-size: 19px !important;
	font-family: var(--lg-font) !important;
	border: 0 !important;
}
.wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover { background: var(--lg-hero) !important; }
.wc-block-components-text-input input, .wc-block-components-combobox .components-combobox-control__input,
.wc-block-components-textarea, .wc-blocks-components-select__select {
	border-radius: 8px !important;
	border-color: var(--lg-line) !important;
	color: var(--lg-ink) !important;
}
.wc-block-components-text-input.is-active input, .wc-block-components-text-input input:focus { border-color: var(--lg-taupe) !important; box-shadow: none !important; }
.wc-block-components-radio-control__option, .wc-block-checkout__shipping-method-option { border-radius: 12px !important; }
.wc-block-components-quantity-selector { border-radius: 8px; border-color: var(--lg-line) !important; }

/* empty cart: "חדש בחנות" grid → cream tiles, bottle multiplied onto them */
.wp-block-woocommerce-empty-cart-block .wp-block-heading { font-family: var(--lg-font); color: var(--lg-ink); font-weight: 400; }
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product,
.wp-block-woocommerce-empty-cart-block .wc-block-product {
	background: var(--lg-cream);
	border-radius: 22px;
	padding: 18px 14px 20px !important;
	isolation: isolate;
	text-align: center;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img,
.wp-block-woocommerce-empty-cart-block .wc-block-components-product-image img {
	height: 260px !important;
	width: 100% !important;
	object-fit: contain;
	mix-blend-mode: multiply;
	background: transparent !important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title,
.wp-block-woocommerce-empty-cart-block .wp-block-post-title a { color: var(--lg-ink); font-family: var(--lg-font); font-size: 17px; }
.wp-block-woocommerce-empty-cart-block .wp-block-button__link,
.wp-block-woocommerce-empty-cart-block .add_to_cart_button { background: var(--lg-ink) !important; color: #fff !important; border-radius: 8px !important; }

/* checkout steps inside the page title */
.wd-checkout-steps li, .wd-checkout-steps a { color: var(--lg-sage) !important; font-family: var(--lg-font); }
.wd-checkout-steps li.step-active, .wd-checkout-steps li.step-active a { color: var(--lg-cream) !important; }

@media (max-width: 767px) {
	.woocommerce-account .col-login, .woocommerce-account .col-register, .woocommerce-account .col-register-text { padding: 24px 18px 22px !important; border-radius: 18px; }
	.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img,
	.wp-block-woocommerce-empty-cart-block .wc-block-components-product-image img { height: 180px !important; }
}

/* dashboard tiles + active nav item (WoodMart markup) */
.wd-my-account-links a { background: var(--lg-cream-soft) !important; border: 0 !important; border-radius: 18px !important; box-shadow: none !important; color: var(--lg-ink) !important; transition: background-color .25s ease, transform .25s ease; }
.wd-my-account-links a:hover { background: var(--lg-cream) !important; transform: translateY(-3px); }
.wd-my-account-links a::before, .wd-my-account-links .wd-icon { color: var(--lg-taupe) !important; }
.woocommerce-MyAccount-navigation li.wd-active > a, .woocommerce-MyAccount-navigation li.is-active > a { background: var(--lg-ink) !important; color: #fff !important; }

/* empty cart, "חדש בחנות": tiles with a gap between them, on the content lines (WooCommerce's -8px margins pushed them out) */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products { margin-inline: 0 !important; gap: 24px; flex-wrap: wrap; }
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product { flex: 1 1 0 !important; min-width: 0; max-width: none !important; margin: 0 !important; }
@media (max-width: 767px) {
	.wp-block-woocommerce-empty-cart-block .wc-block-grid__products { gap: 16px; }
	.wp-block-woocommerce-empty-cart-block .wc-block-grid__product { flex: 1 1 calc(50% - 8px) !important; }
}

/* the login button is as large as the register button (it was 42px tall with 13px text) */
.woocommerce-account .woocommerce-form-login__submit { --btn-accented-height: 50px; --btn-accented-font-size: 18px; }