.elementor-11 .elementor-element.elementor-element-c4dc9ad{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-7da5a38{--display:flex;--margin-top:5vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-4817d7e{--display:flex;--margin-top:5vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11 .elementor-element.elementor-element-790b075 img{width:60%;}.elementor-11 .elementor-element.elementor-element-743f44a{--display:flex;}.elementor-11 .elementor-element.elementor-element-743f44a.e-con{--align-self:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11 .elementor-element.elementor-element-01dd3ab .elementor-button{background-color:#F2B23B;font-family:"KLAVIKA-MEDIUM", Sans-serif;font-size:40px;font-weight:500;line-height:30px;letter-spacing:3px;border-style:none;border-radius:115px 115px 115px 115px;padding:50px 19px 50px 19px;}.elementor-11 .elementor-element.elementor-element-01dd3ab.elementor-element{--align-self:stretch;}.elementor-11 .elementor-element.elementor-element-2f73bbe{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:85vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-11 .elementor-element.elementor-element-4783849{--display:flex;--margin-top:0vw;--margin-bottom:0vw;--margin-left:10vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-11 .elementor-element.elementor-element-4783849.e-con{--align-self:flex-end;}.elementor-11 .elementor-element.elementor-element-f25f06d img{width:100%;}.elementor-11 .elementor-element.elementor-element-f89a72a{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-f89a72a:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-f89a72a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ece-spomin.si/wp-content/uploads/2025/08/background_mobile.png");}.elementor-11 .elementor-element.elementor-element-752e9fe{--display:flex;}.elementor-11 .elementor-element.elementor-element-30b581b{--display:flex;--margin-top:4vw;--margin-bottom:0vw;--margin-left:4vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-11 .elementor-element.elementor-element-2f452bf{margin:10vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;padding:0vw 0vw 0vw 4vw;text-align:left;}.elementor-11 .elementor-element.elementor-element-2f452bf img{width:70%;}.elementor-11 .elementor-element.elementor-element-1bcabff{--display:flex;--margin-top:5vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:5vw;--padding-left:0vw;--padding-right:0vw;}.elementor-11 .elementor-element.elementor-element-1ca77d5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-81226ee{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-541c6d8{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) -3vw;padding:0vw 2vw 0vw 0vw;}.elementor-11 .elementor-element.elementor-element-541c6d8.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-541c6d8 .elementor-heading-title{font-family:"KlavikaBold", Sans-serif;font-size:40px;font-weight:600;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-cb34b89{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-11cc707{--display:flex;}.elementor-11 .elementor-element.elementor-element-96bd4e3{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) -3vw;}.elementor-11 .elementor-element.elementor-element-96bd4e3.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-96bd4e3 .elementor-heading-title{font-family:"KlavikaBold", Sans-serif;font-size:40px;font-weight:600;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-e5241a2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-69c189a{--display:flex;}.elementor-11 .elementor-element.elementor-element-7e4085a{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) -3vw;padding:0vw 0vw 0vw 0vw;}.elementor-11 .elementor-element.elementor-element-7e4085a.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-7e4085a .elementor-heading-title{font-family:"KlavikaBold", Sans-serif;font-size:40px;font-weight:600;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-d0b7af6{--display:flex;--margin-top:10vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:15vw;--padding-left:0vw;--padding-right:0vw;}.elementor-11 .elementor-element.elementor-element-32a0155{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) -2vw;padding:0vw 0vw 0vw 0vw;}.elementor-11 .elementor-element.elementor-element-32a0155 img{width:80%;}.elementor-11 .elementor-element.elementor-element-e21adce{--display:flex;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-11 .elementor-element.elementor-element-e21adce.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-f0378a1 .elementor-button{background-color:#F2B23B;font-family:"KLAVIKA-MEDIUM", Sans-serif;font-size:40px;font-weight:500;line-height:30px;letter-spacing:3px;border-radius:115px 115px 115px 115px;padding:50px 19px 50px 19px;}.elementor-11 .elementor-element.elementor-element-252a659{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-12e2ffa{--display:flex;--margin-top:5vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-4e7c3af img{width:100%;}.elementor-11 .elementor-element.elementor-element-2b3faf5{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-2b3faf5:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-2b3faf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ece-spomin.si/wp-content/uploads/2025/08/background_mobile.png");}.elementor-11 .elementor-element.elementor-element-c549b24{margin:10vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-24180f2{--display:flex;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:10vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-11 .elementor-element.elementor-element-24180f2.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-7341f06 .elementor-button{background-color:#F2B23B;font-family:"KLAVIKA-MEDIUM", Sans-serif;font-size:40px;font-weight:500;line-height:30px;letter-spacing:3px;border-radius:115px 115px 115px 115px;padding:50px 19px 50px 19px;}.elementor-11 .elementor-element.elementor-element-b78cf4e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:13vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-594ebac{--display:flex;--margin-top:7vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-11ff5df img{width:100%;}.elementor-11 .elementor-element.elementor-element-ffa4f1c{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-ffa4f1c:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-ffa4f1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#070D33;background-image:url("https://ece-spomin.si/wp-content/uploads/2025/08/background_mobile.png");}.elementor-11 .elementor-element.elementor-element-6202a54{--display:flex;--margin-top:6vw;--margin-bottom:0vw;--margin-left:6vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-11 .elementor-element.elementor-element-b91ec18{--display:flex;--margin-top:4vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-11 .elementor-element.elementor-element-e33de4f{text-align:left;}.elementor-11 .elementor-element.elementor-element-e33de4f img{width:55%;}.elementor-11 .elementor-element.elementor-element-d726cd4{--display:flex;--margin-top:5vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-82e6c42{text-align:left;}.elementor-11 .elementor-element.elementor-element-82e6c42 img{width:55%;}.elementor-11 .elementor-element.elementor-element-a1dbf1f{--display:flex;}.elementor-11 .elementor-element.elementor-element-702685e{margin:1vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;}.elementor-11 .elementor-element.elementor-element-702685e .elementor-heading-title{font-family:"KlavikaRegular", Sans-serif;font-weight:300;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-8ee097e{--display:flex;}.elementor-11 .elementor-element.elementor-element-44155bf{margin:1vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) -1vw;}.elementor-11 .elementor-element.elementor-element-44155bf .elementor-heading-title{font-family:"KlavikaRegular", Sans-serif;font-weight:300;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-794121d{margin:3vw 0vw calc(var(--kit-widget-spacing, 0px) + 1vw) 0vw;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-ea12afc{--display:flex;--margin-top:0vw;--margin-bottom:0vw;--margin-left:6vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-11 .elementor-element.elementor-element-ea12afc.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-8b6d343{margin:1vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;}.elementor-11 .elementor-element.elementor-element-92c02be{--display:flex;--margin-top:0vw;--margin-bottom:0vw;--margin-left:3vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-af57409{--display:flex;--margin-top:0vw;--margin-bottom:0vw;--margin-left:3vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-0cf9ec2{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;padding:0px 0px 0px 0px;text-align:left;font-size:33px;font-weight:400;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-c71cc2f{--display:flex;--margin-top:0vw;--margin-bottom:0vw;--margin-left:3vw;--margin-right:0vw;}.elementor-11 .elementor-element.elementor-element-aa32b92{margin:-1vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;padding:0px 0px 0px 0px;text-align:left;font-size:33px;font-weight:400;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-b1a2be5{--display:flex;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:6vw;--padding-right:0vw;}.elementor-11 .elementor-element.elementor-element-6dfc2fa{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;z-index:99;}.elementor-11 .elementor-element.elementor-element-6dfc2fa img{width:90%;}.elementor-11 .elementor-element.elementor-element-6ddbc9e{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-11 .elementor-element.elementor-element-fa52c17{--display:flex;--margin-top:10vw;--margin-bottom:0vw;--margin-left:9vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-342a0ba{text-align:left;}.elementor-11 .elementor-element.elementor-element-342a0ba .elementor-heading-title{font-family:"KlavikaRegular", Sans-serif;font-size:100px;font-weight:500;}.elementor-11 .elementor-element.elementor-element-ed667fb{--display:flex;--margin-top:105vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-7a51042{--display:flex;}.elementor-11 .elementor-element.elementor-element-7a51042.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-d85aca8 .elementor-button{background-color:#F2B23B;font-family:"KLAVIKA-MEDIUM", Sans-serif;font-size:40px;font-weight:500;border-radius:115px 115px 115px 115px;padding:50px 19px 50px 19px;}.elementor-11 .elementor-element.elementor-element-ed49782{--display:flex;}.elementor-11 .elementor-element.elementor-element-ed49782.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-4b5d987 .elementor-button{background-color:#F2B23B00;font-family:"KLAVIKA-MEDIUM", Sans-serif;font-size:40px;font-weight:500;border-style:solid;border-color:#F2B23B;border-radius:115px 115px 115px 115px;padding:50px 19px 50px 19px;}.elementor-11 .elementor-element.elementor-element-d969d24{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-11 .elementor-element.elementor-element-385026f{--display:flex;}.elementor-11 .elementor-element.elementor-element-3e2b89b img{width:100%;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-743f44a{--width:70%;}.elementor-11 .elementor-element.elementor-element-4783849{--width:35%;}.elementor-11 .elementor-element.elementor-element-81226ee{--width:20%;}.elementor-11 .elementor-element.elementor-element-11cc707{--width:20%;}.elementor-11 .elementor-element.elementor-element-69c189a{--width:20%;}.elementor-11 .elementor-element.elementor-element-e21adce{--width:70%;}.elementor-11 .elementor-element.elementor-element-12e2ffa{--width:40%;}.elementor-11 .elementor-element.elementor-element-24180f2{--width:55%;}.elementor-11 .elementor-element.elementor-element-594ebac{--width:42%;}.elementor-11 .elementor-element.elementor-element-ea12afc{--width:88%;}.elementor-11 .elementor-element.elementor-element-92c02be{--width:100%;}.elementor-11 .elementor-element.elementor-element-af57409{--width:92%;}.elementor-11 .elementor-element.elementor-element-7a51042{--width:70%;}.elementor-11 .elementor-element.elementor-element-ed49782{--width:70%;}.elementor-11 .elementor-element.elementor-element-385026f{--width:42%;}}@media(max-width:1024px) and (min-width:768px){.elementor-11 .elementor-element.elementor-element-81226ee{--width:10%;}.elementor-11 .elementor-element.elementor-element-11cc707{--width:10%;}.elementor-11 .elementor-element.elementor-element-69c189a{--width:10%;}.elementor-11 .elementor-element.elementor-element-e21adce{--width:40%;}.elementor-11 .elementor-element.elementor-element-12e2ffa{--width:25%;}.elementor-11 .elementor-element.elementor-element-24180f2{--width:40%;}.elementor-11 .elementor-element.elementor-element-594ebac{--width:25%;}.elementor-11 .elementor-element.elementor-element-7a51042{--width:40%;}.elementor-11 .elementor-element.elementor-element-ed49782{--width:40%;}.elementor-11 .elementor-element.elementor-element-385026f{--width:25%;}}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-f89a72a:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-f89a72a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ece-spomin.si/wp-content/uploads/2025/08/background_mobile.png");}.elementor-11 .elementor-element.elementor-element-2f452bf img{width:55%;}.elementor-11 .elementor-element.elementor-element-1ca77d5{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-541c6d8.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-541c6d8 .elementor-heading-title{font-size:20px;}.elementor-11 .elementor-element.elementor-element-cb34b89{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-96bd4e3.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-96bd4e3 .elementor-heading-title{font-size:20px;}.elementor-11 .elementor-element.elementor-element-e5241a2{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-7e4085a.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-7e4085a .elementor-heading-title{font-size:20px;}.elementor-11 .elementor-element.elementor-element-e21adce.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-f0378a1 .elementor-button{font-size:20px;border-radius:20px 20px 20px 20px;}.elementor-11 .elementor-element.elementor-element-252a659{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-11 .elementor-element.elementor-element-4e7c3af img{width:35%;}.elementor-11 .elementor-element.elementor-element-2b3faf5:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-2b3faf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ece-spomin.si/wp-content/uploads/2025/08/background_mobile.png");}.elementor-11 .elementor-element.elementor-element-24180f2.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-7341f06.elementor-element{--align-self:stretch;}.elementor-11 .elementor-element.elementor-element-7341f06 .elementor-button{font-size:20px;border-radius:20px 20px 20px 20px;}.elementor-11 .elementor-element.elementor-element-b78cf4e{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-11 .elementor-element.elementor-element-11ff5df img{width:35%;}.elementor-11 .elementor-element.elementor-element-7a51042.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-d85aca8.elementor-element{--align-self:stretch;}.elementor-11 .elementor-element.elementor-element-d85aca8 .elementor-button{font-size:20px;border-radius:20px 20px 20px 20px;}.elementor-11 .elementor-element.elementor-element-ed49782.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-4b5d987.elementor-element{--align-self:stretch;}.elementor-11 .elementor-element.elementor-element-4b5d987 .elementor-button{font-size:20px;border-radius:20px 20px 20px 20px;}.elementor-11 .elementor-element.elementor-element-d969d24{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-11 .elementor-element.elementor-element-3e2b89b img{width:35%;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-c4dc9ad{--min-height:744px;}.elementor-11 .elementor-element.elementor-element-790b075 img{width:60%;}.elementor-11 .elementor-element.elementor-element-743f44a{--width:65%;}.elementor-11 .elementor-element.elementor-element-743f44a.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-01dd3ab .elementor-button{font-size:15px;letter-spacing:2px;border-radius:20px 20px 20px 20px;padding:16px 14px 14px 14px;}.elementor-11 .elementor-element.elementor-element-2f73bbe{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:100vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-11 .elementor-element.elementor-element-4783849{--width:30%;}.elementor-11 .elementor-element.elementor-element-4783849.e-con{--align-self:flex-end;}.elementor-11 .elementor-element.elementor-element-f25f06d img{width:65%;}.elementor-11 .elementor-element.elementor-element-f89a72a:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-f89a72a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ece-spomin.si/wp-content/uploads/2025/08/background_mobile.png");}.elementor-11 .elementor-element.elementor-element-752e9fe{--margin-top:15vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-2f452bf{text-align:left;}.elementor-11 .elementor-element.elementor-element-2f452bf img{width:67%;}.elementor-11 .elementor-element.elementor-element-1bcabff{--width:100%;--min-height:0px;}.elementor-11 .elementor-element.elementor-element-1ca77d5{--width:100%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-81226ee{--width:13%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-6da5911{text-align:left;}.elementor-11 .elementor-element.elementor-element-6da5911 img{width:100%;}.elementor-11 .elementor-element.elementor-element-541c6d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -15px;}.elementor-11 .elementor-element.elementor-element-541c6d8.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-11 .elementor-element.elementor-element-541c6d8 .elementor-heading-title{font-size:15px;}.elementor-11 .elementor-element.elementor-element-cb34b89{--width:100%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-6vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-11cc707{--width:13%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-11 .elementor-element.elementor-element-9943608{text-align:left;}.elementor-11 .elementor-element.elementor-element-9943608 img{width:100%;}.elementor-11 .elementor-element.elementor-element-96bd4e3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -15px;}.elementor-11 .elementor-element.elementor-element-96bd4e3.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-11 .elementor-element.elementor-element-96bd4e3 .elementor-heading-title{font-size:15px;}.elementor-11 .elementor-element.elementor-element-e5241a2{--width:100%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-6vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-69c189a{--width:13%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-c0a46a9{text-align:left;}.elementor-11 .elementor-element.elementor-element-c0a46a9 img{width:100%;}.elementor-11 .elementor-element.elementor-element-7e4085a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -15px;}.elementor-11 .elementor-element.elementor-element-7e4085a.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-11 .elementor-element.elementor-element-7e4085a .elementor-heading-title{font-size:15px;}.elementor-11 .elementor-element.elementor-element-d0b7af6{--margin-top:10vw;--margin-bottom:27vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-32a0155 img{width:100%;}.elementor-11 .elementor-element.elementor-element-e21adce{--width:70%;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-e21adce.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-f0378a1 .elementor-button{font-size:15px;letter-spacing:2px;border-radius:20px 20px 20px 20px;padding:16px 14px 14px 14px;}.elementor-11 .elementor-element.elementor-element-252a659{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-11 .elementor-element.elementor-element-12e2ffa{--width:30%;}.elementor-11 .elementor-element.elementor-element-12e2ffa.e-con{--align-self:flex-end;}.elementor-11 .elementor-element.elementor-element-4e7c3af img{width:65%;}.elementor-11 .elementor-element.elementor-element-2b3faf5:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-2b3faf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ece-spomin.si/wp-content/uploads/2025/08/background_mobile.png");}.elementor-11 .elementor-element.elementor-element-0b8533f{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 25vw) 0vw;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-24180f2{--width:70%;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-11 .elementor-element.elementor-element-24180f2.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-7341f06{margin:-15vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-7341f06 .elementor-button{font-size:15px;letter-spacing:2px;border-radius:115px 115px 115px 115px;padding:16px 14px 14px 14px;}.elementor-11 .elementor-element.elementor-element-b78cf4e{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:5vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-11 .elementor-element.elementor-element-594ebac{--width:30%;--margin-top:5vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-11 .elementor-element.elementor-element-594ebac.e-con{--align-self:flex-end;}.elementor-11 .elementor-element.elementor-element-11ff5df img{width:65%;}.elementor-11 .elementor-element.elementor-element-ffa4f1c:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-ffa4f1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ece-spomin.si/wp-content/uploads/2025/08/background_mobile.png");}.elementor-11 .elementor-element.elementor-element-e33de4f{text-align:left;}.elementor-11 .elementor-element.elementor-element-e33de4f img{width:70%;}.elementor-11 .elementor-element.elementor-element-82e6c42{text-align:left;}.elementor-11 .elementor-element.elementor-element-82e6c42 img{width:70%;}.elementor-11 .elementor-element.elementor-element-702685e .elementor-heading-title{font-size:13px;}.elementor-11 .elementor-element.elementor-element-44155bf .elementor-heading-title{font-size:13px;}.elementor-11 .elementor-element.elementor-element-92c02be{--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-0cf9ec2.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-0cf9ec2{text-align:left;font-size:13px;}.elementor-11 .elementor-element.elementor-element-aa32b92.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-aa32b92{text-align:left;font-size:13px;}.elementor-11 .elementor-element.elementor-element-b1a2be5{--width:100%;--margin-top:18vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-6dfc2fa{margin:0vw 0vw calc(var(--kit-widget-spacing, 0px) + 0vw) 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-11 .elementor-element.elementor-element-6dfc2fa img{width:100%;}.elementor-11 .elementor-element.elementor-element-6ddbc9e{--min-height:100vh;}.elementor-11 .elementor-element.elementor-element-fa52c17{--width:72%;--margin-top:7vw;--margin-bottom:0vw;--margin-left:2vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-11 .elementor-element.elementor-element-342a0ba .elementor-heading-title{font-size:30px;}.elementor-11 .elementor-element.elementor-element-ed667fb{--margin-top:123vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-11 .elementor-element.elementor-element-7a51042{--width:70%;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-7a51042.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-d85aca8 .elementor-button{font-size:15px;letter-spacing:2px;border-radius:20px 20px 20px 20px;padding:16px 14px 14px 14px;}.elementor-11 .elementor-element.elementor-element-ed49782{--width:70%;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-ed49782.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-4b5d987 .elementor-button{font-size:15px;letter-spacing:2px;border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;padding:16px 16px 16px 16px;}.elementor-11 .elementor-element.elementor-element-d969d24{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-11 .elementor-element.elementor-element-385026f{--width:30%;}.elementor-11 .elementor-element.elementor-element-385026f.e-con{--align-self:flex-end;}.elementor-11 .elementor-element.elementor-element-3e2b89b img{width:65%;}}/* Start custom CSS for container, class: .elementor-element-c4dc9ad */@media (min-width: 1025px) {
  html, body {
    width: 1080px;
    height: 1920px;
    margin: 0 auto;
    overflow: hidden;
    
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e21adce */#btnStartGame-cont {
  margin: 0 auto !important;
 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c549b24 *//* ✅ MOBILE BASE STYLES – KEEP UNTOUCHED */
body {
  margin: 0;
  font-family: KlavikaRegular, Sans-Serif;
  height: 100%;
}

.hud {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  padding: 10px 30px;
  color: white;
  flex-wrap: nowrap;
}

.hud-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}

.label {
  font-weight: bold;
  font-size: 23px;
  color: white;
  line-height: 1;
}

.hud-box {
  padding: 16px 20px;
  border-radius: 35px;
  font-size: 20px;
  font-family: : KlavikaLight, sans-serif;
  border: 2px solid #f7a823;
  background: transparent;
  color: white;
  min-width: 100px;
  text-align: center;
}

.mission-text {
  
  font-family: 'KlavikaRegular', sans-serif;
  font-weight: 400;
  color: #3fb4dc;
  font-size: 75px;
  margin: 40px 10px  0px;
  max-width: 100vw;
}

.mission-text strong {
  font-family: KlavikaBold;
  font-weight: 800;
  color: #00b1e7;
}

#gameBoard {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 7px;
  padding: 20px;
  max-width: 100vw;
  margin: 150px auto 0 auto;
}

.memory-card {
  width: 100%;
  aspect-ratio: 1 / 1;
  position: relative;
  perspective: 1000px;
  border-radius: 16px;
  cursor: pointer;
  transform-style: preserve-3d;
  opacity: 1; /* explicit start */
  transition: transform 0.5s ease, opacity 0.7s ease; /* flip + smooth fade of whole tile */
  box-shadow: none;
}

.memory-card.flip {
  transform: rotateY(180deg);
}

.memory-card .front,
.memory-card .back {
  width: 100%;
  height: 100%;
  position: absolute;
  backface-visibility: hidden;
  border-radius: 2px;
}

.memory-card .front {
  transform: rotateY(180deg);
  opacity: 1;                    /* visible when flipped */
  transition: opacity 0.7s ease; /* smooth fade OWNER */
}


.memory-card .front img,
.memory-card .back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2px;
}

/* Make the FRONT image own the fade */
.memory-card .front img {
  opacity: 1;
  transition: opacity 0.7s ease;
  will-change: opacity;            /* helps Safari/GPU edges */
  transform: translateZ(0);        /* promotes to its own layer */
}

/* Fade the FRONT image on match */
.memory-card.matched .front img {
  opacity: 0;
}

.wrapper {
  width: 100%;
  max-width: 1080px;
  height: 100%;
  max-height: 1920px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Ko je par zadet, naj ostane FRONT viden, brez dodatnega flip-a */
.memory-card.matched {
  pointer-events: none;
  transform: rotateY(180deg); /* keep FRONT facing viewer */
  
  
}


/* ✅ Hide the BACK face immediately when matched */
.memory-card.matched .back {
  visibility: hidden;           /* prevents any back-face flash */
}

/* ✅ Ensure FRONT remains visible (belt-and-suspenders) */
.memory-card.matched .front {
  visibility: visible;
}


@keyframes matchBounce {
  0%   { transform: rotateY(180deg) scale(1) translateY(0); }
  50%  { transform: rotateY(180deg) scale(1.18) translateY(-8px); }
  100% { transform: rotateY(180deg) scale(1) translateY(0); }
}

.memory-card.animate {
  animation: matchBounce 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* NEW: card plate + shadow that we can fade */
.memory-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;        /* matches .memory-card's 16px */
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  opacity: 1;
  transition: opacity 0.7s ease; /* ⬅️ same timing as your front */
  pointer-events: none;
  z-index: 0;                    /* sits under faces */
}

/* NEW: fade the shadow in sync with the front */
.memory-card.matched::before {
  opacity: 0;
}

@media (min-height: 1500px) {

#page-game .hud {
    gap: 500px;
    padding: 60px 60px;
    font-size: 2.8rem;
  }

 #page-game .hud {
    gap: 500px;
    padding: 60px 60px;
    font-size: 2.8rem;
  }

  #page-game .hud-block {
    transform: scale(2);
  }

  #page-game .mission-text {
    font-size: 44px;
    margin: 10px auto 30px auto;
    max-width: 850px;
    text-align: left;
  }

  #page-game #gameBoard {
    width: 90vw;
    max-width: 870px;
    gap: 15px;
  }

  #page-game .memory-card {
  border-radius: 32px;
  box-shadow: none; /* shadow lives on ::before so it can fade */
}

/* (optional) match your larger-screen shadow on the fading pseudo-element */
  #page-game .memory-card::before {
  border-radius: inherit;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}

/* ensure the big-screen shadow also fades on match (specificity helper) */
  #page-game .memory-card.matched::before {
  opacity: 0;
}


  #page-game .memory-card .front,
  #page-game .memory-card .back,
  #page-game .memory-card .front img,
  #page-game .memory-card .back img {
    border-radius: 2px;
  }

  #page-game .wrapper {
    max-width: 1080px;
    max-height: 1920px;
    padding: 60px 0;
  }

  #page-game .game-center-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 140px);
    padding-top: 20px;
  }



    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-24180f2 */#endGameEarly-cont {
  margin: 0 auto !important;
 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-794121d *//* PRVI RED: Čas + Potez */
.hud-top {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 60px;
  margin-bottom: 20px;
}

/* Pojedinačne grupe: Label + Vrednost */
.hud-group {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* DRUGI RED: Najdeni pari ispod, centrirano */
.hud-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

/* Stilovi teksta i vrednosti */
.label {
  font-weight: bold;
  font-size: 15px;
  color: white;
  white-space: nowrap;
  font-family: KlavikaRegular, Sans-Serif;
  
}

.hud-box {
  padding: 16px 20px;
  border-radius: 25px;
  font-size: 1rem;
  font-weight: bold;
  border: 1px solid #f7a823;
  background: transparent;
  color: white;
  min-width: 80px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
}

.bubble-box {
  background: #3fb4dc;
  color: white;
  font-weight: bold;
  border-radius: 25px;
  padding: 6px 24px;
  font-size: 1rem;
  min-width: 100px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
}

@media (min-height: 1500px) {
 

  #page-result .hud-top {
    gap: 100px;
    margin-bottom: 40px;
  }

  #page-result .hud-bottom {
  font-size: 25px;    
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 10px;
}

  #page-result .label {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-size: 30px;
  
}

  #page-result .hud-box {
  padding: 30px 50px;
  border-radius: 35px;
  font-size: 30px;
  font-weight: bold;
  border: 2px solid #f7a823;
  background: transparent;
  color: white;
  min-width: 150px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 76px;
  font-family: KlavikaRegular, Sans-Serif;
}

  #page-result .bubble-box {
  background: #3fb4dc;
  color: white;
  font-weight: bold;
  border-radius: 35px;
  padding: 30px 50px;
  font-size: 30px;
  min-width: 150px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 76px;
}

  #page-result .hud-block {
  gap: 15px;
}


}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6dfc2fa *//* position/size knobs – tweak these */
.hero-qr{
  --qr-size: 250px;   /* diameter of ORANGE circle */
  --qr-x: 78%;        /* horizontal position (0–100%) */
  --qr-y: 17.6%;        /* vertical position (0–100%) */
  --qr-img-scale: 0.85; /* QR size relative to circle */
  --qr-img-size: 125px;
}

/* make the widget a positioning context */
.hero-qr{ position: relative; display: inline-block; }
.hero-qr img{ display:block; height:auto; }

/* ORANGE CIRCLE — created by CSS, no asset needed */
.hero-qr::before{
  content:"";
  position:absolute;
  left: var(--qr-x);
  top:  var(--qr-y);
  width: var(--qr-size);
  height:var(--qr-size);
  transform: translate(-50%, -50%) scale(1);
  border-radius:50%;
  background:#F2B23B;                 /* ← the orange */
  /* AFTER (faster + no initial pause) */
animation: qrPulseHalo 1.8s ease-in-out 0s infinite;

  will-change: box-shadow;
  box-shadow: 0 0 0 0 rgba(247,168,35,0); /* start with no halo */
  pointer-events:none;
  z-index: 2;                          /* behind the QR, above the photo */
}

/* QR IMAGE — use your Media URL here */
/* QR IMAGE — use your Media URL here */
.hero-qr::after{
  content:"";
  position:absolute;
  left: var(--qr-x);
  top:  var(--qr-y);
  /* REPLACE THESE TWO LINES */
  /* width: calc(var(--qr-size) * var(--qr-img-scale));
     height: calc(var(--qr-size) * var(--qr-img-scale)); */
  width: var(--qr-img-size);        /* ← fixed QR size */
  height: var(--qr-img-size);       /* ← fixed QR size */
  transform: translate(-50%, -50%);
  background-image:url('https://ece-spomin.si/wp-content/uploads/2025/09/ece.png');
  background-size: contain;
  background-repeat:no-repeat;
  background-position:center;
  pointer-events:none;
  z-index: 3;
}
.hero-qr::before {
  animation: qrPulseHalo 4.2s ease-in-out 0s infinite;
}


@keyframes qrPulseHalo{
  /* base: only solid circle */
  0%, 45% {
    box-shadow: 0 0 0 0 rgba(242,178,59,0.6);
  }
  /* hit the max size here (no larger after this) at 60% opacity */
  60% {
    box-shadow: 0 0 0 calc(var(--qr-size) * 0.10) rgba(242,178,59,0.6);
  }
  /* same size halo, just brighten to 100% */
  75% {
    box-shadow: 0 0 0 calc(var(--qr-size) * 0.10) rgba(242,178,59,1);
  }
  /* same size halo, dim back to 60% */
  85% {
    box-shadow: 0 0 0 calc(var(--qr-size) * 0.10) rgba(242,178,59,0.6);
  }
  /* back to base */
  100% {
    box-shadow: 0 0 0 0 rgba(242,178,59,0.6);
  }
}



/* accessibility */
@media (prefers-reduced-motion: reduce){
  .hero-qr::before{ animation:none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4913aa2 */.x-fab{
  position: fixed;
  right: -35px;                 /* peeks out; negative pushes part off-screen */
  top: 70%;
  transform: translateY(-50%);
  width: 122px;                 /* wider than tall = pill */
  height: 106px;
  border: 0;
  border-radius: 49px;        /* full pill */
  background: #F2B23B;
  box-shadow: 0 8px 18px rgba(0,0,0,0.25);
  cursor: pointer;
  z-index: 5555;
  touch-action: manipulation;
}

.x-fab:active{
  transform: translateY(-50%) scale(0.96); /* tiny press feedback */
}

/* draw the X, shifted left so it's centered in the visible part */
.x-fab::before,
.x-fab::after{
  content: "";
  position: absolute;
  left: 39%;                    /* << move the cross left; tweak 32–40% */
  top: 50%;
  width: 52px;
  height: 5px;
  background: #fff;
  border-radius: 3px;
  transform-origin: center;
}
.x-fab::before{ transform: translate(-50%,-50%) rotate(45deg); }
.x-fab::after { transform: translate(-50%,-50%) rotate(-45deg); }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c75d2e1 */.qr-countdown{
  position: fixed;
  top: 166px;
  right: 56px;
  padding: 10px 25px;
  border-radius: 35px;
  background: #3fb4dc;
  color: #fff;
  font-weight: 700;
  font-size: 30px;
  letter-spacing: .02em;
  z-index: 2000;
  display: noe; /* shown only on the result screen */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffa4f1c *//* privzeto skrij “fail” verzije */
#resultImageFail,
#resultHeadingFail,
#resultSubFail {
  display: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'KLAVIKA-MEDIUM';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://ece-spomin.si/wp-content/uploads/2025/09/KLAVIKA-MEDIUM.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'KlavikaBold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://ece-spomin.si/wp-content/uploads/2025/08/klavika-bold.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'KlavikaRegular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://ece-spomin.si/wp-content/uploads/2025/08/Klavika-Regular-Regular.woff') format('woff');
}
/* End Custom Fonts CSS */