/* hp-tema.css — boje i identitet Helane (na hp-tpl.css strukturu).
   Zelena #5EA271 i jantar #FEB264 su zatečene boje teme. ?v se diže pri izmjeni. */

:root {
  --zelena:#5EA271; --zelena-tamna:#3F7A55; --zelena-svijetla:#EAF4ED;
  --jantar:#FEB264; --tinta:#1C2A22; --siva:#5F6B64; --linija:#E2E8E4;
  --papir:#F6F8F6; --r:14px; --r-pilula:999px; --maxw:1220px;
}

/* dvobojni dio naslova: <em> UNUTAR h* (drugi selektor od nadnaslova) */
h1 em, h2 em, h3 em { color: var(--zelena); font-style: normal; }

/* nadnaslov (em direktno dijete article) */
.seg > article > em { color: var(--zelena-tamna); }

/* osnovne boje teksta */
.seg > article > h2, .seg > article > h3 { color: var(--tinta); }
.seg > article > p { color: var(--siva); }

/* moduli podloge */
.mod-papir { background: var(--papir); }
.mod-tamna { background: var(--tinta); }
.mod-tamna > article > h2, .mod-tamna > article > h3 { color: #fff; }
.mod-tamna > article > p { color: #D7E0DA; }
.mod-tamna > article > em { color: var(--jantar); }
.mod-tamna h2 em, .mod-tamna h3 em { color: var(--jantar); }

/* tpl-grid-4 kartice */
.seg-kategorije > article:first-of-type ~ article { background:#fff; border:1px solid var(--linija); }

/* tpl-proces brojevi */
.tpl-proces > article:first-of-type ~ article::before { background: var(--zelena); color:#fff; }

/* rabatna ljestvica linije */
.seg-veleprodaja li { border-bottom: 1px solid var(--linija); }
.mod-tamna.seg-veleprodaja li, .seg-veleprodaja.mod-tamna li { border-bottom-color: rgba(255,255,255,.14); }
.seg-veleprodaja li b { color: var(--jantar); }

/* seg-onama: mjesto za sliku (kad dođe) desno */
.seg-onama { }

/* tpl-cta Kontakt: zelena ploča */
.seg-kontakt { background: var(--zelena); color:#fff; }
.seg-kontakt > article > h2, .seg-kontakt > article > h3 { color:#fff; }
.seg-kontakt > article > h2 em, .seg-kontakt > article > h3 em { color: var(--jantar); }
.seg-kontakt > article > p { color: var(--zelena-svijetla); }
.seg-kontakt > article > em { color: var(--zelena-svijetla); }


/* === hero === */
.seg-hero{background:var(--zelena-svijetla)}
.seg-hero > article > em{color:var(--zelena-tamna)}
.seg-hero > article > h1{color:var(--tinta)}
.seg-hero h1 em{color:var(--zelena-tamna)}
.seg-hero p a{background:var(--zelena);color:#fff;border-color:var(--zelena)}
.seg-hero p a:hover{background:var(--zelena-tamna);border-color:var(--zelena-tamna)}


/* === kartica proizvoda === */
.productsCon .list li .box{background:#fff;border:1px solid var(--linija);border-radius:var(--r)}
.productsCon .list li .box figure.img{background:#fff;border-bottom:1px solid var(--linija)}
.productsCon .list li .box .title{color:var(--tinta)}
.productsCon .list li .box .dimension-and-itemCode{color:var(--siva)}
.productsCon .list li .box .price strong{color:var(--tinta)}
.productsCon .list li .box .price small{color:var(--zelena-tamna);font-weight:600}


/* === akcijski red kartice === */
.productsCon .list li .box .kolicina{background:#fff}
.productsCon .list li .box .kolicina .qt-step{color:var(--siva)}
.productsCon .list li .box .dodaj-u-upit{background:var(--zelena);color:#fff}
.productsCon .list li .box .dodaj-u-upit:hover,.productsCon .list li .box .dodaj-u-upit.is-added{background:var(--zelena-tamna)}