/*
Theme Name: Trade Tracks Astra Child
Theme URI: https://tradetracks.net/
Description: Trade Tracks presentation layer for Astra and the Trade Tracks Core plugin.
Author: Trade Tracks
Version: 1.0.0
Template: astra
Text Domain: trade-tracks-astra-child
*/

:root {
  --tt-produce: #2e7d32;
  --tt-assemble: #f57c00;
  --tt-transport: #1e4f8a;
  --tt-help: #d4a017;
  --tt-orange: #d97732;
  --tt-green: #2e7d32;
  --tt-ink: #18252d;
  --tt-muted: #5a6870;
  --tt-surface: #f5f7f5;
  --tt-border: #dce4df;
  --tt-radius: 18px;
  --tt-shadow: 0 14px 38px rgba(24, 37, 45, .10);
  --green: var(--tt-green);
  --orange: var(--tt-orange);
  --blue: var(--tt-transport);
  --gold: var(--tt-help);
  --navy: #16324a;
  --ink: var(--tt-ink);
  --muted: var(--tt-muted);
  --paper: #ffffff;
  --cream: #f7f3e8;
  --line: var(--tt-border);
}

body { color: var(--tt-ink); }
.site-content { background: #fff; }
.ast-container { max-width: 1240px; }
a { text-underline-offset: .15em; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
  outline: 3px solid #111;
  outline-offset: 3px;
}

.tt-career-page {
  --tt-path: var(--tt-transport);
  max-width: 1240px;
  margin-inline: auto;
  padding: 1rem 1.25rem 4rem;
}
.tt-career-page.tt-path-produce { --tt-path: var(--tt-produce); }
.tt-career-page.tt-path-assemble { --tt-path: var(--tt-assemble); }
.tt-career-page.tt-path-transport { --tt-path: var(--tt-transport); }
.tt-career-page.tt-path-help { --tt-path: var(--tt-help); }
.tt-career-utility {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin: .5rem 0 1rem;
}
.tt-career-back { color: var(--tt-ink); font-weight: 800; text-decoration: none; }
.tt-career-tabs {
  display: flex;
  gap: .45rem;
  flex-wrap: wrap;
  margin: 0;
}
.tt-career-tabs a {
  display: inline-flex;
  justify-content: center;
  padding: .62rem .9rem;
  border: 1px solid var(--tt-border);
  border-radius: 999px;
  color: var(--tt-ink);
  background: #fff;
  font-weight: 800;
  text-decoration: none;
}
.tt-career-tabs a:hover,
.tt-career-tabs a[aria-current="page"] {
  color: #fff;
  border-color: var(--tt-path);
  background: var(--tt-path);
}
.tt-career-imported-content { min-width: 0; }
.tt-career-imported-content img { max-width: 100%; height: auto; }
.tt-career-imported-content :where(h1,h2,h3) { text-wrap: balance; }
.tt-empty-view {
  padding: 2rem;
  border: 1px dashed var(--tt-border);
  border-radius: var(--tt-radius);
  background: var(--tt-surface);
}

@media (max-width: 720px) {
  .tt-career-page { padding-inline: .9rem; }
  .tt-career-utility { align-items: stretch; }
  .tt-career-tabs { width: 100%; }
  .tt-career-tabs a { flex: 1 1 calc(33.333% - .45rem); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}