/* BZ-42 - mobilne poprawki responsywnosci (bpnt / centroom / epi-centrum).
   Selektory sa unikalne per motyw, wiec jeden arkusz jest bezpieczny w calej sieci.
   Dostarczane jako prawdziwy arkusz (nie inline), bo WP Rocket RUCSS wycina inline <style>. */

/* #1 bpnt /transferownia/: email w bloku "wazny link" (28px, bez zawijania) ucinany przy 320px */
@media (max-width:575.98px) {
	.blok--wazny-link .title,
	.blok--wazny-link .title strong,
	.blok--wazny-link .title a {
		font-size: 20px;
		line-height: 1.3;
		overflow-wrap: break-word;
		word-break: break-word;
	}
}

@media (max-width:767.98px) {

	/* #6 epi-centrum slajd "Doswiadczaj poprzez eksperymentowanie": naglowek 32px nie
	   miesci sie w kontenerze 272px i jest przycinany */
	.experience_left h2 {
		font-size: 24px;
		line-height: 1.25;
		overflow-wrap: break-word;
		word-break: break-word;
	}

	/* #7/#8/#9 centroom koszyk i zamowienie: motyw wylacza responsywne zwijanie shop_table
	   (table-layout:fixed, 992px) - opisy i kwota do zaplaty ucinane. Wymuszamy stack. */
	.woocommerce table.shop_table,
	.woocommerce table.shop_table tbody,
	.woocommerce table.shop_table tfoot,
	.woocommerce table.shop_table tr,
	.woocommerce table.shop_table th,
	.woocommerce table.shop_table td {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		text-align: left !important;
		overflow-wrap: break-word;
	}

	.woocommerce table.shop_table {
		table-layout: auto !important;
	}

	.woocommerce table.shop_table thead {
		display: none !important;
	}
}