/* ── Jobs listing & cards ────────────────────────────────────────── */

.delta-jobs-layout {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: var(--delta-space-6);
}

@media (max-width: 1024px) {
    .delta-jobs-layout { grid-template-columns: 1fr; }
}

.delta-jobs-filters {
    background: var(--delta-white);
    border-radius: var(--delta-radius-lg);
    padding: var(--delta-space-5);
    box-shadow: var(--delta-shadow-sm);
    position: sticky;
    top: var(--delta-space-6);
    height: fit-content;
}

.delta-jobs-filters h3 {
    font-size: var(--delta-fs-base);
    margin: 0 0 var(--delta-space-4);
    color: var(--delta-gray-900);
}

.delta-filter-group { margin-bottom: var(--delta-space-5); }
.delta-filter-group__label {
    font-size: var(--delta-fs-xs);
    font-weight: var(--delta-fw-semibold);
    text-transform: uppercase;
    color: var(--delta-gray-500);
    margin-bottom: var(--delta-space-2);
    display: block;
}

.delta-job-results {
    display: flex;
    flex-direction: column;
    gap: var(--delta-space-4);
}

.delta-job-results__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--delta-space-2);
}

.delta-job-card {
    background: var(--delta-white);
    border-radius: var(--delta-radius-lg);
    padding: var(--delta-space-6);
    box-shadow: var(--delta-shadow-sm);
    border: 1px solid var(--delta-border-color);
    transition: all var(--delta-transition);
    display: flex;
    gap: var(--delta-space-4);
    text-decoration: none;
    color: inherit;
}

.delta-job-card:hover {
    box-shadow: var(--delta-shadow-card-hover);
    transform: translateY(-2px);
    border-color: var(--delta-primary-soft);
    color: inherit;
}

.delta-job-card--featured {
    border-color: var(--delta-warning);
    background: linear-gradient(135deg, #FFFBEB, var(--delta-white));
}

.delta-job-card__logo {
    width: 64px; height: 64px;
    border-radius: var(--delta-radius);
    object-fit: cover;
    background: var(--delta-gray-100);
    flex-shrink: 0;
}

.delta-job-card__body { flex: 1; min-width: 0; }

.delta-job-card__title {
    font-size: var(--delta-fs-lg);
    font-weight: var(--delta-fw-semibold);
    margin: 0 0 var(--delta-space-1);
    color: var(--delta-gray-900);
}

.delta-job-card__company {
    color: var(--delta-gray-600);
    font-size: var(--delta-fs-sm);
    margin: 0 0 var(--delta-space-3);
}

.delta-job-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--delta-space-3);
    color: var(--delta-gray-500);
    font-size: var(--delta-fs-xs);
    margin-bottom: var(--delta-space-3);
}

.delta-job-card__meta-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.delta-job-card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: var(--delta-space-2);
}

.delta-job-card__aside {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    text-align: right;
}
html[dir="rtl"] .delta-job-card__aside { align-items: flex-start; text-align: left; }

.delta-job-card__salary {
    font-weight: var(--delta-fw-bold);
    color: var(--delta-secondary);
    font-size: var(--delta-fs-base);
    white-space: nowrap;
}

.delta-job-card__save {
    background: none;
    border: 0;
    color: var(--delta-gray-400);
    cursor: pointer;
    padding: var(--delta-space-1);
}
.delta-job-card__save:hover,
.delta-job-card__save.is-saved {
    color: var(--delta-accent);
}

/* Single job page */
.delta-single-job {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: var(--delta-space-8);
}
@media (max-width: 1024px) { .delta-single-job { grid-template-columns: 1fr; } }

.delta-single-job__main {
    background: var(--delta-white);
    border-radius: var(--delta-radius-lg);
    padding: var(--delta-space-8);
    box-shadow: var(--delta-shadow-card);
}

.delta-single-job__header {
    display: flex;
    gap: var(--delta-space-4);
    margin-bottom: var(--delta-space-6);
    padding-bottom: var(--delta-space-6);
    border-bottom: 1px solid var(--delta-border-color);
}

.delta-single-job__title {
    font-size: var(--delta-fs-3xl);
    margin: 0 0 var(--delta-space-2);
    color: var(--delta-gray-900);
}

.delta-single-job__sidebar {
    display: flex;
    flex-direction: column;
    gap: var(--delta-space-4);
}