/* Wspólna baza wizualna koszyka, checkoutu i strony potwierdzenia.
   Arkusz nie zmienia układu kolumn - za układ odpowiadają pliki stron. */

body.woocommerce-cart,
body.woocommerce-checkout {
	--indizio-color-primary: #1a1a1a;
	--indizio-color-primary-hover: #707070;
	--indizio-color-text: #222;
	--indizio-color-text-mid: #555;
	--indizio-color-text-light: #999;
	--indizio-color-border: #e2e2e2;
	--indizio-color-border-soft: #ececec;
	--indizio-color-surface: #fff;
	--indizio-color-surface-soft: #fafafa;
	--indizio-font: "Inter", sans-serif;
	--indizio-radius-sm: 6px;
	--indizio-radius-card: 10px;
	--indizio-shadow-card: 0 6px 20px rgba(0, 0, 0, .05);
}

body.woocommerce-cart .page-content,
body.woocommerce-checkout .page-content,
body.woocommerce-cart .type-page,
body.woocommerce-checkout .type-page {
	background-color: var(--indizio-color-surface) !important;
}

body.woocommerce-cart .woocommerce-notices-wrapper,
body.woocommerce-checkout .woocommerce-notices-wrapper {
	margin-bottom: 20px !important;
}

body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-error {
	box-sizing: border-box !important;
	margin-bottom: 24px !important;
	padding: 16px 20px !important;
	border: 1px solid var(--indizio-color-border) !important;
	border-top: 3px solid var(--indizio-color-primary) !important;
	border-radius: 8px !important;
	background: var(--indizio-color-surface) !important;
	box-shadow: var(--indizio-shadow-card) !important;
	color: var(--indizio-color-text) !important;
	font-family: var(--indizio-font) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
}

/* Komunikaty pojedyncze mogą układać tekst i CTA w jednym rzędzie. Lista
   błędów pozostaje blokiem, aby wiele komunikatów nie zostało ściśniętych. */
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
}

body.woocommerce-cart .woocommerce-error,
body.woocommerce-checkout .woocommerce-error {
	display: block !important;
}

body.woocommerce-cart .woocommerce-info::before,
body.woocommerce-cart .woocommerce-message::before,
body.woocommerce-checkout .woocommerce-info::before,
body.woocommerce-checkout .woocommerce-message::before {
	color: var(--indizio-color-primary) !important;
}

body.woocommerce-cart .cart-empty {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--indizio-color-text) !important;
	font-family: var(--indizio-font) !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
}

body.woocommerce-cart .cart-empty::before {
	display: none !important;
}

/* FiboSearch tworzy globalny kontener szczegółów wyników. Na stronach
   transakcyjnych pusty wrapper potrafił zostawić biały pas mimo zamkniętej
   wyszukiwarki; nie dotykamy samego pola ani wyników w nagłówku. */
body.woocommerce-cart .dgwt-wcas-details-wrapp.woocommerce,
body.woocommerce-checkout .dgwt-wcas-details-wrapp.woocommerce {
	display: none !important;
}

/* EAN/SKU/GTIN są danymi katalogowymi, a nie wyborem klienta. Ukrywamy
   wyłącznie te wiersze - nie całe dl.variation, które może zawierać np.
   pojemność, kolor lub rozmiar. */
body.woocommerce-cart .product-name .sku_wrapper,
body.woocommerce-cart .product-name .ean_code_wrapper,
body.woocommerce-checkout .product-name .sku_wrapper,
body.woocommerce-checkout .product-name .ean_code_wrapper,
body.woocommerce-cart .product-name dl.variation > dt[class*="EAN" i],
body.woocommerce-cart .product-name dl.variation > dd[class*="EAN" i],
body.woocommerce-cart .product-name dl.variation > dt[class*="SKU" i],
body.woocommerce-cart .product-name dl.variation > dd[class*="SKU" i],
body.woocommerce-cart .product-name dl.variation > dt[class*="GTIN" i],
body.woocommerce-cart .product-name dl.variation > dd[class*="GTIN" i],
body.woocommerce-checkout .product-name dl.variation > dt[class*="EAN" i],
body.woocommerce-checkout .product-name dl.variation > dd[class*="EAN" i],
body.woocommerce-checkout .product-name dl.variation > dt[class*="SKU" i],
body.woocommerce-checkout .product-name dl.variation > dd[class*="SKU" i],
body.woocommerce-checkout .product-name dl.variation > dt[class*="GTIN" i],
body.woocommerce-checkout .product-name dl.variation > dd[class*="GTIN" i] {
	display: none !important;
}

body.woocommerce-cart .product-name dl.variation:has(> dt[class*="EAN" i]):not(:has(> dt:not([class*="EAN" i]):not([class*="SKU" i]):not([class*="GTIN" i]))),
body.woocommerce-checkout .product-name dl.variation:has(> dt[class*="EAN" i]):not(:has(> dt:not([class*="EAN" i]):not([class*="SKU" i]):not([class*="GTIN" i]))) {
	display: none !important;
}

body.woocommerce-cart .woocommerce-message .button,
body.woocommerce-cart .woocommerce-info .button,
body.woocommerce-cart .return-to-shop .button.wc-backward {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	min-height: 38px !important;
	padding: 9px 16px !important;
	border: 1px solid var(--indizio-color-primary) !important;
	border-radius: var(--indizio-radius-sm) !important;
	background: var(--indizio-color-surface) !important;
	color: var(--indizio-color-primary) !important;
	font-family: var(--indizio-font) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: .04em !important;
	line-height: 1.3 !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	white-space: normal !important;
}

body.woocommerce-cart .woocommerce-message .button:hover,
body.woocommerce-cart .woocommerce-info .button:hover,
body.woocommerce-cart .return-to-shop .button.wc-backward:hover {
	background: var(--indizio-color-primary) !important;
	color: var(--indizio-color-surface) !important;
}

body.woocommerce-cart .return-to-shop .button.wc-backward {
	min-height: 48px !important;
	padding-right: 30px !important;
	padding-left: 30px !important;
}