/* ============================================================
   LUXOR PLASMAN — stil pravnih i informativnih stranica
   Zalijepiti JEDNOM u: Izgled → Prilagodi → Dodatni CSS
   (Appearance → Customize → Additional CSS)
   Sve klase su sa "lx-" prefiksom da se ne sudaraju sa Woodmart temom.
   ============================================================ */

.lx-doc{
  --lx-green:#2B5B2A;
  --lx-lime:#7CC733;
  --lx-ink:#1E2A1E;
  --lx-muted:#5A6B5A;
  --lx-line:#E2E8E2;
  --lx-soft:#F4F7F3;
  color:var(--lx-ink);
  line-height:1.72;
  max-width:60rem;
}

.lx-doc h1,.lx-doc h2,.lx-doc h3{color:var(--lx-green);line-height:1.28}
.lx-doc h1{font-size:2rem;margin:0 0 .35em}
.lx-doc h2{
  font-size:1.32rem;margin:2.2em 0 .7em;
  padding-bottom:.4em;border-bottom:2px solid var(--lx-line);
}
.lx-doc h3{font-size:1.08rem;margin:1.7em 0 .5em}
.lx-doc p{margin:0 0 1.05em}
.lx-doc ul,.lx-doc ol{margin:0 0 1.2em;padding-left:1.35em}
.lx-doc li{margin-bottom:.5em}
.lx-doc a{color:var(--lx-green);text-decoration:underline;text-underline-offset:2px}
.lx-doc a:hover{color:var(--lx-lime)}
.lx-doc strong{color:var(--lx-green)}

/* podnaslov ispod H1 */
.lx-doc__lead{
  font-size:1.08rem;color:var(--lx-muted);
  margin:0 0 1.4em;
}

/* traka sa podacima o firmi (vrh dokumenta) */
.lx-doc__meta{
  background:var(--lx-soft);
  border-left:4px solid var(--lx-lime);
  border-radius:0 6px 6px 0;
  padding:16px 20px;margin:0 0 2em;
  font-size:.93rem;color:var(--lx-muted);
}
.lx-doc__meta p{margin:0}
.lx-doc__meta a{color:var(--lx-green)}

/* verzija / datum */
.lx-doc__version{
  display:inline-block;background:var(--lx-green);color:#fff;
  font-size:.82rem;font-weight:600;letter-spacing:.02em;
  padding:5px 12px;border-radius:999px;margin:0 0 1.3em;
}

/* tabele */
.lx-doc table{
  width:100%;border-collapse:collapse;margin:0 0 1.6em;
  font-size:.96rem;
}
.lx-doc thead th{
  background:var(--lx-green);color:#fff;text-align:left;
  padding:12px 15px;font-weight:600;
}
.lx-doc td,.lx-doc th{border:1px solid var(--lx-line);padding:11px 15px;vertical-align:top}
.lx-doc tbody tr:nth-child(even){background:var(--lx-soft)}

/* tabela mora da skroluje na mobilnom, a ne da razvuce stranicu */
.lx-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 1.6em}
.lx-table-scroll table{margin:0;min-width:32rem}

/* istaknuta napomena */
.lx-note{
  background:var(--lx-soft);border-left:4px solid var(--lx-green);
  border-radius:0 6px 6px 0;padding:14px 20px;margin:0 0 1.5em;
}
.lx-note p:last-child{margin:0}

/* Cesta pitanja */
.lx-faq{margin:0 0 1.5em}
.lx-faq details{
  border:1px solid var(--lx-line);border-radius:8px;
  margin-bottom:10px;background:#fff;
}
.lx-faq summary{
  cursor:pointer;padding:15px 20px;font-weight:600;color:var(--lx-green);
  list-style:none;position:relative;padding-right:48px;
}
.lx-faq summary::-webkit-details-marker{display:none}
.lx-faq summary::after{
  content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);
  font-size:1.4rem;font-weight:400;color:var(--lx-lime);line-height:1;
}
.lx-faq details[open] summary::after{content:"\2013"}
.lx-faq details[open] summary{border-bottom:1px solid var(--lx-line)}
.lx-faq__a{padding:15px 20px}
.lx-faq__a p:last-child{margin:0}

/* koraci "Kako kupiti" */
.lx-steps{list-style:none;counter-reset:lxstep;padding:0;margin:0 0 1.5em}
.lx-steps li{
  counter-increment:lxstep;position:relative;
  padding:0 0 0 46px;margin-bottom:16px;min-height:32px;
  display:flex;align-items:center;
}
.lx-steps li::before{
  content:counter(lxstep);
  position:absolute;left:0;top:0;
  width:32px;height:32px;border-radius:50%;
  background:var(--lx-green);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:.95rem;
}

/* obrasci (Prilog 1 i 2) */
.lx-form{
  border:1px solid var(--lx-line);border-radius:8px;
  padding:22px 24px;margin:0 0 1.6em;background:#fff;
}
.lx-form h3{margin-top:0}
.lx-form ol{list-style:none;padding:0;margin:0}
.lx-form li{
  border-bottom:1px dashed var(--lx-line);
  padding:11px 0;margin:0;
}
.lx-form li:last-child{border-bottom:0}
.lx-form__sign{
  display:flex;gap:32px;flex-wrap:wrap;
  margin-top:20px;padding-top:18px;border-top:1px solid var(--lx-line);
  color:var(--lx-muted);
}
.lx-form__note{font-size:.88rem;color:var(--lx-muted);margin:12px 0 0}

@media (max-width:600px){
  .lx-doc h1{font-size:1.6rem}
  .lx-doc h2{font-size:1.18rem}
  .lx-doc__meta,.lx-note{padding:13px 16px}
  .lx-form{padding:18px 16px}
}