/* ========================================================================== Vaš domaćin, WEB (od 1200px). Svetla zelena podloga radi preglednosti. Mobilni ostaje taman i živi u tema.css. Ovaj fajl se učitava samo na webu: ========================================================================== */ :root{ /* svetla podloga i tamno slovo, akcenti ostaju iz Co.mind palete */ --web-bg:#EAF4E1; /* svetlo zelena podloga */ --web-blok:#FFFFFF; /* beli blokovi */ --web-blok2:#DCEDD0; /* drugi ton, za trake i pločice */ --web-linija:#CBE0BB; --web-ink:#1B2413; /* glavni tekst */ --web-ink2:#41533A; /* drugi tekst */ --web-muted:#6D8062; /* prigušeni tekst */ } body{background:var(--web-bg)!important;color:var(--web-ink)!important} /* zaglavlje */ .vd-top{background:var(--web-bg)} .vd-brend small{color:var(--web-muted)} .vd-brend strong{color:var(--web-ink)} .vd-brend__znak{background:var(--g200);color:#fff} .vd-meni{color:var(--web-muted)} .vd-meni a{padding:6px 0;border-bottom:2px solid transparent} .vd-meni a:hover{color:var(--web-ink)} .vd-meni a.aktivna{color:var(--g100);border-bottom-color:var(--g200)} .vd-krug{background:var(--web-blok);color:var(--web-ink);border:1px solid var(--web-linija)} .vd-krug--aktivan{background:var(--g200);color:#fff;border-color:var(--g200)} .vd-pretraga{background:var(--web-blok);border:1px solid var(--web-linija)} .vd-pretraga input{color:var(--web-ink)} .vd-pretraga input::placeholder{color:var(--web-muted)} /* naslovi i sekcije ⚠ NE bojiti naslove globalno: tamni blokovi (bordo traka, bordo kutija) imaju svoju krem boju, pa bi ih globalno pravilo ugasilo. */ .vd-c > h1, .vd-c > h2, .vd-sek__glava h2, .vd-blok h1, .vd-blok h2, .vd-blok h3, .vd-blok h4, .vd-kartica h3, .vd-gazda strong, .vd-hero h1, .vd-kutija--zuta h3, .vd-kutija--zelena h3, .vd-kako h2, .vd-korak strong, .vd-cta h2{color:var(--web-ink)} /* tamni blokovi zadržavaju krem slovo i svetle akcente */ .vd-kutija--bordo,.vd-kutija--bordo h3,.vd-mapa,.vd-mapa h2,.vd-mapa h3{color:var(--cream)} .vd-kutija--bordo p,.vd-mapa p{color:var(--bordo5)} .vd-kutija--bordo .vd-kutija__link{color:var(--y300)} .vd-mapa .vd-okrug{background:var(--bordo);color:var(--bordo5)} .vd-mapa .vd-znacka{background:var(--bordo5);color:var(--bordo)} .vd-sek__glava p{color:var(--web-muted)} .vd-sek__vise{color:var(--g100)} .vd-sek__vise:hover{text-decoration:underline} .vd-mrvice,.vd-mrvice a{color:var(--web-muted)} .vd-mrvice b{color:var(--web-ink)} /* blokovi */ .vd-blok{background:var(--web-blok);border:1px solid var(--web-linija);color:var(--web-ink)} .vd-blok p{color:var(--web-ink2)} .vd-blok--krem{background:var(--web-blok);border:1px solid var(--web-linija)} .vd-brojka{background:var(--web-blok);border:1px solid var(--web-linija)} .vd-brojka span{color:var(--web-muted)} .vd-brojka:nth-child(1) b{color:var(--g100)} .vd-brojka:nth-child(2) b{color:var(--y100)} .vd-brojka:nth-child(3) b{color:var(--bordo2)} .vd-brojka:nth-child(4) b{color:var(--o100)} /* hero ostaje zelen, ali malo svetliji na svetloj podlozi */ .vd-hero{background:var(--g400);color:var(--web-ink)} .vd-hero p{color:var(--ink-soft)} .vd-znacka{background:var(--g100);color:#fff} /* kartice proizvoda: bele, sa tankom linijom */ .vd-kartica{background:var(--web-blok);border:1px solid var(--web-linija)} .vd-kartica__gazda{color:var(--web-muted)} .vd-kartica h3,.vd-cena{color:var(--web-ink)} .vd-kartica__dug{background:var(--g200);color:#fff} .vd-kartica:hover{box-shadow:0 10px 26px rgba(39,107,26,.10);transform:translateY(-2px)} .vd-kartica{transition:box-shadow .2s,transform .2s} /* gazdinstva */ .vd-gazda{background:var(--web-blok);border:1px solid var(--web-linija)} .vd-gazda strong{color:var(--web-ink)} .vd-gazda small{color:var(--web-muted)} /* trake i podnožje */ .vd-fut{background:var(--web-blok2);color:var(--web-ink2)} .vd-fut h4{color:var(--web-ink)} .vd-fut a,.vd-fut p{color:var(--web-muted)} .vd-fut a:hover{color:var(--g100)} .vd-fut__dno{border-top-color:var(--web-linija);color:var(--web-muted)} /* dugmad */ .vd-dug--tamna{background:var(--web-blok);color:var(--web-ink);border:1px solid var(--web-linija)} .vd-dug--tamna:hover{background:var(--web-blok2)} .vd-dug--krem{background:var(--g100);color:#fff} /* forme */ .vd-polje span{color:var(--web-ink)} .vd-polje input,.vd-polje select,.vd-polje textarea{border-color:var(--web-linija)} .vd-razdelnik{color:var(--web-muted)} .vd-razdelnik::before,.vd-razdelnik::after{background:var(--web-linija)} /* filteri i alatke kataloga */ .vd-alatke{background:var(--web-blok);border:1px solid var(--web-linija)} .vd-cip{background:var(--web-bg);border-color:var(--web-linija);color:var(--web-ink2)} .vd-cip[aria-pressed=true]{background:var(--g200);border-color:var(--g200);color:#fff} .vd-filter h4{color:var(--web-ink)} .vd-filter label{color:var(--web-ink2)} /* bordo i plava traka zadržavaju svoj karakter, samo mekši okvir */ .vd-mapa{box-shadow:0 12px 30px rgba(56,8,15,.12)} .vd-kako{box-shadow:0 12px 30px rgba(52,104,172,.12)} .vd-cta{box-shadow:0 12px 30px rgba(189,150,22,.14)} /* alatke i tabovi na svetloj podlozi */ .vd-alatke select{background:var(--web-bg);border-color:var(--web-linija);color:var(--web-ink)} .vd-broj-rezultata{color:var(--web-muted)} .vd-broj-rezultata b{color:var(--web-ink)} .vd-prazno{background:var(--web-blok);border:1px solid var(--web-linija);color:var(--web-muted)} .vd-tab{background:var(--web-blok);border-color:var(--web-linija);color:var(--web-ink2)} .vd-tab[aria-selected=true]{background:var(--g100);border-color:var(--g100);color:#fff} .vd-galerija__glavna{background:var(--web-blok)} .vd-red-info{border-bottom-color:var(--web-linija)} .vd-red-info span:first-child{color:var(--web-muted)} .vd-filter label{color:var(--web-ink2)} /* ljuska na svetloj podlozi */ .vd-kat-lista{background:var(--web-blok);border-color:var(--web-linija);box-shadow:0 16px 40px rgba(39,107,26,.14)} .vd-kat-lista a{color:var(--web-ink)} .vd-kat-lista a:hover{background:var(--web-blok2)} .vd-newsletter{border-top-color:var(--web-linija)} .vd-newsletter p{color:var(--web-muted)} .vd-newsletter input{background:var(--web-blok);border-color:var(--web-linija);color:var(--web-ink)} .vd-newsletter output{color:var(--g100)} .vd-gore{background:var(--g100);color:#fff} /* nove komponente na svetloj podlozi */ .vd-ocene-traka{background:var(--web-blok2)} .vd-ocene-red{color:var(--web-muted)} .vd-mapa-okvir{background:var(--web-blok);border-color:var(--web-linija)} .vd-cta-lepljiv{background:var(--web-blok)}