/*
 * WP JAC Fras - helpery odstępów (do pola "Dodatkowa klasa CSS" bloku albo ręcznie w HTML).
 *
 * Jednostka = grid Choty (--grid-gutter, 2rem). N to mnożnik: p-2 = 2 x grid, m-4 = 4 x grid.
 *
 *   p-N            padding ze wszystkich stron
 *   px-N / py-N    padding w osi X (lewo+prawo) / Y (góra+dół)
 *   m-N            margines ze wszystkich stron
 *   mx-N / my-N    margines w osi X / Y
 *
 * N = 0..8. Zmiana jednostki: :root { --wp-jac-grid: 1.5rem; }
 * Uwaga: w układzie "constrained" WP wymusza margin-left/right:auto !important na dzieciach - tam mx-N nie zadziała
 * (użyj px-N albo bloku Odstęp).
 */
:root {
	--wp-jac-grid: var(--grid-gutter, 2rem);
}

.p-0 { padding: 0; }
.px-0 { padding-left: 0; padding-right: 0; }
.py-0 { padding-top: 0; padding-bottom: 0; }
.m-0 { margin: 0; }
.mx-0 { margin-left: 0; margin-right: 0; }
.my-0 { margin-top: 0; margin-bottom: 0; }

.p-1 { padding: calc(var(--wp-jac-grid) * 1); }
.px-1 { padding-left: calc(var(--wp-jac-grid) * 1); padding-right: calc(var(--wp-jac-grid) * 1); }
.py-1 { padding-top: calc(var(--wp-jac-grid) * 1); padding-bottom: calc(var(--wp-jac-grid) * 1); }
.m-1 { margin: calc(var(--wp-jac-grid) * 1); }
.mx-1 { margin-left: calc(var(--wp-jac-grid) * 1); margin-right: calc(var(--wp-jac-grid) * 1); }
.my-1 { margin-top: calc(var(--wp-jac-grid) * 1); margin-bottom: calc(var(--wp-jac-grid) * 1); }

.p-2 { padding: calc(var(--wp-jac-grid) * 2); }
.px-2 { padding-left: calc(var(--wp-jac-grid) * 2); padding-right: calc(var(--wp-jac-grid) * 2); }
.py-2 { padding-top: calc(var(--wp-jac-grid) * 2); padding-bottom: calc(var(--wp-jac-grid) * 2); }
.m-2 { margin: calc(var(--wp-jac-grid) * 2); }
.mx-2 { margin-left: calc(var(--wp-jac-grid) * 2); margin-right: calc(var(--wp-jac-grid) * 2); }
.my-2 { margin-top: calc(var(--wp-jac-grid) * 2); margin-bottom: calc(var(--wp-jac-grid) * 2); }

.p-3 { padding: calc(var(--wp-jac-grid) * 3); }
.px-3 { padding-left: calc(var(--wp-jac-grid) * 3); padding-right: calc(var(--wp-jac-grid) * 3); }
.py-3 { padding-top: calc(var(--wp-jac-grid) * 3); padding-bottom: calc(var(--wp-jac-grid) * 3); }
.m-3 { margin: calc(var(--wp-jac-grid) * 3); }
.mx-3 { margin-left: calc(var(--wp-jac-grid) * 3); margin-right: calc(var(--wp-jac-grid) * 3); }
.my-3 { margin-top: calc(var(--wp-jac-grid) * 3); margin-bottom: calc(var(--wp-jac-grid) * 3); }

.p-4 { padding: calc(var(--wp-jac-grid) * 4); }
.px-4 { padding-left: calc(var(--wp-jac-grid) * 4); padding-right: calc(var(--wp-jac-grid) * 4); }
.py-4 { padding-top: calc(var(--wp-jac-grid) * 4); padding-bottom: calc(var(--wp-jac-grid) * 4); }
.m-4 { margin: calc(var(--wp-jac-grid) * 4); }
.mx-4 { margin-left: calc(var(--wp-jac-grid) * 4); margin-right: calc(var(--wp-jac-grid) * 4); }
.my-4 { margin-top: calc(var(--wp-jac-grid) * 4); margin-bottom: calc(var(--wp-jac-grid) * 4); }

.p-5 { padding: calc(var(--wp-jac-grid) * 5); }
.px-5 { padding-left: calc(var(--wp-jac-grid) * 5); padding-right: calc(var(--wp-jac-grid) * 5); }
.py-5 { padding-top: calc(var(--wp-jac-grid) * 5); padding-bottom: calc(var(--wp-jac-grid) * 5); }
.m-5 { margin: calc(var(--wp-jac-grid) * 5); }
.mx-5 { margin-left: calc(var(--wp-jac-grid) * 5); margin-right: calc(var(--wp-jac-grid) * 5); }
.my-5 { margin-top: calc(var(--wp-jac-grid) * 5); margin-bottom: calc(var(--wp-jac-grid) * 5); }

.p-6 { padding: calc(var(--wp-jac-grid) * 6); }
.px-6 { padding-left: calc(var(--wp-jac-grid) * 6); padding-right: calc(var(--wp-jac-grid) * 6); }
.py-6 { padding-top: calc(var(--wp-jac-grid) * 6); padding-bottom: calc(var(--wp-jac-grid) * 6); }
.m-6 { margin: calc(var(--wp-jac-grid) * 6); }
.mx-6 { margin-left: calc(var(--wp-jac-grid) * 6); margin-right: calc(var(--wp-jac-grid) * 6); }
.my-6 { margin-top: calc(var(--wp-jac-grid) * 6); margin-bottom: calc(var(--wp-jac-grid) * 6); }

.p-7 { padding: calc(var(--wp-jac-grid) * 7); }
.px-7 { padding-left: calc(var(--wp-jac-grid) * 7); padding-right: calc(var(--wp-jac-grid) * 7); }
.py-7 { padding-top: calc(var(--wp-jac-grid) * 7); padding-bottom: calc(var(--wp-jac-grid) * 7); }
.m-7 { margin: calc(var(--wp-jac-grid) * 7); }
.mx-7 { margin-left: calc(var(--wp-jac-grid) * 7); margin-right: calc(var(--wp-jac-grid) * 7); }
.my-7 { margin-top: calc(var(--wp-jac-grid) * 7); margin-bottom: calc(var(--wp-jac-grid) * 7); }

.p-8 { padding: calc(var(--wp-jac-grid) * 8); }
.px-8 { padding-left: calc(var(--wp-jac-grid) * 8); padding-right: calc(var(--wp-jac-grid) * 8); }
.py-8 { padding-top: calc(var(--wp-jac-grid) * 8); padding-bottom: calc(var(--wp-jac-grid) * 8); }
.m-8 { margin: calc(var(--wp-jac-grid) * 8); }
.mx-8 { margin-left: calc(var(--wp-jac-grid) * 8); margin-right: calc(var(--wp-jac-grid) * 8); }
.my-8 { margin-top: calc(var(--wp-jac-grid) * 8); margin-bottom: calc(var(--wp-jac-grid) * 8); }