/* ============================================================
   LUXOR PLASMAN — Karijera: obrazac za prijavu (shortcode [luxor_karijera])
   Selektori su namjerno dvostruki (.lx-karijera .lxk-…) — Woodmart
   globalno stilizuje input/select/textarea/button i inače pobijedi.
   ============================================================ */

.lx-karijera{
  --lx-green:#2B5B2A;
  --lx-green-dark:#1F4522;
  --lx-lime:#7CC733;
  --lx-ink:#1E2A1E;
  --lx-muted:#5A6B5A;
  --lx-line:#D9E0D8;
  --lx-soft:#F4F7F3;
  --lx-red:#B3261E;
  --lx-halo:0 0 0 4px rgba(124,199,51,.28);
  max-width:60rem;
  margin:0 0 3rem;
  color:var(--lx-ink);
}

.lx-karijera .lxk-obrazac{
  background:#fff;
  border:1px solid var(--lx-line);
  border-radius:14px;
  padding:28px 30px 30px;
  box-shadow:0 1px 2px rgba(16,24,16,.05),0 10px 28px rgba(16,24,16,.05);
}

.lx-karijera .lxk-naslov{
  color:var(--lx-green);font-size:1.32rem;line-height:1.28;
  margin:0 0 .35em;padding:0;border:0;
}
.lx-karijera .lxk-uvod{color:var(--lx-muted);font-size:.95rem;margin:0 0 1.5em;line-height:1.6}

/* --- mreža polja: dvije kolone na širem ekranu --- */
.lx-karijera .lxk-mreza{
  display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;
}
.lx-karijera .lxk-puno{grid-column:1 / -1}

.lx-karijera .lxk-polje{display:flex;flex-direction:column;gap:7px;min-width:0}
.lx-karijera .lxk-polje > label,
.lx-karijera .lxk-oznaka{
  font-weight:600;font-size:.93rem;color:var(--lx-ink);margin:0;
}
.lx-karijera .lxk-z{color:var(--lx-green)}

.lx-karijera .lxk-polje input[type=text],
.lx-karijera .lxk-polje input[type=email],
.lx-karijera .lxk-polje input[type=tel],
.lx-karijera .lxk-polje select,
.lx-karijera .lxk-polje textarea{
  width:100%;box-sizing:border-box;
  min-height:48px;padding:11px 14px;
  font:inherit;font-size:1rem;line-height:1.4;color:var(--lx-ink);
  background:#fff;border:1px solid var(--lx-line);border-radius:10px;
  box-shadow:none;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.lx-karijera .lxk-polje textarea{min-height:112px;resize:vertical}
.lx-karijera .lxk-polje select{
  appearance:none;-webkit-appearance:none;padding-right:40px;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%232B5B2A' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 15px center;
}
.lx-karijera .lxk-polje input::placeholder,
.lx-karijera .lxk-polje textarea::placeholder{color:#97A397}

.lx-karijera .lxk-polje input:focus,
.lx-karijera .lxk-polje select:focus,
.lx-karijera .lxk-polje textarea:focus{
  outline:0;border-color:var(--lx-green);box-shadow:var(--lx-halo);
}

/* --- greške --- */
.lx-karijera .lxk-polje.lxk-ima-gresku input,
.lx-karijera .lxk-polje.lxk-ima-gresku select,
.lx-karijera .lxk-polje.lxk-ima-gresku textarea,
.lx-karijera .lxk-polje.lxk-ima-gresku .lxk-fajl{border-color:var(--lx-red)}
.lx-karijera .lxk-greska{color:var(--lx-red);font-size:.86rem;line-height:1.4;margin:0}
.lx-karijera .lxk-greska-opsta{
  margin:18px 0 0;padding:12px 16px;border-radius:10px;
  background:#FBEDEC;color:var(--lx-red);font-size:.93rem;line-height:1.5;
}

/* --- CV: zona za fajl --- */
.lx-karijera .lxk-fajl{
  position:relative;display:flex;align-items:center;gap:16px;
  min-height:88px;padding:18px 20px;margin:0;cursor:pointer;
  background:var(--lx-soft);border:1.5px dashed #B9C6B7;border-radius:12px;
  transition:border-color .16s ease,background-color .16s ease;
}
.lx-karijera .lxk-fajl:hover,
.lx-karijera .lxk-fajl.lxk-povlaci{border-color:var(--lx-green);background:#EEF4EC}
.lx-karijera .lxk-fajl:focus-within{border-color:var(--lx-green);box-shadow:var(--lx-halo)}
.lx-karijera .lxk-fajl input[type=file]{
  position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;
}
.lx-karijera .lxk-fajl-ikona{flex:0 0 auto;width:34px;height:34px;fill:var(--lx-green)}
.lx-karijera .lxk-fajl-prazno,
.lx-karijera .lxk-fajl-izabran{display:flex;flex-direction:column;gap:3px;min-width:0;line-height:1.4;font-size:.96rem}
.lx-karijera .lxk-fajl-prazno strong{color:var(--lx-green);text-decoration:underline;text-underline-offset:2px}
.lx-karijera .lxk-fajl small{color:var(--lx-muted);font-size:.85rem}
.lx-karijera .lxk-fajl-ime{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--lx-ink)}
.lx-karijera .lxk-fajl-promijeni{color:var(--lx-green);font-size:.86rem;text-decoration:underline;text-underline-offset:2px}
.lx-karijera .lxk-fajl.lxk-ima-fajl{border-style:solid;border-color:var(--lx-green);background:#fff}
.lx-karijera [hidden]{display:none!important}

/* --- saglasnost --- */
.lx-karijera .lxk-saglasnost{margin-top:22px}
.lx-karijera .lxk-kvacica{
  display:flex;align-items:flex-start;gap:12px;margin:0;cursor:pointer;
  font-weight:400;font-size:.92rem;line-height:1.55;color:var(--lx-muted);
}
.lx-karijera .lxk-kvacica input{
  flex:0 0 auto;width:20px;height:20px;margin:1px 0 0;
  accent-color:var(--lx-green);cursor:pointer;
}
.lx-karijera .lxk-kvacica a{color:var(--lx-green);text-decoration:underline;text-underline-offset:2px}

/* --- zamka za botove: van ekrana, ne display:none (neki botovi to preskaču) --- */
.lx-karijera .lxk-zamka{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* --- dugme --- */
.lx-karijera .lxk-dugme{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;margin:24px 0 0;padding:0 30px;
  font:inherit;font-size:1rem;font-weight:700;letter-spacing:.01em;text-transform:none;
  color:#fff;background:var(--lx-green);border:0;border-radius:10px;cursor:pointer;
  transition:background-color .16s ease,transform .08s ease;
}
.lx-karijera .lxk-dugme:hover{background:var(--lx-green-dark);color:#fff}
.lx-karijera .lxk-dugme:active{transform:translateY(1px)}
.lx-karijera .lxk-dugme:focus-visible{outline:0;box-shadow:var(--lx-halo)}
.lx-karijera .lxk-dugme[disabled]{opacity:.75;cursor:progress}
.lx-karijera .lxk-dugme[disabled]::before{
  content:"";width:16px;height:16px;border-radius:50%;
  border:2px solid rgba(255,255,255,.4);border-top-color:#fff;
  animation:lxk-vrti .7s linear infinite;
}
@keyframes lxk-vrti{to{transform:rotate(360deg)}}

/* --- poslije slanja --- */
.lx-karijera .lxk-hvala{
  text-align:center;padding:40px 28px;
  background:var(--lx-soft);border:1px solid var(--lx-line);border-radius:14px;
}
.lx-karijera .lxk-hvala:focus{outline:0}
.lx-karijera .lxk-hvala svg{width:52px;height:52px;fill:var(--lx-lime);margin:0 auto 12px;display:block}
.lx-karijera .lxk-hvala h2{color:var(--lx-green);font-size:1.32rem;margin:0 0 .5em;padding:0;border:0}
.lx-karijera .lxk-hvala p{color:var(--lx-muted);margin:0 0 .4em}

.lx-karijera .lxk-bez-js{
  padding:14px 18px;border-radius:10px;background:var(--lx-soft);
  border-left:4px solid var(--lx-green);
}

@media (max-width:640px){
  .lx-karijera .lxk-obrazac{padding:22px 18px 24px;border-radius:12px}
  .lx-karijera .lxk-mreza{grid-template-columns:1fr;gap:16px}
  .lx-karijera .lxk-dugme{width:100%}
  .lx-karijera .lxk-fajl{padding:16px}
}

@media (prefers-reduced-motion:reduce){
  .lx-karijera *{transition:none!important;animation:none!important}
}