.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-8222 .elementor-element.elementor-element-409af2d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8222 .elementor-element.elementor-element-409af2d:not(.elementor-motion-effects-element-type-background), .elementor-8222 .elementor-element.elementor-element-409af2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3D3D3D;}.elementor-widget-workscout-basicsearch .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-workscout-basicsearch .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-8222 .elementor-element.elementor-element-1084a7c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-workscout-jobs .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-workscout-jobs .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-8222 .elementor-element.elementor-element-b2d034b.elementor-element{--align-self:flex-start;}:root{--page-title-display:none;}@media(max-width:1700px){.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-workscout-basicsearch .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-workscout-basicsearch .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-workscout-jobs .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-workscout-jobs .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:1024px){.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-workscout-basicsearch .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-workscout-basicsearch .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-workscout-jobs .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-workscout-jobs .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:767px){.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-workscout-basicsearch .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-workscout-basicsearch .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-workscout-jobs .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-workscout-jobs .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );}.elementor-8222 .elementor-element.elementor-element-b2d034b.elementor-element{--align-self:flex-start;}}/* Start custom CSS for workscout-jobs, class: .elementor-element-b2d034b *//* ===========================================
   BalkanDrive • Job Cards – SAFE v7.1 (scoped)
   – ne dira .job_listings; sve je u okviru .job-listing.grid
   =========================================== */
:root{
  --bd-accent:#33a966;        /* Sistem rada (zelena) */
  --bd-accent-50:#eefcf4;
  --bd-accent-100:#d6f1e3;

  /* Baner za Dnevnicu (kontrastna plava – promeni po želji) */
  --bd-salary:#0ea5e9;
  --bd-salary-50:#e6f7fe;
  --bd-salary-100:#bfeafc;

  --bd-surface:#f9fcfa;       /* meka podloga (nije čisto belo) */
  --bd-surface-2:#f3f9f5;
  --bd-border:#e6edf2;
  --bd-text:#101828;
  --bd-muted:#667085;

  --bd-radius:16px;
  --bd-pad-x:20px;
  --bd-pad-y:16px;

  --bd-shadow-sm:0 1px 2px rgba(16,24,40,.05);
  --bd-shadow-lg:0 10px 28px rgba(16,24,40,.12);
}

/* ---------- KARTICA (samo .job-listing.grid) ---------- */
.job-listing.grid{
  position:relative; display:flex; flex-direction:column;
  margin:12px 0;
  background:linear-gradient(180deg,#fff 0%, var(--bd-surface) 100%) !important;
  border:1px solid var(--bd-border) !important;
  border-radius:var(--bd-radius) !important;
  box-shadow:var(--bd-shadow-sm) !important;
  overflow:hidden; isolation:isolate;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.job-listing.grid:hover{ transform:translateY(-1px); box-shadow:var(--bd-shadow-lg); border-color:#dbe7ef; }
.job-listing.grid:focus-within{ outline:2px solid rgba(51,169,102,.25); outline-offset:2px; }
.job-listing.grid::before{ content:""; position:absolute; inset:0 auto 0 0; width:3px;
  background:linear-gradient(180deg,var(--bd-accent),#1f9b5d); opacity:.95; }
.job-listing.grid::after{ content:""; position:absolute; inset:0 0 auto 0; height:56px;
  background:linear-gradient(180deg,rgba(51,169,102,.06),transparent); pointer-events:none; mix-blend-mode:multiply; }

/* cela kartica klikabilna */
.job-listing.grid .workscout-grid-job-link-handler{ position:absolute; inset:0; z-index:1; }

/* ---------- HEADER ---------- */
.job-listing.grid .job-listing-details{
  padding:var(--bd-pad-y) var(--bd-pad-x) 10px !important;
  display:grid; grid-template-columns:78px 1fr; gap:16px; align-items:center;
}
.job-listing.grid .job-listing-company-logo{
  width:78px;height:78px;border-radius:14px;background:#fff;
  border:1px solid var(--bd-border); display:grid; place-items:center; overflow:hidden;
}
.job-listing.grid .job-listing-company-logo img{ width:64px;height:64px;object-fit:contain; transform:translateZ(0); }
.job-listing.grid .job-listing-description{ min-width:0; }
.job-listing.grid .job-listing-company{
  margin:0 0 4px; color:var(--bd-muted) !important;
  font:700 12px/1 Poppins,Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing:.04em; text-transform:uppercase;
}
.job-listing.grid .job-listing-title{
  margin:0; color:var(--bd-text) !important; font-weight:750;
  font-size:19px; line-height:1.28; display:flex; flex-wrap:wrap; gap:8px; align-items:center;
  word-break:break-word;
}

/* ---------- BADGE “Sistem rada …” (uvek zeleni) ---------- */
.job-listing.grid .listing-types-list{ display:inline-flex; align-items:center; }
.job-listing.grid .listing-types-list .job-type,
.job-listing.grid .job-type{
  background:var(--bd-accent-50) !important;
  color:var(--bd-accent) !important;
  border:1px solid var(--bd-accent-100) !important;
  padding:5px 12px !important; border-radius:999px !important;
  font-size:12px !important; font-weight:900 !important; line-height:1 !important;
  white-space:nowrap; text-transform:none !important; box-shadow:none !important;
}

/* ---------- FOOTER ---------- */
.job-listing.grid .job-listing-footer{
  margin-top:auto;
  background:linear-gradient(180deg,var(--bd-surface-2),#fff) !important;
  border-top:1px solid var(--bd-border) !important;
  padding:12px var(--bd-pad-x) 16px !important;
}
.job-listing.grid .job-listing-footer ul{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px; margin:0;
}
.job-listing.grid .job-listing-footer li{
  display:inline-flex; align-items:center; gap:8px;
  color:var(--bd-muted) !important; font-size:14px;
}
.job-listing.grid .job-listing-footer i{ color:var(--bd-accent) !important; font-size:18px; line-height:1; }
.job-listing.grid .job-listing-footer .job-listing-footer-company{ display:none !important; }

/* desktop tačkasti separator */
@media (min-width:741px){
  .job-listing.grid .job-listing-footer li:not(:last-child){ position:relative; }
  .job-listing.grid .job-listing-footer li:not(:last-child)::after{
    content:""; width:4px; height:4px; border-radius:50%; background:#dfe7ec; margin-left:10px;
  }
}

/* ---------- DNEVNICA = BANER (druga boja, bold) ---------- */
/* Fallback: targetuj poslednji <li> (radi svuda) */
.job-listing.grid .job-listing-footer ul > li:last-child{
  margin-left:auto;
  display:inline-flex; align-items:center; gap:10px;
  font-weight:900 !important; font-size:17px !important; letter-spacing:.2px;
  color:#0a4660 !important;
  background:linear-gradient(135deg,var(--bd-salary-50),#d9f2fe) !important;
  border:2px solid var(--bd-salary-100) !important;
  padding:10px 16px !important; border-radius:14px !important;
  box-shadow:0 0 0 2px rgba(14,165,233,.14), 0 8px 18px rgba(16,24,40,.10);
  font-variant-numeric:tabular-nums;
}
/* Precizno: ako postoji ikona “local-atm” */
@supports .elementor-8222 .elementor-element.elementor-element-b2d034b(li:has(i.icon-material-outline-local-atm)){
  .job-listing.grid .job-listing-footer ul > li:has(i.icon-material-outline-local-atm){
    margin-left:auto; order:99;
    display:inline-flex; align-items:center; gap:10px;
    font-weight:900 !important; font-size:17px !important;
    color:#0a4660 !important;
    background:linear-gradient(135deg,var(--bd-salary-50),#d9f2fe) !important;
    border:2px solid var(--bd-salary-100) !important;
    padding:10px 16px !important; border-radius:14px !important;
    box-shadow:0 0 0 2px rgba(14,165,233,.14), 0 8px 18px rgba(16,24,40,.10);
  }
  .job-listing.grid .job-listing-footer ul > li:has(i.icon-material-outline-local-atm) i{
    color:#0a4660 !important; font-size:20px !important;
  }
}

/* ---------- MOBILNI (samo unutar kartice) ---------- */
@media (max-width:740px){
  .job-listing.grid .job-listing-details{
    grid-template-columns:58px 1fr; gap:12px;
    padding:14px 14px 6px !important;
  }
  .job-listing.grid .job-listing-company-logo{ width:58px;height:58px;border-radius:10px; }
  .job-listing.grid .job-listing-company-logo img{ width:46px;height:46px; }
  .job-listing.grid .job-listing-title{ display:block; font-size:17.2px; line-height:1.34; }
  .job-listing.grid .job-listing-title .listing-types-list{ display:block; margin-top:8px; }

  .job-listing.grid .job-listing-footer{ padding:10px 14px 14px !important; }
  .job-listing.grid .job-listing-footer ul{ display:grid !important; grid-template-columns:1fr 1fr; gap:10px !important; }
  .job-listing.grid .job-listing-footer li{ min-height:38px; align-items:center; }
  /* Salary baner – PRVI i FULL width */
  .job-listing.grid .job-listing-footer ul > li:last-child{
    order:-2; grid-column:1/-1; width:100%; justify-content:center; text-align:center;
    font-size:18px !important; padding:12px 18px !important;
  }
  @supports .elementor-8222 .elementor-element.elementor-element-b2d034b(li:has(i.icon-material-outline-local-atm)){
    .job-listing.grid .job-listing-footer ul > li:has(i.icon-material-outline-local-atm){
      order:-2; grid-column:1/-1; width:100%; justify-content:center; text-align:center;
      font-size:18px !important; padding:12px 18px !important;
    }
  }
  /* bez tačkica na mobilu */
  .job-listing.grid .job-listing-footer li::after{ display:none !important; }
}

/* ---------- A11y / polish ---------- */
.job-listing.grid .job-listing-title a{ color:inherit; text-decoration:none; }
.job-listing.grid .job-listing-title a:hover{ text-decoration:underline; }/* End custom CSS */