/* Uniwersalny, lekki grid */
.u-grid {
    display: grid;
    gap: var(--gap, 12px);
    grid-template-columns: var(--cols, 1fr 1fr); /* domyślnie 2 kolumny po 50% */
    align-items: center;
}

/* Gotowe warianty */
.u-grid--2      { --cols: 1fr 1fr; }      /* 50/50 */
.u-grid--25-75  { --cols: 1fr 3fr; }      /* 25/75 */
.u-grid--75-25  { --cols: 3fr 1fr; }      /* 25/75 */
.u-grid--3      { --cols: 1fr 1fr 1fr; }  /* 3 kolumny */
.u-gap-0        { --gap: 0; }
.u-gap-8        { --gap: 8px; }
.u-gap-16       { --gap: 16px; }

/* Responsywne „złóż do jednej kolumny” na telefonach */
@media (max-width: 768px) {
    .u-grid.--stack-sm { grid-template-columns: 1fr !important; }
}

/* Żeby selecty/inputs ładnie wypełniały kolumnę */
.u-grid select,
.u-grid input,
.u-grid .select,
.u-grid .input {
    width: 100%;
    box-sizing: border-box;
}

/* ===== SPACING UTILITIES ===== */

/* Margin (m) i Padding (p) – krok co 10px do 100px */
:root {
    --space-0: 0;
    --space-10: 10px;
    --space-20: 20px;
    --space-30: 30px;
    --space-40: 40px;
    --space-50: 50px;
    --space-60: 60px;
    --space-70: 70px;
    --space-80: 80px;
    --space-90: 90px;
    --space-100: 100px;
}

/* Margins */
.m-0   { margin: var(--space-0)   !important; }
.m-10  { margin: var(--space-10)  !important; }
.m-20  { margin: var(--space-20)  !important; }
.m-30  { margin: var(--space-30)  !important; }
.m-40  { margin: var(--space-40)  !important; }
.m-50  { margin: var(--space-50)  !important; }
.m-60  { margin: var(--space-60)  !important; }
.m-70  { margin: var(--space-70)  !important; }
.m-80  { margin: var(--space-80)  !important; }
.m-90  { margin: var(--space-90)  !important; }
.m-100 { margin: var(--space-100) !important; }

/* Padding */
.p-0   { padding: var(--space-0)   !important; }
.p-10  { padding: var(--space-10)  !important; }
.p-20  { padding: var(--space-20)  !important; }
.p-30  { padding: var(--space-30)  !important; }
.p-40  { padding: var(--space-40)  !important; }
.p-50  { padding: var(--space-50)  !important; }
.p-60  { padding: var(--space-60)  !important; }
.p-70  { padding: var(--space-70)  !important; }
.p-80  { padding: var(--space-80)  !important; }
.p-90  { padding: var(--space-90)  !important; }
.p-100 { padding: var(--space-100) !important; }

/* Margin/Padding dla osi (x, y) */
.mx-10 { margin-left: var(--space-10) !important; margin-right: var(--space-10) !important; }
.my-10 { margin-top: var(--space-10) !important; margin-bottom: var(--space-10) !important; }
.px-10 { padding-left: var(--space-10) !important; padding-right: var(--space-10) !important; }
.py-10 { padding-top: var(--space-10) !important; padding-bottom: var(--space-10) !important; }

.mx-20 { margin-left: var(--space-20) !important; margin-right: var(--space-20) !important; }
.my-20 { margin-top: var(--space-20) !important; margin-bottom: var(--space-20) !important; }
.px-20 { padding-left: var(--space-20) !important; padding-right: var(--space-20) !important; }
.py-20 { padding-top: var(--space-20) !important; padding-bottom: var(--space-20) !important; }

.mx-30 { margin-left: var(--space-30) !important; margin-right: var(--space-30) !important; }
.my-30 { margin-top: var(--space-30) !important; margin-bottom: var(--space-30) !important; }
.px-30 { padding-left: var(--space-30) !important; padding-right: var(--space-30) !important; }
.py-30 { padding-top: var(--space-30) !important; padding-bottom: var(--space-30) !important; }


#borzych-jobs-results ul {
    list-style: none;
    padding: 0;
}
#borzych-jobs-results li {
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

#borzych-jobs-results li p {
    color: var(--theme-palette-color-4);
}

#borzych-jobs-results li strong {
    color: var(--theme-palette-color-2);
    cursor: pointer;
}

#borzych-jobs-results li small {
    color: #666;
}


#borzych-jobs-pagination a {
    margin: 0;
    cursor: pointer;
    padding:0 10px;
}

.borzych-job-iframe iframe {
    display: block;
    width: 100%;
    border: 0;
    /* opcjonalnie płynne zmiany wysokości: */
    transition: height 160ms ease;
}