/* Simple Look – Komentari (front.css) — svetli redizajn 3.0.8 */

:root{
  --slk-text: var(--e-global-color-text, #0f172a);
  --slk-muted: #64748b;
  --slk-border: #e5e7eb;
  --slk-bg: #ffffff;
  --slk-surface: #ffffff;

  /* Primarna zelena */
  --slk-primary: #16a34a;
  --slk-primary-2: #15803d;
  --slk-primary-3: #22c55e;

  /* Sekundarna indigo */
  --slk-indigo: #4f46e5;
  --slk-indigo-2: #4338ca;

  /* Status */
  --slk-success: #16a34a;
  --slk-danger: #dc2626;

  /* UI */
  --slk-shadow: 0 10px 28px rgba(2,6,23,.08);
  --slk-radius: 16px;
  --slk-radius-sm: 12px;
  --slk-focus: 0 0 0 3px rgba(37,99,235,.25);
}

.slk-wrap{ font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: var(--slk-text); }

/* Ostavi komentar: veće, full-width zeleno */
.slk-open{
  width:100%; display:inline-flex; justify-content:center; align-items:center; gap:10px;
  padding:16px 18px; border-radius:var(--slk-radius);
  background:linear-gradient(180deg, var(--slk-primary-3), var(--slk-primary));
  color:#fff; border:1px solid rgba(22,163,74,.35); box-shadow:var(--slk-shadow);
  font-weight:800; font-size:16px; cursor:pointer; transition:transform .15s, filter .15s;
}
.slk-open:hover{ transform:translateY(-1px); filter:brightness(1.03); }
.slk-open:focus-visible{ outline:none; box-shadow:var(--slk-focus); }

/* Forma */
.slk-form{
  display:none; margin-top:14px; background:var(--slk-surface);
  border:1px solid var(--slk-border); border-radius:var(--slk-radius);
  padding:18px; box-shadow:var(--slk-shadow);
}
.slk-row{ display:flex; flex-direction:column; gap:8px; margin-bottom:12px; }
.slk-row label{ font-size:12px; color:var(--slk-muted); font-weight:700; letter-spacing:.02em; }

.slk-form input[type="text"], .slk-form input[type="email"], .slk-form textarea,
.slk-reply-form input[type="text"], .slk-reply-form input[type="email"], .slk-reply-form textarea{
  width:100%; padding:12px 14px; border-radius:var(--slk-radius-sm);
  background:#fff; border:1px solid var(--slk-border); color:var(--slk-text);
  outline:none; transition:border-color .15s, box-shadow .15s, background-color .15s;
}
.slk-form textarea, .slk-reply-form textarea{ resize:vertical; min-height:120px; }
.slk-form input:focus, .slk-form textarea:focus, .slk-reply-form input:focus, .slk-reply-form textarea:focus{
  border-color:var(--slk-indigo); box-shadow:var(--slk-focus);
}

/* Privatnost */
.slk-privacy .slk-check{ display:flex; gap:10px; align-items:flex-start; color:var(--slk-text); }
.slk-privacy .slk-check a{ color:var(--slk-indigo); text-decoration:none; }
.slk-privacy .slk-check a:hover{ text-decoration:underline; }

/* Pošalji: full-width zeleno */
.slk-send{
  width:100%; display:inline-flex; justify-content:center; align-items:center; gap:10px;
  padding:14px 16px; border-radius:var(--slk-radius-sm); border:1px solid transparent;
  background:linear-gradient(180deg, var(--slk-primary), var(--slk-primary-2));
  color:#fff; font-weight:800; font-size:15px; cursor:pointer; transition:transform .15s, filter .15s;
}
.slk-send:hover{ filter:brightness(1.05); transform:translateY(-1px); }
.slk-send:disabled{ opacity:.6; cursor:not-allowed; }

.slk-note{ font-size:12px; color:var(--slk-muted); margin-top:6px; }

/* Toast/obaveštenja */
.slk-toast{
  position:relative; margin-top:12px; padding:12px 14px; border-radius:var(--slk-radius-sm);
  border:1px solid #bbf7d0; background:#ecfdf5; color:#065f46; display:none; font-weight:600;
}
.slk-toast.show{ display:block; }
.slk-toast.error{ border-color:#fecaca; background:#fef2f2; color:#991b1b; }

/* Pravila – card */
.slk-rules{
  margin-top:14px; padding:14px 16px; border:1px solid var(--slk-border);
  background:#f8fafc; border-radius:var(--slk-radius); box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
}
.slk-rules p{ margin:0 0 8px; }
.slk-rules ul{ margin:8px 0 0 18px; padding:0; }
.slk-rules li{ margin:6px 0; color:#0f172a; }
.slk-rules li::marker{ color:var(--slk-indigo); }

/* Komentari */
.slk-list{ margin-top:18px; display:grid; gap:14px; }
.slk-empty{ opacity:.75; font-size:14px; }
.slk-item{
  border:1px solid var(--slk-border); background:var(--slk-bg); border-radius:var(--slk-radius);
  padding:16px; box-shadow:var(--slk-shadow);
}
.slk-h{ display:flex; justify-content:space-between; gap:12px; margin-bottom:8px; flex-wrap:wrap; }
.slk-author{ font-weight:800; color:var(--slk-text); }
.slk-date{ font-size:12px; color:var(--slk-muted); }
.slk-body{ color:var(--slk-text); line-height:1.7; }
.slk-body p{ margin:0 0 10px; }

.slk-ft{ display:flex; align-items:center; gap:12px; margin-top:12px; }

/* Glasanje – neutralno */
.slk-votes{ display:flex; gap:8px; }
.slk-vote{
  display:inline-flex; align-items:center; gap:6px; padding:7px 12px;
  border-radius:999px; background:#f1f5f9; border:1px solid #e2e8f0; color:#0f172a;
  cursor:pointer; font-weight:700; transition:background .15s, transform .15s, border-color .15s, box-shadow .15s;
}
.slk-vote:hover{ background:#eef2ff; border-color:#c7d2fe; transform:translateY(-1px); box-shadow:0 6px 16px rgba(67,56,202,.1); }
.slk-vote .n{ min-width:1.6em; text-align:center; }

/* Odgovori */
.slk-reply{
  margin-left:auto; display:inline-flex; padding:8px 14px; border-radius:999px;
  background:#eef2ff; border:1px solid #c7d2fe; color:#1e1b4b; cursor:pointer; font-weight:800;
  transition:transform .15s, filter .15s, box-shadow .15s;
}
.slk-reply:hover{ transform:translateY(-1px); filter:brightness(1.02); box-shadow:0 6px 16px rgba(79,70,229,.14); }

/* Obriši */
.slk-del{
  display:inline-flex; padding:8px 12px; border-radius:999px;
  background:#fff1f2; border:1px solid #fecaca; color:#991b1b; cursor:pointer; font-weight:800;
  transition:transform .15s, filter .15s, box-shadow .15s;
}
.slk-del:hover{ transform:translateY(-1px); filter:brightness(1.02); box-shadow:0 6px 16px rgba(220,38,38,.12); }

/* Deca / thread */
.slk-children{ margin-top:12px; display:grid; gap:12px; padding-left:16px; border-left:3px solid #e2e8f0; }

/* Reply forma – card */
.slk-reply-form{
  display:none; margin-top:12px; background:#fff; border:1px dashed var(--slk-border);
  border-radius:var(--slk-radius-sm); padding:14px;
}
/* Zaobilaženje tema koje guraju display:none!important */
.slk-reply-form.is-open{ display:block !important; }

@media (max-width:640px){
  .slk-h{ flex-direction:column; gap:4px; }
  .slk-children{ padding-left:12px; }
}

/* Pending indikacija */
.slk-item.slk-pending{ opacity:.95; border-style:dashed; }