.elementor-1175 .elementor-element.elementor-element-1bea418{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1175 .elementor-element.elementor-element-1bea418.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1175 .elementor-element.elementor-element-3707075{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:00px;--padding-bottom:00px;--padding-left:00px;--padding-right:00px;}.elementor-1175 .elementor-element.elementor-element-ea52d06{--display:flex;--min-height:0px;--background-transition:0.3s;}.elementor-1175 .elementor-element.elementor-element-100f5d8{--display:flex;--min-height:499px;--justify-content:flex-end;--overlay-opacity:0.18;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1175 .elementor-element.elementor-element-100f5d8:not(.elementor-motion-effects-element-type-background), .elementor-1175 .elementor-element.elementor-element-100f5d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0201016B;background-image:url("https://onlinejobs.eu.com/wp-content/uploads/2026/02/hf_20260203_101138_17923d01-cdee-4e06-aa74-8e6716b8233d.webp");background-position:center center;background-size:cover;}.elementor-1175 .elementor-element.elementor-element-100f5d8::before, .elementor-1175 .elementor-element.elementor-element-100f5d8 > .elementor-background-video-container::before, .elementor-1175 .elementor-element.elementor-element-100f5d8 > .e-con-inner > .elementor-background-video-container::before, .elementor-1175 .elementor-element.elementor-element-100f5d8 > .elementor-background-slideshow::before, .elementor-1175 .elementor-element.elementor-element-100f5d8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1175 .elementor-element.elementor-element-100f5d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#12A9FD;--background-overlay:'';}.elementor-1175 .elementor-element.elementor-element-100f5d8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1175 .elementor-element.elementor-element-f7873a2{--spacer-size:50px;}.elementor-1175 .elementor-element.elementor-element-78680ca{--display:flex;--min-height:238px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:10px 10px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1175 .elementor-element.elementor-element-78680ca:not(.elementor-motion-effects-element-type-background), .elementor-1175 .elementor-element.elementor-element-78680ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFFAB 0%, #FFFFFF 60%);}.elementor-1175 .elementor-element.elementor-element-5af14b8{--spacer-size:50px;}.elementor-1175 .elementor-element.elementor-element-9755c86{--spacer-size:50px;}.elementor-1175 .elementor-element.elementor-element-a440066{--display:flex;}.elementor-1175 .elementor-element.elementor-element-815d02e{--spacer-size:15px;}.elementor-1175 .elementor-element.elementor-element-41a95d4{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1175 .elementor-element.elementor-element-698a7af{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1175 .elementor-element.elementor-element-92fa368{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1175 .elementor-element.elementor-element-92fa368.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1175 .elementor-element.elementor-element-e1c6e9b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1175 .elementor-element.elementor-element-c0f8cd0{width:100%;max-width:100%;}.elementor-1175 .elementor-element.elementor-element-c0f8cd0.elementor-element{--align-self:center;}.elementor-1175 .elementor-element.elementor-element-c0f8cd0 > .elementor-widget-container{border-radius:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}@media(min-width:768px){.elementor-1175 .elementor-element.elementor-element-1bea418{--width:100%;}.elementor-1175 .elementor-element.elementor-element-100f5d8{--content-width:70%;}.elementor-1175 .elementor-element.elementor-element-78680ca{--content-width:70%;}.elementor-1175 .elementor-element.elementor-element-a440066{--width:100%;}.elementor-1175 .elementor-element.elementor-element-698a7af{--content-width:70%;}.elementor-1175 .elementor-element.elementor-element-92fa368{--width:100%;}.elementor-1175 .elementor-element.elementor-element-e1c6e9b{--width:79%;}}@media(max-width:1700px) and (min-width:768px){.elementor-1175 .elementor-element.elementor-element-92fa368{--width:1166px;}}@media(max-width:767px){.elementor-1175 .elementor-element.elementor-element-100f5d8:not(.elementor-motion-effects-element-type-background), .elementor-1175 .elementor-element.elementor-element-100f5d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://onlinejobs.eu.com/wp-content/uploads/2026/01/VIKEND-KOSILO-PETELN-Post-86-scaled-1.webp");background-position:0px 0px;background-size:cover;}.elementor-1175 .elementor-element.elementor-element-100f5d8{--min-height:365px;}.elementor-1175 .elementor-element.elementor-element-78680ca{--min-height:223px;--justify-content:flex-end;}.elementor-1175 .elementor-element.elementor-element-78680ca:not(.elementor-motion-effects-element-type-background), .elementor-1175 .elementor-element.elementor-element-78680ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(179deg, #FFFFFFAB 0%, #FFFFFF 18%);}.elementor-1175 .elementor-element.elementor-element-a440066{--justify-content:flex-end;}.elementor-1175 .elementor-element.elementor-element-e1c6e9b{--justify-content:flex-start;}.elementor-1175 .elementor-element.elementor-element-c0f8cd0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-ea52d06 *//* Container z ID-jem #ozadje1 */
#ozadje1{
  background: #2F3330;              /* svetlo siva */
  border: 1px solid rgba(0,0,0,.06); /* nežna obroba (opcijsko) */
  border-radius: 16px;               /* zaobljeni robovi (opcijsko) */
  padding: 24px;                     /* notranji odmik */
}
/* Poravnaj (brez zaoblitve) */
#ozadje1,
#ozadje1 .elementor-widget-container,
#ozadje1 .elementor-container,
#ozadje1 .elementor-column,
#ozadje1 .box,
#ozadje1 .job-listing,
#ozadje1 .content,
#ozadje1:before,
#ozadje1:after{
  border-radius: 0 !important;
}

/* Če kak wrapper reže robove, odstrani še to */
#ozadje1{ overflow: visible !important; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14c7846 *//* OJ pills v2 – prisili belo besedilo in specifično RGB ozadje */
#oj-pills-2 .job-pill-2{
  background: rgb(64, 247, 242) !important; /* ← tvoj RGB */
  color: #fff !important;                   /* bel tekst */
}

/* če je pill klikljiv (links="1"), naj bo tudi anchor bel */
#oj-pills-2 .job-pill-2 .pill-link-2,
#oj-pills-2 .job-pill-2 .pill-text-2{
  color: #fff !important;
  text-decoration: none;
}
#oj-pills-2 .job-pill-2 .pill-link-2:hover{
  color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a440066 *//* OJ pills v2 – prisili belo besedilo in specifično RGB ozadje */
#oj-pills-2 .job-pill-2{
  background: rgb(64, 247, 242) !important; /* ← tvoj RGB */
  color: #fff !important;                   /* bel tekst */
}

/* če je pill klikljiv (links="1"), naj bo tudi anchor bel */
#oj-pills-2 .job-pill-2 .pill-link-2,
#oj-pills-2 .job-pill-2 .pill-text-2{
  color: #fff !important;
  text-decoration: none;
}
#oj-pills-2 .job-pill-2 .pill-link-2:hover{
  color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92fa368 *//* === CARD – osnovni stil + gradient trak === */
.elementor-1175 .elementor-element.elementor-element-92fa368 .e-loop-item{
  position:relative; overflow:hidden;
  background:#fff; border:1px solid #e9eef3;
  border-radius:16px; padding:20px;
  box-shadow:0 6px 16px rgba(2,24,43,.05);
  transition:transform .08s ease, box-shadow .2s ease, border-color .2s ease;
}
.elementor-1175 .elementor-element.elementor-element-92fa368 .e-loop-item::before{
  content:""; position:absolute; left:0; top:0; right:0; height:4px;
  background:linear-gradient(90deg,#59e3d6, #7fd5ff 55%, #b8bdfb);
}
.elementor-1175 .elementor-element.elementor-element-92fa368 .e-loop-item:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(2,24,43,.10);
  border-color:#dde6ee;
}

/* === NASLOV === */
.elementor-1175 .elementor-element.elementor-element-92fa368 .e-loop-item .elementor-post__title{
  margin:0 0 10px 0;
  font-size:22px; line-height:1.2; font-weight:800;
  letter-spacing:-.01em; color:#1f2937;
}
.elementor-1175 .elementor-element.elementor-element-92fa368 .e-loop-item .elementor-post__title a{ color:inherit; text-decoration:none; }
.elementor-1175 .elementor-element.elementor-element-92fa368 .e-loop-item .elementor-post__title a:hover{ color:#12b7a8; }

/* === JOB TYPE kot badge (privzamemo, da je PRVI Shortcode za job type) === */
.elementor-1175 .elementor-element.elementor-element-92fa368 .e-loop-item .elementor-post__title + .elementor-widget-shortcode{
  display:inline-flex; align-items:center; justify-content:center;
  padding:4px 10px; border-radius:999px; 
  background:#eef3ff; color:#2457d6;
  font-size:12px; font-weight:700; line-height:1;
  margin-bottom:8px;
}

/* === META VRSTICA (drugi Shortcode po naslovu) === */
.elementor-1175 .elementor-element.elementor-element-92fa368 .e-loop-item .elementor-post__title + .elementor-widget-shortcode + .elementor-widget-shortcode{
  display:flex; flex-wrap:wrap; gap:12px;
  font-size:14px; font-weight:500; color:#6b7280;
  margin-bottom:6px;
}

/* === SEPARATOR nad TAGI (zadnji Shortcode v kartici) === */
.elementor-1175 .elementor-element.elementor-element-92fa368 .e-loop-item .elementor-widget-shortcode:last-of-type{
  margin-top:12px; padding-top:12px;
  border-top:1px solid #eef2f7;
}

/* === TAGI: 5-stolpčni grid + pills === */
.elementor-1175 .elementor-element.elementor-element-92fa368 .e-loop-item .elementor-widget-shortcode:last-of-type{
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px;
}
.elementor-1175 .elementor-element.elementor-element-92fa368 .e-loop-item .elementor-widget-shortcode:last-of-type a,
.elementor-1175 .elementor-element.elementor-element-92fa368 .e-loop-item .elementor-widget-shortcode:last-of-type span,
.elementor-1175 .elementor-element.elementor-element-92fa368 .e-loop-item .elementor-widget-shortcode:last-of-type li{
  display:flex; align-items:center; justify-content:center;
  padding:6px 10px; border-radius:20px;
  background:#eef7f3; color:#1f2937;
  font-size:14px; font-weight:600; line-height:1;
  text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.elementor-1175 .elementor-element.elementor-element-92fa368 .e-loop-item .elementor-widget-shortcode:last-of-type li{ list-style:none; }

/* === Responsive stolpci za tage === */
@media (max-width:1024px){
  .elementor-1175 .elementor-element.elementor-element-92fa368 .e-loop-item .elementor-widget-shortcode:last-of-type{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
@media (max-width:767px){
  .elementor-1175 .elementor-element.elementor-element-92fa368 .e-loop-item .elementor-widget-shortcode:last-of-type{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}/* End custom CSS */