/*
 * Gryzak Landing — wizualny dopasowanie koszyku / zamówienia / podziękowania do marki.
 * Ładuje się po arkuszach Woo; używa zmiennych z style.css (--gl-*).
 */

body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-order-received {
	color: var(--gl-color-text);
}

body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce,
body.woocommerce-order-received .woocommerce {
	font-family: var(--gl-font-body);
	line-height: var(--gl-lh-normal);
}

body.woocommerce-checkout .woocommerce a:not(.button),
body.woocommerce-cart .woocommerce a:not(.button),
body.woocommerce-order-received .woocommerce a:not(.button) {
	color: var(--gl-color-accent);
	transition: color var(--gl-transition);
}

body.woocommerce-checkout .woocommerce a:not(.button):hover,
body.woocommerce-cart .woocommerce a:not(.button):hover,
body.woocommerce-order-received .woocommerce a:not(.button):hover {
	color: var(--gl-color-accent-dark);
}

body.woocommerce-cart .woocommerce-notices-wrapper,
body.woocommerce-checkout .woocommerce-notices-wrapper,
body.woocommerce-order-received .woocommerce-notices-wrapper {
	margin-bottom: var(--gl-space-5);
	max-width: 100%;
}

body.woocommerce-cart .woocommerce-message,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-checkout .woocommerce-error {
	font-size: var(--gl-fs-small);
	border-radius: var(--gl-radius-sm);
	border-color: var(--gl-color-border);
	background-color: var(--gl-color-muted);
	color: var(--gl-color-text);
}

body.woocommerce-cart .woocommerce-message::before,
body.woocommerce-checkout .woocommerce-message::before {
	color: var(--gl-color-accent);
}

body.woocommerce-cart h1,
body.woocommerce-checkout h1,
body.woocommerce-checkout h3,
body.woocommerce-cart h2,
body.woocommerce-cart .cart-collaterals h2 {
	font-family: var(--gl-font-heading);
	font-weight: 500;
	color: var(--gl-color-text);
	letter-spacing: var(--gl-letter-snug);
}

body.woocommerce-checkout h3 {
	font-size: var(--gl-fs-h3);
	margin-bottom: var(--gl-space-4);
}

/* Tabele */
body.woocommerce-cart table.shop_table,
body.woocommerce-checkout table.shop_table,
body.woocommerce-checkout #order_review table.shop_table {
	border: 1px solid var(--gl-color-border);
	border-radius: var(--gl-radius-md);
	overflow: hidden;
	background: var(--gl-color-surface);
}

body.woocommerce-cart table.shop_table th,
body.woocommerce-cart table.shop_table td,
body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td {
	border-color: var(--gl-color-border-hairline);
}

body.woocommerce-cart table.shop_table thead th {
	background: var(--gl-color-muted);
	font-weight: 600;
	font-size: var(--gl-fs-small);
	color: var(--gl-color-text-secondary);
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table th {
	padding: var(--gl-space-3) var(--gl-space-4);
}

/* Formularze */
body.woocommerce-checkout .form-row label,
body.woocommerce-cart .coupon label {
	font-size: var(--gl-fs-small);
	font-weight: 500;
	color: var(--gl-color-text-secondary);
	margin-bottom: var(--gl-space-1);
}

body.woocommerce-checkout .form-row .required {
	color: var(--gl-color-accent);
}

body.woocommerce-checkout .form-row input.input-text,
body.woocommerce-checkout .form-row select,
body.woocommerce-checkout .form-row textarea,
body.woocommerce-cart .woocommerce-cart-form .input-text,
body.woocommerce-cart .woocommerce-cart-form select {
	border-radius: var(--gl-radius-sm);
	border: 1px solid var(--gl-color-border);
	padding: 12px 14px;
	font-size: var(--gl-fs-body);
	font-family: var(--gl-font-body);
	background: var(--gl-color-surface);
	color: var(--gl-color-text);
	box-sizing: border-box;
}

body.woocommerce-checkout .form-row input.input-text:focus,
body.woocommerce-checkout .form-row select:focus,
body.woocommerce-checkout .form-row textarea:focus,
body.woocommerce-cart .woocommerce-cart-form .input-text:focus,
body.woocommerce-cart .woocommerce-cart-form select:focus {
	outline: none;
	border-color: var(--gl-color-accent);
	box-shadow: 0 0 0 3px var(--gl-color-accent-soft);
}

body.woocommerce-checkout #order_review,
body.woocommerce-checkout #payment {
	border: 1px solid var(--gl-color-border);
	border-radius: var(--gl-radius-md);
	background: var(--gl-color-surface);
	box-shadow: var(--gl-shadow-soft);
}

body.woocommerce-checkout #order_review {
	padding: var(--gl-space-5);
}

body.woocommerce-checkout #order_review_heading {
	background: transparent;
	border: none;
	padding: 0;
	margin-bottom: var(--gl-space-4);
	font-family: var(--gl-font-heading);
	font-weight: 500;
	font-size: var(--gl-fs-h3);
}

body.woocommerce-checkout #payment {
	margin-top: var(--gl-space-5);
	overflow: visible;
	padding: var(--gl-space-4);
}

body.woocommerce-checkout #payment ul.payment_methods {
	border-bottom-color: var(--gl-color-border-hairline);
}

body.woocommerce-checkout #payment div.payment_box {
	background: var(--gl-color-muted);
	color: var(--gl-color-text);
	border-radius: var(--gl-radius-sm);
	font-size: var(--gl-fs-small);
}

body.woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: var(--gl-color-muted);
}

body.woocommerce-checkout ul#shipping_method,
body.woocommerce-checkout ul.wc_payment_methods {
	border: 1px solid var(--gl-color-border-hairline);
	border-radius: var(--gl-radius-sm);
	padding: var(--gl-space-3) var(--gl-space-4);
	background: var(--gl-color-muted);
}

body.woocommerce-checkout ul#shipping_method li label,
body.woocommerce-checkout ul.wc_payment_methods li label {
	font-size: var(--gl-fs-small);
	color: var(--gl-color-text);
}

body.woocommerce-checkout #ship-to-different-address label,
body.woocommerce-checkout .woocommerce-checkbox-wrapper label {
	font-size: var(--gl-fs-small);
	color: var(--gl-color-text);
}

/* Przyciski jak .gl-btn */
body.woocommerce-cart .button,
body.woocommerce-checkout .button,
body.woocommerce-cart button.button,
body.woocommerce-checkout button.button,
body.woocommerce-cart input.button,
body.woocommerce-checkout input.button {
	border-radius: var(--gl-radius-md);
	font-family: var(--gl-font-body);
	font-weight: 500;
	font-size: var(--gl-fs-small);
	letter-spacing: 0.01em;
	transition: background var(--gl-transition), border-color var(--gl-transition), color var(--gl-transition),
		box-shadow var(--gl-transition);
}

body.woocommerce-cart .button.alt,
body.woocommerce-checkout .button.alt,
body.woocommerce-cart button.button.alt,
body.woocommerce-checkout button.button.alt,
body.woocommerce-checkout #place_order {
	background: var(--gl-color-accent) !important;
	color: #fff !important;
	border: 1px solid var(--gl-color-accent) !important;
}

body.woocommerce-cart .button.alt:hover,
body.woocommerce-checkout .button.alt:hover,
body.woocommerce-checkout #place_order:hover {
	background: var(--gl-color-accent-dark) !important;
	border-color: var(--gl-color-accent-dark) !important;
	color: #fff !important;
}

body.woocommerce-cart .button:not(.alt),
body.woocommerce-checkout .button:not(.alt),
body.woocommerce-cart button.button:not(.alt),
body.woocommerce-checkout button.button:not(.alt) {
	background: var(--gl-color-surface);
	color: var(--gl-color-text);
	border: 1px solid var(--gl-color-border);
}

body.woocommerce-cart .button:not(.alt):hover,
body.woocommerce-checkout .button:not(.alt):hover {
	border-color: var(--gl-color-accent);
	color: var(--gl-color-accent-dark);
	background: var(--gl-color-muted);
}

body.woocommerce-cart .coupon .button {
	vertical-align: middle;
}

body.woocommerce-cart .cart-collaterals .cart_totals {
	border: 1px solid var(--gl-color-border);
	border-radius: var(--gl-radius-md);
	padding: var(--gl-space-5);
	background: var(--gl-color-surface);
	box-shadow: var(--gl-shadow-soft);
}

body.woocommerce-cart .cart-collaterals .cart_totals h2 {
	border-bottom-color: var(--gl-color-border-hairline);
	font-size: var(--gl-fs-h3);
	padding-bottom: var(--gl-space-3);
	margin-bottom: var(--gl-space-4);
}

/* Select2 checkout */
body.woocommerce-checkout .select2-container .select2-selection--single {
	border-radius: var(--gl-radius-sm);
	border-color: var(--gl-color-border);
	min-height: 46px;
	padding: 4px 6px;
	font-family: var(--gl-font-body);
}

body.woocommerce-checkout .select2-container--focus .select2-selection,
body.woocommerce-checkout .select2-container--open .select2-selection {
	border-color: var(--gl-color-accent);
	box-shadow: 0 0 0 3px var(--gl-color-accent-soft);
}

body.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected],
body.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: var(--gl-color-accent);
}

/* Paczkomat / iframe — nie przełamu układu */
body.woocommerce-checkout .easypack-parcel-machine-select,
body.woocommerce-checkout [id*="easypack"],
body.woocommerce-checkout [class*="easypack"],
body.woocommerce-checkout [id*="geowidget"],
body.woocommerce-checkout iframe[src*="geowidget"],
body.woocommerce-checkout iframe[src*="inpost"] {
	max-width: 100%;
}

/* Zamówienie — podsumowanie */
body.woocommerce-order-received ul.order-overview,
body.woocommerce-order-received ul.woocommerce-order-overview {
	border: 1px solid var(--gl-color-border);
	border-radius: var(--gl-radius-md);
	padding: var(--gl-space-5);
	background: var(--gl-color-surface);
	box-shadow: var(--gl-shadow-soft);
}

body.woocommerce-order-received .woocommerce-column--billing-address,
body.woocommerce-order-received .woocommerce-column--shipping-address {
	padding: var(--gl-space-4);
	border-radius: var(--gl-radius-md);
	border: 1px solid var(--gl-color-border);
	background: var(--gl-color-muted);
}

article.gl-page-checkout > .gl-content {
	max-width: none;
}