/* ============================================================
   poruke.css — kartice za odgovor kontakt forme
   Traka u boji sa leve strane, okrugla ikona, naslov i objasnjenje.
   ============================================================ */
.kk-p{
  display:flex; gap:16px; align-items:flex-start; text-align:left;
  border-radius:12px; padding:18px 20px; border-left:5px solid;
  font-family:inherit;
}
.kk-p__ikona{
  flex:0 0 auto; width:52px; height:52px; border-radius:50%;
  display:grid; place-items:center; color:#fff; font-size:1.4rem;
}
.kk-p__tekst{ min-width:0; display:block; padding-top:2px }
.kk-p__tekst b{
  display:block; font-size:1.14rem; font-weight:700; color:#1f2937;
  margin-bottom:5px; line-height:1.25;
}
.kk-p__tekst span{
  display:block; font-size:.95rem; color:#4b5563; line-height:1.5;
}
.kk-p__tekst small{
  display:block; margin-top:9px; font-size:.85rem; color:#6b7280; line-height:1.5;
}
.kk-p__tekst a{ color:#1a7a4a; font-weight:600 }

.kk-p--uspeh     { background:#eafaf3; border-left-color:#34c38f }
.kk-p--uspeh     .kk-p__ikona{ background:#42bf94 }
.kk-p--greska    { background:#fdeef0; border-left-color:#e05260 }
.kk-p--greska    .kk-p__ikona{ background:#dc4f5e }
.kk-p--upozorenje{ background:#fdf6e3; border-left-color:#e6bb43 }
.kk-p--upozorenje .kk-p__ikona{ background:#e3c04a }
.kk-p--info      { background:#eeeefb; border-left-color:#5b5bd6 }
.kk-p--info      .kk-p__ikona{ background:#5d5fe3 }

@media (max-width:560px){
  .kk-p{ gap:12px; padding:15px 16px }
  .kk-p__ikona{ width:42px; height:42px; font-size:1.15rem }
  .kk-p__tekst b{ font-size:1.03rem }
  .kk-p__tekst span{ font-size:.9rem }
}