/* SALESI — svetle ploščice. Spodnji del kartice izdelka nosi bledo meto,
   besedilo ostane v sivinah. Barve so iz zaklenjene palete.
   Ta datoteka samo prepiše videz kartic in ne posega v mreza.css. */

/* kartica izdelka v mreži področja */
.sal-k{border-color:#D5CFDC}
.sal-k-telo{background:#CFF6DC}
.sal-k-foto{border-bottom:1px solid #B6EFC9}
.sal-k-znamka{color:#2F3356}
.sal-k-ime{color:#1B2140}
.sal-k-kaj{color:#4F4D55}
.sal-k-noga{border-top:1px solid rgba(27,33,64,.14);color:#2F3356}
.sal-k:hover{border-color:#B6EFC9;box-shadow:0 14px 32px rgba(27,33,64,.1)}
.sal-k:hover .sal-k-noga{color:#1B2140}

/* plošča povpraševanja ob koncu mreže ostane bela, da meta ne prevlada */
.sal-cta{background:#FFFFFF}

/* kartica področja na strani Program in na podstraneh */
.podrocje .telo-p{background:#CFF6DC}
.podrocje .foto{border-bottom-color:#B6EFC9}
.podrocje h2,.podrocje h3{color:#1B2140}
.podrocje p{color:#4F4D55}
.podrocje .sklop{color:#2F3356}
.podrocje .go{color:#2F3356}
.podrocje:hover{border-color:#B6EFC9;box-shadow:0 16px 36px -20px rgba(27,33,64,.35)}
.podrocje:hover .go{color:#1B2140}
.page-template-page-program .podrocja>.podrocje:first-child .foto{border-right-color:#B6EFC9}

/* ploščice s področji na domači strani */
.domov26 ul.d26-podrocja li{
  background:#CFF6DC;border-color:#B6EFC9;color:var(--barva,#1B2140);
}

/* Storitve: vsaka storitev je ploščica */
.storitve .storitev{
  padding:clamp(20px,2.2vw,28px);border:1px solid #B6EFC9;border-radius:16px;
  background:#CFF6DC;
}
.storitev h2,.storitev h3{color:#1B2140}
.storitev .telo{color:#4F4D55}
.storitev .znacka{background:#FFFFFF;border-color:#B6EFC9;color:#2F3356}
.storitev .poudarki{border-top-color:rgba(27,33,64,.14)}
.storitev .poudarki li{border-bottom-color:rgba(27,33,64,.14);color:#4F4D55}
.storitev .poudarki li::before{background:#2F3356}
.storitev .poudarki b{color:#1A1A1D}

/* O podjetju: bloki so ploščice */
.onas-mreza .onas-blok{
  padding:clamp(20px,2.2vw,28px);border:1px solid #B6EFC9;border-radius:16px;
  background:#CFF6DC;
}
.onas-blok h3{color:#1B2140}
.onas-blok p,.onas-blok li{color:#4F4D55}

/* Kontakt: podatkovne celice */
.podatki > div{background:#CFF6DC;border-color:#B6EFC9}
.podatki > div:hover{background:#B6EFC9}
.podatki .k{color:#2F3356}
.podatki .v{color:#1B2140}
.podatki .v a{color:#1B2140}
.podatki .v a:hover{color:#2F3356}