/* HEBE stage 3: cart page, checkout, confirmation, account and refund request. */

/* Cart page layout */
.cart-page .cart-layout { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 64px; align-items: start; }
.cart-page .cart-line { grid-template-columns: 120px minmax(0, 1fr) auto; gap: 24px; padding: 24px 0; }
.cart-page .cart-thumb { width: 120px; height: 120px; }
.cart-page .cart-name { font-size: 20px; line-height: 28px; }
.cart-page .cart-summary { margin-top: 0; background: var(--linen); border: 1px solid var(--line); padding: 28px; position: sticky; top: 24px; }
.cart-page .cart-summary .h3 { margin-bottom: 8px; }
.cart-update { margin-top: 20px; display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
.coupon-box { margin-top: 20px; border-top: 1px solid var(--line); padding-top: 20px; }
.coupon-box .inline-form .field { flex: 1 1 140px; text-transform: uppercase; }
.coupon-box .meta { margin-top: 8px; }
.coupon-applied { font-size: 14px; }
.shop-notices[role] ul, .woocommerce-notices-wrapper ul { list-style: none; }
.woocommerce-error, .woocommerce-message, .woocommerce-info { list-style: none; margin: 0 0 24px; padding: 14px 18px; border: 1px solid var(--sand); background: var(--linen); font-size: 14px; line-height: 22px; color: var(--olive); }
.woocommerce-error { border-color: var(--err); color: var(--err); background: #fbf1ee; }
.woocommerce-error li + li { margin-top: 4px; }
.woocommerce-message .button, .woocommerce-info .button { float: right; margin-left: 12px; text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 4px; }

/* Checkout (WooCommerce classic form in the HEBE layout) */
.hebe-checkout .checkout-notice { margin-bottom: 16px; }
.hebe-checkout .checkout-nudge { margin: 0 0 12px; }
.hebe-checkout .woocommerce-form-coupon-toggle .woocommerce-info { background: transparent; }
.hebe-checkout form.checkout_coupon { margin: 0 0 24px; padding: 20px; border: 1px solid var(--line); display: flex; gap: 12px; flex-wrap: wrap; align-items: flex-end; }
.hebe-checkout form.checkout_coupon p { margin: 0; }
.hebe-checkout form.checkout_coupon .form-row-first { flex: 1 1 200px; }
.hebe-checkout form.checkout_coupon p:first-child { flex-basis: 100%; font-size: 14px; }
.hebe-checkout form.checkout { display: grid; grid-template-columns: minmax(0, 1fr) 440px; gap: 32px 64px; align-items: start; }
.hebe-checkout form.checkout > .woocommerce-NoticeGroup { grid-column: 1 / -1; }
.hebe-checkout #customer_details { grid-column: 1; }
.hebe-checkout #order_review_heading { grid-column: 2; grid-row: 1; margin: 0; font-family: var(--serif); font-weight: 400; font-size: 26px; line-height: 34px; }
.hebe-checkout #order_review { grid-column: 2; grid-row: 2 / span 3; background: var(--linen); border: 1px solid var(--line); padding: 24px; position: sticky; top: 24px; }
.hebe-checkout .col2-set .col-1, .hebe-checkout .col2-set .col-2 { width: 100%; float: none; }
.hebe-checkout h3 { font-family: var(--serif); font-weight: 400; font-size: 26px; line-height: 34px; margin: 0 0 16px; }
.hebe-checkout .woocommerce-billing-fields__field-wrapper, .hebe-checkout .woocommerce-shipping-fields__field-wrapper, .hebe-checkout .woocommerce-additional-fields__field-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 20px; }
.hebe-checkout .form-row { margin: 0; padding: 0; grid-column: 1 / -1; }
.hebe-checkout .form-row-first { grid-column: 1; }
.hebe-checkout .form-row-last { grid-column: 2; }
.hebe-checkout .form-row label { display: block; font-size: 13px; line-height: 20px; font-weight: 500; color: var(--olive); margin-bottom: 6px; }
.hebe-checkout .form-row .required { color: var(--err); text-decoration: none; border: 0; }
.hebe-checkout .form-row .optional { color: var(--muted); font-weight: 400; }
.hebe-checkout input.input-text, .hebe-checkout select, .hebe-checkout textarea, .hebe-checkout .select2-selection, .woocommerce-account input.input-text, .woocommerce-account select, .woocommerce-form input.input-text {
	display: block; width: 100%; min-height: 52px; padding: 0 16px; border: 1px solid var(--field); border-radius: 2px; background: #fff; font: 400 16px var(--sans); color: var(--olive);
}
.hebe-checkout textarea { min-height: 120px; padding: 14px 16px; }
.hebe-checkout .select2-container .select2-selection--single { height: 52px; display: flex; align-items: center; }
.hebe-checkout .select2-container .select2-selection--single .select2-selection__arrow { height: 50px; }
.hebe-checkout .woocommerce-invalid input.input-text, .hebe-checkout .woocommerce-invalid select { border-color: var(--err); }
.hebe-checkout .woocommerce-error[role="alert"], .checkout-inline-error-message { color: var(--err); font-size: 13px; }
.hebe-checkout .shop_table { width: 100%; border-collapse: collapse; font-size: 15px; }
.hebe-checkout .shop_table th, .hebe-checkout .shop_table td { padding: 12px 0; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; font-weight: 400; }
.hebe-checkout .shop_table td:last-child, .hebe-checkout .shop_table th:last-child { text-align: right; }
.hebe-checkout .shop_table thead th { font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--bronze); }
.hebe-checkout .shop_table .is-discount td, .hebe-checkout .shop_table .is-discount .amount { color: var(--rosedeep); }
.hebe-checkout .shop_table .order-total th { font-weight: 600; }
.hebe-checkout .shop_table .order-total .amount { font-family: var(--serif); font-size: 24px; }
.hebe-checkout .woocommerce-remove-coupon { font-size: 13px; margin-left: 6px; }
.hebe-checkout #payment { margin-top: 20px; }
.hebe-checkout #payment ul.payment_methods { list-style: none; border: 1px solid var(--line); background: var(--ivory); padding: 14px 16px; }
.hebe-checkout #payment .payment_box { font-size: 13px; line-height: 20px; color: var(--ink2); margin-top: 6px; }
.hebe-checkout #payment .payment_box p { margin: 0; }
.hebe-checkout .woocommerce-privacy-policy-text, .hebe-checkout .woocommerce-terms-and-conditions-wrapper { font-size: 13px; line-height: 20px; color: var(--ink2); margin-top: 16px; }
.hebe-checkout .woocommerce-terms-and-conditions-checkbox-text { margin-left: 6px; }
.hebe-checkout #place_order { width: 100%; margin-top: 20px; font-family: var(--sans); font-weight: 600; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; min-height: 52px; border: 1px solid var(--olive); border-radius: 2px; background: var(--olive); color: var(--ivory); cursor: pointer; }
.hebe-checkout #place_order:hover { background: var(--olive-hover); }
.hebe-checkout .checkout-guarantee { margin-top: 16px; }
.hebe-checkout .checkout-guarantee + .meta { margin-top: 8px; }
.hebe-checkout .blockUI.blockOverlay { background: rgba(247, 243, 236, .6) !important; }

/* Order confirmation */
.hebe-checkout.is-received { max-width: 760px; }
.thanks-head { text-align: center; margin-bottom: 40px; }
.thanks-mark { width: 56px; height: 56px; border: 1px solid var(--olive); border-radius: 50%; margin: 0 auto 28px; display: flex; align-items: center; justify-content: center; }
.thanks-head .h2 { margin-top: 12px; }
.thanks-head .lead { margin-top: 16px; }
.woocommerce-order-overview { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 16px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 20px 0; margin: 0 0 32px; font-size: 13px; color: var(--muted); }
.woocommerce-order-overview strong { display: block; color: var(--olive); font-size: 15px; font-weight: 500; margin-top: 4px; }
.woocommerce-order-details h2, .woocommerce-customer-details h2, .woocommerce-column__title { font-family: var(--serif); font-weight: 400; font-size: 24px; line-height: 32px; margin: 32px 0 12px; }
.woocommerce-table--order-details { width: 100%; border-collapse: collapse; font-size: 15px; }
.woocommerce-table--order-details th, .woocommerce-table--order-details td { padding: 12px 0; border-bottom: 1px solid var(--line); text-align: left; font-weight: 400; }
.woocommerce-table--order-details td:last-child, .woocommerce-table--order-details tfoot td { text-align: right; }
.woocommerce-customer-details address { font-style: normal; font-size: 15px; line-height: 24px; color: var(--ink2); }
.guarantee-panel { margin: 32px 0; padding: 24px; background: var(--sagemist); border: 1px solid #c9d0c0; }
.guarantee-panel .body { margin-top: 8px; }
.guarantee-panel .btn { margin-top: 16px; }
.guarantee-panel .meta { margin-top: 14px; }

/* Account */
.woocommerce-account .page-body .woocommerce { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 48px; align-items: start; }
.woocommerce-MyAccount-navigation ul { list-style: none; border-top: 1px solid var(--line); }
.woocommerce-MyAccount-navigation li a { display: block; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.woocommerce-MyAccount-navigation li.is-active a { font-weight: 600; color: var(--rosedeep); }
.woocommerce-MyAccount-content > * + * { margin-top: 16px; }
.woocommerce-orders-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.woocommerce-orders-table th, .woocommerce-orders-table td { padding: 12px 8px 12px 0; border-bottom: 1px solid var(--line); text-align: left; vertical-align: middle; }
.woocommerce-orders-table .button, .woocommerce-MyAccount-content .button, .woocommerce-form .button, .woocommerce-Button {
	display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; margin: 4px 6px 4px 0; border: 1px solid var(--olive); border-radius: 2px; background: transparent; color: var(--olive); font: 600 12px var(--sans); letter-spacing: .1em; text-transform: uppercase; cursor: pointer;
}
.woocommerce-form .woocommerce-form-login__submit, .woocommerce-form .woocommerce-form-register__submit, .woocommerce-Button.button { background: var(--olive); color: var(--ivory); }
.woocommerce-orders-table .button.hebe-refund { border-color: var(--rosedeep); color: var(--rosedeep); }
.u-columns.col2-set { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
.woocommerce-account:not(.logged-in) .page-body .woocommerce { display: block; }
.woocommerce-form-login, .woocommerce-form-register { display: grid; gap: 16px; }
.woocommerce-form-row { margin: 0; }
.woocommerce-form-row label { display: block; font-size: 13px; font-weight: 500; margin-bottom: 6px; }
.woocommerce-form-login__rememberme { display: flex; gap: 10px; align-items: center; font-size: 14px; }
.woocommerce-LostPassword a, .woocommerce-MyAccount-content a:not(.button) { text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 4px; }
.woocommerce-account h2 { font-family: var(--serif); font-weight: 400; font-size: 26px; line-height: 34px; }

/* Refund request */
.refund-page { max-width: 640px; }
.refund-form { display: grid; gap: 24px; margin-top: 32px; }
.refund-form fieldset { border: 0; padding: 0; margin: 0; display: grid; gap: 4px; }
.refund-form fieldset .check { margin-top: 8px; }
.refund-form .field[readonly] { background: var(--linen); }
.err { font-size: 13px; line-height: 20px; color: var(--err); margin-top: 6px; }
.form-errors { border: 1px solid var(--err); background: #fbf1ee; color: var(--err); padding: 16px 20px; margin-bottom: 24px; }
.form-errors ul { margin-top: 8px; list-style: disc; padding-left: 20px; }
.refund-done { padding: 24px; background: var(--sagemist); border: 1px solid #c9d0c0; }
.refund-done .h3 { margin-top: 8px; }
.refund-done .body, .refund-done .notice { margin-top: 12px; }

@media (max-width: 900px) {
	.cart-page .cart-layout, .hebe-checkout form.checkout { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.hebe-checkout #order_review_heading, .hebe-checkout #order_review { grid-column: 1; grid-row: auto; position: static; }
	.cart-page .cart-summary { position: static; }
	.woocommerce-account .page-body .woocommerce, .u-columns.col2-set { grid-template-columns: minmax(0, 1fr); gap: 32px; }
}
@media (max-width: 640px) {
	.cart-page .cart-line { grid-template-columns: 88px minmax(0, 1fr); gap: 16px; }
	.cart-page .cart-thumb { width: 88px; height: 88px; }
	.cart-page .cart-line-total { grid-column: 2; }
	.cart-page .cart-summary { padding: 20px; }
	.hebe-checkout .woocommerce-billing-fields__field-wrapper { grid-template-columns: minmax(0, 1fr); }
	.hebe-checkout .form-row-first, .hebe-checkout .form-row-last { grid-column: 1; }
	.hebe-checkout #order_review { padding: 18px; }
	.woocommerce-orders-table thead { display: none; }
	.woocommerce-orders-table tr { display: block; border-bottom: 1px solid var(--line); padding: 8px 0; }
	.woocommerce-orders-table td { display: flex; justify-content: space-between; border: 0; padding: 6px 0; }
	.woocommerce-orders-table td::before { content: attr(data-title); font-weight: 500; color: var(--muted); margin-right: 12px; }
}

/* WooCommerce show-password toggle: 44px target (WCAG 2.2 target size). */
.show-password-input { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.password-input { position: relative; display: block; }
.password-input .show-password-input { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); background: transparent; border: 0; cursor: pointer; }

/* WooCommerce info notices (login and coupon toggles) in the HEBE palette, not WooCommerce blue. */
.wc-block-components-notice-banner.is-info { border-color: var(--line); background: var(--ivory); color: var(--ink2); }
.wc-block-components-notice-banner > svg, .wc-block-components-notice-banner.is-info > svg { background: transparent !important; fill: var(--bronze) !important; border-radius: 0; padding: 0; }
.wc-block-components-notice-banner.is-info a, .woocommerce-info a { color: var(--olive); text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 4px; }
.hebe-checkout .form-row-first, .hebe-checkout .form-row-last, .hebe-checkout .form-row-wide { width: 100% !important; float: none !important; }