/* EMAC — osnovni stil za edukacije i poslove.
   Sav sadržaj plugina nalazi se unutar .emac-listings.
   Filtriranje i učitavanje rezultata implementira plugin zasebno. */
.emac-listings {
  --emac-navy: #1b3a5c;
  --emac-navy-dark: #0f2740;
  --emac-blue: #2d5a8e;
  --emac-gold: #e8a838;
  --emac-text: #1a1a2e;
  --emac-muted: #5f6f82;
  --emac-soft: #f7f8fc;
  --emac-border: #dce3eb;
  color: var(--emac-text);
  font-family: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  min-width: 0;
}
.emac-listings *, .emac-listings *::before, .emac-listings *::after { box-sizing: border-box; }
.emac-listings :where(h1, h2, h3, p) { margin: 0; }
.emac-listings :where(h1, h2, h3) { color: var(--emac-navy); font-family: inherit; font-weight: 800; line-height: 1.2; letter-spacing: -.02em; overflow-wrap: anywhere; }
.emac-listings h1 { font-size: clamp(30px, 4vw, 48px); }
.emac-listings h2 { font-size: clamp(24px, 3vw, 32px); }
.emac-listings h3 { font-size: 22px; }
.emac-listings a { color: var(--emac-blue); text-underline-offset: .18em; overflow-wrap: anywhere; }
.emac-listings :where(a, button, input, select):focus-visible { outline: 3px solid var(--emac-blue); outline-offset: 4px; }
.emac-listings [hidden] { display: none !important; }

/* Zaglavlje i podnaslov */
.emac-listings .emac-header {
  padding: 40px;
  margin-bottom: 28px;
  border-radius: 24px;
  background: linear-gradient(135deg, var(--emac-navy-dark), var(--emac-navy) 62%, var(--emac-blue));
  color: #fff;
}
.emac-listings .emac-header :where(h1, h2) { color: #fff; }
.emac-listings .emac-kicker { margin-bottom: 12px; color: var(--emac-gold); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.emac-listings .emac-subtitle { margin-top: 14px; max-width: 800px; color: #edf2f7; font-size: 17px; }

/* Gumbi: glavni plavi, zlatni i obrubljeni */
.emac-listings .emac-button {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; max-width: 100%; padding: 11px 20px;
  border: 1px solid transparent; border-radius: 999px;
  background: var(--emac-navy); color: #fff;
  font: inherit; font-size: 14px; font-weight: 750; line-height: 1.4;
  text-align: center; text-transform: none; letter-spacing: normal;
  text-decoration: none; white-space: normal; cursor: pointer;
}
.emac-listings .emac-button:hover { background: var(--emac-navy-dark); color: #fff; }
.emac-listings .emac-button--gold { background: var(--emac-gold); color: #17283d; }
.emac-listings .emac-button--gold:hover { background: #f1bc60; color: #17283d; }
.emac-listings .emac-button--outline { border-color: var(--emac-border); background: #fff; color: var(--emac-navy); }
.emac-listings .emac-button--outline:hover { background: var(--emac-soft); color: var(--emac-navy); }
.emac-listings .emac-button:disabled { opacity: .55; cursor: default; }
.emac-listings .emac-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }

/* Filteri i polja */
.emac-listings .emac-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 16px; padding: 22px; margin-bottom: 24px; border: 1px solid var(--emac-border); border-radius: 20px; background: var(--emac-soft); }
.emac-listings .emac-field { display: grid; gap: 7px; flex: 1 1 180px; min-width: 0; }
.emac-listings .emac-field label { color: var(--emac-navy); font-size: 14px; font-weight: 700; }
.emac-listings .emac-field :where(input, select) { width: 100%; min-width: 0; min-height: 46px; margin: 0; padding: 10px 12px; border: 1px solid #aebed0; border-radius: 12px; background: #fff; color: var(--emac-text); font: inherit; font-size: 16px; }

/* Kartice rezultata: edukacije i poslovi */
.emac-listings .emac-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); gap: 20px; align-items: start; }
.emac-listings .emac-card { min-width: 0; padding: 24px; border: 1px solid var(--emac-border); border-radius: 20px; background: #fff; box-shadow: 0 8px 24px rgba(27,58,92,.06); }
.emac-listings .emac-card > * + * { margin-top: 12px; }
.emac-listings .emac-card h3 a { color: inherit; text-decoration: none; }
.emac-listings .emac-card h3 a:hover { text-decoration: underline; }
.emac-listings .emac-meta { color: var(--emac-muted); font-size: 14px; overflow-wrap: anywhere; }
.emac-listings .emac-tag { display: inline-block; max-width: 100%; padding: 5px 10px; border-radius: 999px; background: #eef3f9; color: var(--emac-navy); font-size: 12px; font-weight: 750; }
.emac-listings .emac-empty { padding: 28px; border: 1px dashed var(--emac-border); border-radius: 20px; color: var(--emac-muted); text-align: center; }

@media (max-width: 600px) {
  .emac-listings .emac-header { padding: 28px 20px; border-radius: 20px; }
  .emac-listings .emac-filters { padding: 18px; gap: 12px; }
  .emac-listings .emac-field { flex-basis: 100%; }
  .emac-listings .emac-card { padding: 20px; }
}

/* Adapters for the specification's sidebar, office forms and WordPress themes. */
.emac-listings.emac-je {
  width: 100%; max-width: 1280px;
  --ej-blue: var(--emac-blue); --ej-navy: var(--emac-navy);
  --ej-pale: #eef3f9; --ej-line: var(--emac-border); --ej-muted: var(--emac-muted);
  border-radius: 24px;
}
.emac-listings .emac-header { border-bottom: 0; }
.emac-listings .emac-header > div { min-width: 0; }
.emac-listings .emac-header > img { padding: 8px; background: #fff; border-radius: 12px; }
.emac-listings .emac-kicker { display: block; }
.emac-listings .emac-field > span { color: var(--emac-navy); font-size: 14px; font-weight: 700; }
.emac-listings .ej-filters { padding: 0; border: 0; background: transparent; }
.emac-listings .ej-filters summary { padding: 12px 18px; background: var(--emac-soft); border: 1px solid var(--emac-border); border-radius: 14px; }
.emac-listings .ej-filters .emac-filters { margin-top: 14px; }
.emac-listings .ej-filters .emac-field,
.emac-listings .ej-filters fieldset { flex: 1 1 100%; width: 100%; margin: 0; }
.emac-listings .ej-filters .ej-toggle { margin: 0; }
.emac-listings .ej-filters .ej-clear { margin: 0; }
.emac-listings .ej-filters .ej-check-list { gap: 10px; }
.emac-listings .ej-check-list label, .emac-listings .ej-toggle { color: var(--emac-text); font-size: 14px; }
.emac-listings input[type=checkbox] { accent-color: var(--emac-blue); }
.emac-listings .emac-card { margin-bottom: 0; }
.emac-listings .ej-deadline-soon { color: #75400b; background: #fff3dc; }
.emac-listings .ej-card h3 { margin: 0; }
.emac-listings .ej-card .ej-demo + h3 { margin-top: 12px; }
.emac-listings .ej-editor { margin-top: 22px; }
.emac-listings .ej-settings-grid, .emac-listings .ej-office-nav { margin-top: 20px; }
.emac-listings .ej-description p + p { margin-top: 14px; }
.emac-listings .ej-login h3, .emac-listings .ej-request h3 { margin-bottom: 16px; }
.emac-listings .ej-login p, .emac-listings .ej-request > p { margin-bottom: 18px; }
.emac-listings .ej-login input[type=checkbox] { width: 17px; min-height: 17px; }
.emac-listings .ej-danger { background: #9e2f25; border-color: #9e2f25; }
.emac-listings .ej-danger:hover { background: #7e251d; }
.emac-listings .ej-detail { padding: 22px; }
.emac-listings .ej-detail-institution { margin: 12px 0; }
.emac-listings .ej-office-nav a, .emac-listings .ej-link { color: var(--emac-blue); }
@media (max-width: 700px) {
  .emac-listings.emac-je { padding: 16px; border-radius: 20px; }
  .emac-listings .emac-header { align-items: flex-start; gap: 14px; }
  .emac-listings .emac-header > img { width: 56px; height: 56px; padding: 5px; }
  .emac-listings .emac-kicker { font-size: 10px; }
  .emac-listings .emac-subtitle { font-size: 15px; }
  .emac-listings .ej-results-top { flex-wrap: wrap; gap: 8px; }
  .emac-listings .ej-detail { padding: 12px; }
}

/* A single main title: the theme owns detail titles; results need only a count. */
.emac-listings .ej-results-top { justify-content: flex-end; }


.emac-listings .emac-header h1 { font-size: clamp(28px, 3vw, 36px); margin: 4px 0; }

/* Classic-theme bylines above the main EMAC content; never plugin data fields. */
body.emac-plugin-view main > article > .entry-meta,
body.emac-plugin-view main > article > .post-meta,
body.emac-plugin-view main > article > .entry-header .entry-meta,
body.emac-plugin-view main > article > .entry-header .post-meta,
body.emac-plugin-view main > article > .entry-header .byline,
body.emac-plugin-view main > article > .entry-header .posted-on { display: none !important; }

/* Detail content is owned by the plugin, independently of a theme's blog template. */
.emac-detail-shell { width: 100%; max-width: 1344px; margin: 0 auto; padding: 24px 32px; box-sizing: border-box; }
.emac-detail-shell > .emac-listings { margin: 0 auto; }
@media (max-width: 700px) { .emac-detail-shell { padding: 16px 12px; } }

.emac-listings .ej-catalogue-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; margin: 0 0 24px; background: var(--emac-soft); border: 1px solid var(--emac-border); border-radius: 16px; }
.emac-listings .ej-catalogue-tools p { color: var(--emac-muted); font-size: 14px; }
.emac-listings.ej-submission { max-width: 1100px; }
.emac-listings .ej-submission h2 { margin-bottom: 14px; }
.emac-listings.ej-submission > h2 { margin-bottom: 14px; }