/* Učinki Pod dežnikom — sestavi testna_stran/naredi_ucinke.py, ne urejaj ročno */
/* Predlogi učinkov (23. 10. 2026): barve in pisave ostanejo kot zdaj, dodani so le učinki.
   Skupno vsem: dežnik se ziblje. Ostalo v videz-1 … videz-5.css in videz.js. */
.elementor-5 .elementor-element-21314c5{position:relative;overflow:hidden}
.elementor-5 .elementor-element-21314c5>.e-con-inner,.elementor-5 .elementor-element-21314c5>.e-con{position:relative;z-index:1}
.elementor-5 .elementor-element-3853849 img{animation:v-zib 5s ease-in-out infinite;transform-origin:50% 95%}
@keyframes v-zib{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}

/* kartice: starosti in štiri serije (uporabljajo predlogi) */
.elementor-5 .elementor-element-63797e5,.elementor-5 .elementor-element-dbf86b3,.elementor-5 .elementor-element-c11e47d,
.elementor-5 .elementor-widget-icon-box{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}

/* pojavljanje ob pomikanju (vklopi ga videz.js, brez JS je vse vidno) */
html.v-pojavljanje .v-pojavi{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
html.v-pojavljanje .v-pojavi.v-vidno{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html.v-pojavljanje .v-pojavi{opacity:1;transform:none}
}


/* 1 Nežno pojavljanje: deli strani pridejo od spodaj, kartice se ob dotiku dvignejo */
.elementor-5 .elementor-element-63797e5:hover,.elementor-5 .elementor-element-dbf86b3:hover,.elementor-5 .elementor-element-c11e47d:hover,
.elementor-5 .elementor-widget-icon-box:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(0,60,79,.12)}

/* 5 Živahni naslovi: glavni naslov pride beseda za besedo, pod naslovi se nariše črta, gumbi se zalesketajo */
.v-beseda{display:inline-block;opacity:0;transform:translateY(.45em);animation:v-beseda .6s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes v-beseda{to{opacity:1;transform:none}}
.v-crta{display:block;width:130px;height:14px;margin-top:8px;overflow:visible}
.elementor-element-638c738 .v-crta,.elementor-element-304f6cf .v-crta{margin-left:auto;margin-right:auto}
.v-crta path{fill:none;stroke:#FFC845;stroke-width:4;stroke-linecap:round;stroke-dasharray:160;stroke-dashoffset:160;transition:stroke-dashoffset 1.1s cubic-bezier(.6,0,.2,1) .25s}
.elementor-element-304f6cf .v-crta path{stroke:#fff}
.v-vidno .v-crta path{stroke-dashoffset:0}
.elementor-5 .elementor-button{position:relative;overflow:hidden}
.elementor-5 .elementor-button::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transition:left .6s ease}
.elementor-5 .elementor-button:hover::after{left:130%}
.elementor-5 .elementor-element-63797e5:hover,.elementor-5 .elementor-element-dbf86b3:hover,.elementor-5 .elementor-element-c11e47d:hover,
.elementor-5 .elementor-widget-icon-box:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(0,60,79,.1)}

/* 2 Igrive kartice: kartica se nagne proti miški, slika se približa, gumbi poskočijo */
.elementor-5 .elementor-element-63797e5,.elementor-5 .elementor-element-dbf86b3,.elementor-5 .elementor-element-c11e47d,
.elementor-5 .elementor-widget-icon-box{transform-style:preserve-3d;will-change:transform}
.elementor-5 .elementor-element-63797e5:hover{box-shadow:0 18px 36px rgba(255,94,67,.22)}
.elementor-5 .elementor-element-dbf86b3:hover{box-shadow:0 18px 36px rgba(217,170,229,.45)}
.elementor-5 .elementor-element-c11e47d:hover{box-shadow:0 18px 36px rgba(75,161,226,.3)}
.elementor-5 .elementor-widget-icon-box:hover{box-shadow:0 18px 36px rgba(41,178,119,.22)}
.elementor-5 .elementor-element-63797e5 img,.elementor-5 .elementor-element-dbf86b3 img,.elementor-5 .elementor-element-c11e47d img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.elementor-5 .elementor-element-63797e5:hover img,.elementor-5 .elementor-element-dbf86b3:hover img,.elementor-5 .elementor-element-c11e47d:hover img{transform:scale(1.06) rotate(-1.5deg)}
.elementor-5 .elementor-widget-icon-box:hover .elementor-icon{animation:v-poskok .6s ease}
.elementor-5 .elementor-button:hover{animation:v-zele .6s ease}
@keyframes v-poskok{0%,100%{transform:translateY(0)}40%{transform:translateY(-8px)}70%{transform:translateY(2px)}}
@keyframes v-zele{0%,100%{transform:scale(1)}30%{transform:scale(1.08,.92)}55%{transform:scale(.95,1.05)}75%{transform:scale(1.03,.97)}}


/* ---------- ostale strani ---------- */
/* dež na dežnik (domača): platno za vsebino naslovnega dela */
.v-dez-platno{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
/* deklica pri »Kdo smo«: nad naslednjim delom, da ji ozadje ne odreže nog, ko se ob pomikanju spusti */
.elementor-5 .elementor-element-5376154{position:relative;z-index:2}
/* kartice: dvig, barvna senca, nagib */
.izdelek,.posebna,a.clanek,.serija,.clan,.zgodba,.vec .mreza>a{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;will-change:transform}
.izdelek:hover,.posebna:hover,a.clanek:hover,.serija:hover,.clan:hover,.zgodba:hover,.vec .mreza>a:hover{box-shadow:0 18px 36px rgba(255,94,67,.18)}
.serija:nth-child(3n+2):hover,.zgodba:nth-child(3n+2):hover,.izdelek:nth-child(3n+2):hover,a.clanek:nth-child(3n+2):hover{box-shadow:0 18px 36px rgba(75,161,226,.25)}
.serija:nth-child(3n):hover,.zgodba:nth-child(3n):hover,.izdelek:nth-child(3n):hover,a.clanek:nth-child(3n):hover{box-shadow:0 18px 36px rgba(41,178,119,.22)}
.izdelek img,.zgodba img,a.clanek img,.vec .mreza>a img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.izdelek:hover img,.zgodba:hover img,a.clanek:hover img,.vec .mreza>a:hover img{transform:scale(1.05)}
/* gumbi: zažgibajo in zalesketajo */
.gumb{position:relative;overflow:hidden}
.gumb:hover{animation:v-zele .6s ease}
.gumb::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;transform:skewX(-20deg);pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .6s ease}
.gumb:hover::after{left:130%}
/* filtri (Kotiček idej, trgovina): mehak prehod, izbrani gumb poskoči, kartice priletijo */
.cip,.tema{transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s,transform .2s}
.cip:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,60,79,.14);border-color:var(--temna,#003C4F)}
.cip:hover:not([aria-pressed="true"]){background:#FFF1EE;color:#FF5E43;border-color:#FF5E43}
.tema:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,60,79,.12)}
.tema:hover img{animation:v-migaj .6s ease}
.cip:active,.tema:active{transform:scale(.94)}
/* oznaka »PDF v trgovini« ostane nad sliko, ko se slika ob miški poveča */
.zgodba .v-trgovini,.izdelek .znacka{z-index:2}
.cip[aria-pressed="true"],.tema[aria-pressed="true"]{animation:v-pop .4s cubic-bezier(.3,1.6,.5,1)}
.tema[aria-pressed="true"] img{animation:v-migaj .6s ease}
@keyframes v-pop{0%{transform:scale(.9)}60%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes v-migaj{0%,100%{transform:rotate(0)}25%{transform:rotate(-8deg)}60%{transform:rotate(6deg)}}
.v-filter{animation:v-prileti .5s cubic-bezier(.2,.8,.2,1) var(--v-zamik,0ms) backwards}
@keyframes v-prileti{from{opacity:0;transform:translateY(18px) scale(.95)}to{opacity:1;transform:none}}
.v-skok{display:inline-block;animation:v-pop .4s cubic-bezier(.3,1.6,.5,1)}
/* črta pod naslovi: na sredini pri sredinskih naslovih */
.sredina .v-crta,.poziv .v-crta{margin-left:auto;margin-right:auto}