/* Import other stylesheets (standard CSS imports work with Propshaft) */
@import url("/assets/functions-20c396c4.css");
@import url("/assets/jobs-a13ac24c.css");

/* ── Typography ─────────────────────────────────────────────────────────────── */
body, .navbar, .button, .input, .select select, .textarea {
  font-family: "Inter", system-ui, -apple-system, sans-serif;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

main { flex: 1; }

.footer {
  background-color: transparent;
  border-top: 1px solid #ededed;
  padding: 0.75rem 1.5rem;
}

html.dark .footer { background-color: #0d1117; border-top-color: #21262d; }

.job-empty-state {
  min-height: 20vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 8px;
  margin: 1rem 0;
}

html.dark .job-empty-state { background-color: transparent; }

.content {
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  font-size: 1rem;
  line-height: 1.75;
}
.content p { margin-bottom: 1em; }
.content h1, .content h2, .content h3,
.content h4, .content h5, .content h6 { margin-top: 1.5em; margin-bottom: 0.5em; font-weight: 600; }
.content ul, .content ol { margin-bottom: 1em; padding-left: 1.5em; }
.content li { margin-bottom: 0.25em; }

/* ── Dark mode ──────────────────────────────────────────────────────────────── */
html.dark { color-scheme: dark; background-color: #0d1117; }

/* Base */
html.dark body { background-color: #0d1117; color: #e6edf3; }
html.dark .section { background-color: transparent; }
html.dark a { color: #58a6ff; }

/* Navbar */
html.dark .navbar { background-color: #161b22; border-bottom: 1px solid #30363d; }
html.dark .navbar-item,
html.dark .navbar-link,
html.dark .navbar-item a,
html.dark .navbar-item .title { color: #e6edf3 !important; }
html.dark .navbar-item:hover,
html.dark .navbar-item:focus,
html.dark .navbar-link:hover { background-color: #1c2128 !important; color: #e6edf3 !important; }
html.dark .navbar-dropdown { background-color: #1c2128; border-top: 2px solid #30363d; box-shadow: 0 8px 16px rgba(0,0,0,0.5); }
html.dark .navbar-burger span { background-color: #e6edf3; }

/* Flash notifications */
html.dark .notification.is-success { background-color: #0f2a1a; color: #56d364; }
html.dark .notification.is-danger { background-color: #2d1117; color: #ff7b72; }

/* Forms */
html.dark .input,
html.dark .textarea { background-color: #0d1117; border-color: #30363d; color: #e6edf3; }
html.dark .input::placeholder,
html.dark .textarea::placeholder { color: #656d76; }
html.dark .input:focus,
html.dark .textarea:focus { border-color: #58a6ff; box-shadow: 0 0 0 0.125em rgba(88,166,255,0.25); }
html.dark .select select { background-color: #0d1117; border-color: #30363d; color: #e6edf3; }
html.dark .select::after { border-color: #8b949e; }
html.dark .label { color: #e6edf3; }
html.dark .help { color: #8b949e; }
html.dark .checkbox,
html.dark .radio { color: #e6edf3; }

/* Buttons */
html.dark .button:not(.is-primary):not(.is-danger):not(.is-link):not(.is-success) { background-color: #1c2128; border-color: #30363d; color: #e6edf3; }
html.dark .button.is-link.is-outlined { border-color: #58a6ff; color: #58a6ff; }
html.dark .button.is-danger.is-outlined { border-color: #ff7b72; color: #ff7b72; }

/* Tags */
html.dark .tag.is-light { background-color: #1c2128; color: #e6edf3; }
html.dark .tag.is-dark { background-color: #30363d; color: #e6edf3; }

/* Generic Bulma text helpers */
html.dark .has-text-grey { color: #8b949e !important; }
html.dark .title,
html.dark .subtitle { color: #e6edf3; }

/* Job hero */
html.dark .job-hero { background: #111827; border-bottom-color: #30363d; }
html.dark .job-hero__title { color: #e6edf3; }
html.dark .job-hero__subtitle { color: #8b949e; }

/* Search bar */
html.dark .job-search-bar { background: #161b22; border-color: #30363d; box-shadow: none; }
html.dark .job-search-bar__icon { color: #656d76; }
html.dark .job-search-bar__input { color: #e6edf3; }
html.dark .job-search-bar__input::placeholder { color: #656d76; }

/* Filter pills */
html.dark .job-filter-pill { background: #1c2128; border-color: #30363d; color: #c9d1d9; }
html.dark .job-filter-pill i { color: #8b949e; }
html.dark .job-filter-pill__select { color: #c9d1d9; }
html.dark .job-filter-clear { border-color: #8b949e; color: #8b949e; background: #1c2128; }
html.dark .job-filter-clear:hover { background: #2d333b; color: #e6edf3; }

/* Job cards */
html.dark .job-card { border-bottom-color: #21262d; }
html.dark .job-card__title a { color: #e6edf3; }
html.dark .job-card__title a:hover { color: #58a6ff; }
html.dark .job-card__company,
html.dark .job-card__company a { color: #8b949e; }
html.dark .job-card__description { color: #8b949e; }
html.dark .job-card__location { color: #8b949e; }

/* Logo placeholder */
html.dark .company-logo-placeholder { background: #1c2128; color: #8b949e; }

/* Show page */
.content p + p { margin-top: 1em; }
html.dark .content { color: #e6edf3; }
html.dark .content strong,
html.dark .content b { color: #e6edf3; }
html.dark .content h1,
html.dark .content h2,
html.dark .content h3,
html.dark .content h4,
html.dark .content h5,
html.dark .content h6 { color: #e6edf3; }
html.dark .f7,
html.dark .f6 { color: #8b949e; }

.notification {
  border-radius: 0;
}

.notification:not(:last-child) {
  margin-bottom: 0;
}

.hint {
  font-size: small;
}

.tag {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 9px !important;
}

a.tag { cursor: pointer; }

/* ── EasyMDE markdown editor ─────────────────────────────────────────────── */
.editor-toolbar { background: #fff; border-color: #dbdbdb; opacity: 1; }
.editor-toolbar button { color: #363636 !important; }
.editor-toolbar button:hover,
.editor-toolbar button.active { background: #f5f5f5; border-color: #dbdbdb; }
.editor-toolbar i.separator { border-color: #dbdbdb; }
.CodeMirror { border-color: #dbdbdb; color: #363636; background: #fff; font-family: inherit; font-size: 1rem; }
.editor-preview { background: #fff; color: #363636; }
.editor-preview-side { border-color: #dbdbdb; }

/* ── Modal dark mode ─────────────────────────────────────────────────────── */
html.dark .modal-card { background-color: #161b22; border: 1px solid #30363d; }
html.dark .modal-card-head { background-color: #1c2128; border-bottom-color: #30363d; }
html.dark .modal-card-title { color: #e6edf3; }
html.dark .modal-card-body { background-color: #161b22; color: #e6edf3; }
html.dark .modal-card-foot { background-color: #1c2128; border-top-color: #30363d; }
html.dark .button.is-ghost.has-text-danger { color: #ff7b72 !important; }

html.dark .editor-toolbar { background: #161b22; border-color: #30363d; }
html.dark .editor-toolbar button { color: #e6edf3 !important; }
html.dark .editor-toolbar button:hover,
html.dark .editor-toolbar button.active { background: #1c2128; border-color: #30363d; }
html.dark .editor-toolbar i.separator { border-color: #30363d; }
html.dark .CodeMirror { background: #0d1117; color: #e6edf3; border-color: #30363d; }
html.dark .CodeMirror-cursor { border-left-color: #e6edf3; }
html.dark .editor-preview { background: #0d1117; color: #e6edf3; }
html.dark .editor-preview-side { border-color: #30363d; }