/* Stranice /anonimno moraju slijediti tamni dizajn sajta */
.post-type-archive-dm_anonimno,
.single-dm_anonimno{
  background: transparent !important;
}

/* Wrapper */
.dm-a__page{
  background: transparent;
  color: inherit;
  padding: 18px 0;
}

.dm-a__container{
  max-width: 900px;
  margin: 0 auto;
  padding: 0 16px;
}

/* Tipografija */
.dm-a__title{ margin: 0 0 10px; }
.dm-a__lead{ opacity: .85; margin: 0 0 14px; }
.dm-a__h2{ margin: 18px 0 10px; }
.dm-a__back{ display:inline-block; margin: 0 0 12px; text-decoration:none; opacity:.85; color: inherit; }

/* Box + karta (dark friendly) */
.dm-a__box{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
  padding: 16px;
  margin: 16px 0;
}

.dm-a__notice{
  padding: 10px 12px;
  border-radius: 12px;
  margin: 0 0 12px;
  border: 1px solid rgba(255,255,255,.14);
}
.dm-a__notice--ok{ background: rgba(46, 204, 113, .12); }
.dm-a__notice--warn{ background: rgba(241, 196, 15, .12); }

.dm-a__label{ display:block; font-weight:700; margin: 0 0 8px; }
.dm-a__textarea{
  width: 100%;
  min-height: 120px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.18);
  color: inherit;
  padding: 12px;
  outline: none;
}

.dm-a__meta{ margin: 10px 0 0; opacity: .85; }

.dm-a__btn{
  margin-top: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 10px 14px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.10);
  color: inherit;
  cursor: pointer;
}

.dm-a__hp{ position:absolute; left:-9999px; top:-9999px; height:1px; width:1px; overflow:hidden; }

.dm-a__feed{ display:grid; gap:12px; margin:18px 0; }
.dm-a__card{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  padding: 14px;
}
.dm-a__card--single{ margin-top: 12px; }

.dm-a__card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:8px;
  opacity:.9;
}
.dm-a__link{
  display:block;
  text-decoration:none;
  color:inherit;
  line-height:1.45;
  margin-bottom:10px;
}

.dm-a__actions,
.dm-a__post-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}

.dm-a__vote, .dm-a__comments, .dm-a__cvote{
  display:inline-flex;
  gap:6px;
  align-items:center;
  border-radius:999px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  cursor:pointer;
  text-decoration:none;
  color:inherit;
}

.dm-a__hint{ opacity:.75; font-size:13px; }
.dm-a__empty{ opacity:.8; padding: 12px 0; }

/* Anonimni komentari */
.dm-a__comments-list{ display:grid; gap:10px; margin-top: 12px; }
.dm-a__comment{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  padding: 12px;
}
.dm-a__comment-meta{
  display:flex;
  gap:10px;
  opacity:.85;
  font-size: 13px;
  margin-bottom: 6px;
}
.dm-a__comment-author{ font-weight: 700; }
.dm-a__comment-actions{ margin-top: 8px; display:flex; gap:8px; flex-wrap:wrap; }

.dm-notice{
  margin: 12px 0 14px;
  padding: 12px 14px;
  border-radius: 14px;
  font-weight: 800;
  line-height: 1.35;
}

.dm-notice--ok{
  background: rgba(46, 204, 113, .12);
  border: 1px solid rgba(46, 204, 113, .35);
  color: #0f5132;
}

.dm-notice--err{
  background: rgba(255, 193, 7, .16);
  border: 1px solid rgba(255, 193, 7, .35);
  color: #664d03;
}

/* ako je dark page (home/single) da bude čitljivo */
body.dm-is-home .dm-notice--ok,
body.dm-is-single .dm-notice--ok{
  color: rgba(255,255,255,.92);
}
body.dm-is-home .dm-notice--err,
body.dm-is-single .dm-notice--err{
  color: rgba(255,255,255,.92);
}