/*
 * Canadanship Job System
 * Structural CSS only. Typography and primary button styling are inherited
 * from the active Canadanship theme / WordPress global styles.
 */
:root {
  --cjs-accent: var(--wp--preset--color--accent-1, var(--wp--preset--color--primary, var(--ast-global-color-0, var(--global-palette1, #1f5fae))));
  --cjs-surface: var(--wp--preset--color--base, var(--ast-global-color-5, var(--global-palette9, #ffffff)));
  --cjs-muted-surface: var(--wp--preset--color--base-2, var(--ast-global-color-4, #f7f8fa));
  --cjs-border: var(--wp--preset--color--contrast-3, var(--ast-border-color, #e4e7ec));
  --cjs-muted-text: var(--wp--preset--color--contrast-2, #667085);
}

.canadanship-job-summary,
.canadanship-job-application,
.canadanship-related-jobs,
.canadanship-latest-jobs,
.canadanship-job-card {
  font-family: inherit;
  color: inherit;
  box-sizing: border-box;
}

/*
 * Job Summary intentionally uses the site's native WordPress/theme table styles.
 * Only structural spacing/overflow is defined here; no custom colours, fonts,
 * borders, shadows, row backgrounds or heading design are forced by the plugin.
 */
.canadanship-job-summary {
  margin: 0 0 1.75rem;
}

.canadanship-job-summary > h2 {
  /* Let the active theme style this exactly like every other article H2. */
}

.canadanship-job-summary__table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.canadanship-job-summary__table {
  width: 100%;
}

.canadanship-job-summary__table th {
  width: 38%;
  text-align: left;
}

.canadanship-job-application {
  margin: 1.75rem 0;
  padding: 1.1rem 1.2rem;
  border: 1px solid var(--cjs-border);
  border-left: 3px solid var(--cjs-accent);
  border-radius: 8px;
  background: var(--cjs-muted-surface);
}

.canadanship-job-application p {
  margin: 0 0 .75rem;
}
.canadanship-job-application p:last-child { margin-bottom: 0; }
.canadanship-job-application__closed { display: block; margin-bottom: .4rem; }
.canadanship-job-source { font-size: .92em; }
.canadanship-job-apply-button { display: inline-block; text-decoration: none; }

.canadanship-related-jobs {
  margin: 1.5rem 0;
  padding: 1rem 1.1rem;
  border: 1px solid var(--cjs-border);
  border-radius: 8px;
}
.canadanship-related-jobs ul { margin: .55rem 0 0; padding-left: 1.2rem; }
.canadanship-related-jobs li + li { margin-top: .35rem; }

.canadanship-latest-jobs {
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--cjs-border);
}
.canadanship-latest-jobs > h2 { margin-top: 0; }

.canadanship-job-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.canadanship-job-card {
  padding: 1.1rem;
  background: var(--cjs-surface);
  border: 1px solid var(--cjs-border);
  border-radius: 9px;
}
.canadanship-job-card__title { margin: 0 0 .45rem; font-size: 1.05em; line-height: 1.35; }
.canadanship-job-card__title a { color: inherit; text-decoration: none; }
.canadanship-job-card__title a:hover { color: var(--cjs-accent); }
.canadanship-job-card__org { margin: 0 0 .4rem; font-weight: 600; }
.canadanship-job-card__meta { margin: 0; color: var(--cjs-muted-text); font-size: .9em; }
.canadanship-job-card__action { margin: .8rem 0 0; font-weight: 600; }
.canadanship-job-card__action a { color: var(--cjs-accent); }

@media (max-width: 700px) {
  .canadanship-job-grid { grid-template-columns: 1fr; }
}