.elementor-20 .elementor-element.elementor-element-c8e03ad{--display:flex;--min-height:455px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:200px;--margin-bottom:200px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-c8e03ad::before, .elementor-20 .elementor-element.elementor-element-c8e03ad > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-c8e03ad > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-c8e03ad > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-c8e03ad > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-c8e03ad > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center center, #3C208C94 0%, #3C208C00 84%);}.elementor-20 .elementor-element.elementor-element-e75759e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-e75759e.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .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-20 .elementor-element.elementor-element-b2d9ef5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 117px;text-align:left;}.elementor-20 .elementor-element.elementor-element-b2d9ef5.elementor-element{--align-self:flex-start;}.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-20 .elementor-element.elementor-element-d9ee38b{width:var( --container-widget-width, 68% );max-width:68%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:68%;--container-widget-flex-grow:0;text-align:left;}.elementor-20 .elementor-element.elementor-element-d9ee38b.elementor-element{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-20 .elementor-element.elementor-element-d9ee38b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;font-weight:600;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-7ad70ea{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-bf5c817{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -52px;}.elementor-20 .elementor-element.elementor-element-e9cf72a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:400px;}.elementor-20 .elementor-element.elementor-element-269024a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:400px;}.elementor-20 .elementor-element.elementor-element-d7b7938.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-c8e03ad{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-20 .elementor-element.elementor-element-c8e03ad.e-con{--align-self:flex-start;}.elementor-20 .elementor-element.elementor-element-e75759e{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-20 .elementor-element.elementor-element-e75759e.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-b2d9ef5{margin:0px 97px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-b2d9ef5.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-d9ee38b{--container-widget-width:182px;--container-widget-flex-grow:0;width:var( --container-widget-width, 182px );max-width:182px;}.elementor-20 .elementor-element.elementor-element-d9ee38b.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-d9ee38b .elementor-heading-title{font-size:26px;}.elementor-20 .elementor-element.elementor-element-7ad70ea{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-e9cf72a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-269024a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-c8e03ad{--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;--margin-top:70px;--margin-bottom:200px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-e75759e{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-d9ee38b{width:var( --container-widget-width, 195px );max-width:195px;--container-widget-width:195px;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-d9ee38b .elementor-heading-title{font-size:28px;}.elementor-20 .elementor-element.elementor-element-269024a{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-d7b7938{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-d7b7938.elementor-element{--align-self:center;}}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-e75759e{--width:26.336%;}.elementor-20 .elementor-element.elementor-element-7ad70ea{--content-width:66%;}.elementor-20 .elementor-element.elementor-element-e9cf72a{--width:50%;}.elementor-20 .elementor-element.elementor-element-269024a{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-20 .elementor-element.elementor-element-e75759e{--width:355px;}.elementor-20 .elementor-element.elementor-element-7ad70ea{--content-width:60%;}.elementor-20 .elementor-element.elementor-element-e9cf72a{--width:50%;}.elementor-20 .elementor-element.elementor-element-269024a{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-bf5c817 */.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 1px solid #976DF8;
    padding: 40px;
    margin: 2em 0;
    text-align: left;
    border-radius: 12px;
} 
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
            /* centrirano horizontalno */
    text-align: left;
    border-radius: 12px;
    width: 700px;              /* širina */
    height: 450px;             /* visina */
    box-sizing: border-box;    /* uračunaj border i padding u dimenzije */
}
/* 1) Pretvori login formu u flex kolonu da možemo mijenjati redoslijed */
.woocommerce form.login{
  display: flex;
  flex-direction: column;
}
element.style {
}
.woocommerce form .form-row label {
    line-height: 2;
    color: #ffffff;
    font-family: inter;
    font-weight: 400;
    font-size: 16px;
}
element.style {
}
.woocommerce form .form-row .required {
    color: ffffff;
    size: 12px;
}
/* Bijela boja za zvjezdice (*) */
.woocommerce form .required {
    color: #ffffff !important;
}
element.style {
}
.elementor *, .elementor :after, .elementor :before {
    color: #ffffff;
}
/* WooCommerce linkovi u registracijskoj formi */
.woocommerce form .woocommerce-privacy-policy-text a {
    color: #976DF8 !important;
}

/* Stilizacija WooCommerce dugmeta Registracije */
.woocommerce form .button,
.woocommerce form button.button,
.woocommerce input.button {
    background-color: #976DF8 !important;   /* ljubičasta */
    color: #ffffff !important;              /* bijeli tekst */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;            /* semi-bold */
    font-size: 14px !important;
    padding: 12px 266px !important;
    border-radius: 8px !important;
    border: none !important;
    width: auto !important;
    transition: 0.25s ease-in-out;
}

/* Hover efekat — identičan kao Prijavi se dugme */
.woocommerce form .button:hover,
.woocommerce input.button:hover {
    background-color: #d7cfe8 !important;   /* svijetla ljubičasto-siva */
    color: #373f47 !important;              /* tamni tekst kao na Prijavi se */
}
/* Registracijska forma – priprema za "ili" separator */
.woocommerce form.register {
    position: relative;
    padding-bottom: 60px;   /* malo mjesta dole za liniju + "ili" */
}
/* Tekst "ili" ispod dugmeta */
.woocommerce form.register::after {
    content: "ili";
    position: absolute;
    left: 50%;
    bottom: 18px;                      /* visina od dna forme */
    transform: translateX(-50%);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    z-index: 2;
}
/* Registracijska forma – priprema */
.woocommerce form.register {
    position: relative;
    padding-bottom: 60px;
}
/* Tekst “ili” – bez pozadine */
.woocommerce form.login:after {
    content: "ili";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 70px;
    color: #ccc;
    font-weight: 500;
    margin: 0;
    text-align: center;
    z-index: 2;
}

/* Linije sa prekidom ispod “ili” */
.woocommerce form.login:before {
    content: "";
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 79px;
    height: 1px;
    background: linear-gradient(
        to right,
        transparent,
        #888 20%,      /* ovo je fade */
        #888 80%,
        transparent
    );
    mask-image: linear-gradient(
        to right,
        black 45%,
        transparent 50%,
        black 55%
    );
    mask-size: 100%;
    mask-repeat: no-repeat;
    opacity: 0.7;
}
/* Tekst "ili" ispod dugmeta */
.woocommerce form.register::after {
    content: "ili";
    position: absolute;
    left: 50%;
    bottom: 60px;                      /* visina od dna forme */
    transform: translateX(-50%);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    z-index: 2;
}/* Linija kroz cijelu širinu sa "breakom" oko "ili" */
.woocommerce form.register::before {
    content: "";
    position: absolute;
    left: 40px;                        /* koliko da se odmakne od lijevog ruba okvira */
    right: 40px;                       /* isto za desni */
    bottom: 70px;                      /* malo iznad "ili" ili isto, po ukusu */
    height: 1px;
   background: linear-gradient(to right, transparent, #888 20%, #888 80%, transparent);
  mask-image: linear-gradient(to right, black 45%, transparent 50%, black 55%);
  mask-size: 100%;
  mask-repeat: no-repeat;
  opacity: 0.7;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c32c8ad */@media (max-width: 1024px) { .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 1px solid #976DF8;
    padding: 40px;
    margin: 2em 0;
    text-align: left;
    border-radius: 12px;
} 
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
            /* centrirano horizontalno */
    text-align: left;
    border-radius: 12px;
    width: 500px;              /* širina */
    height: 480px;             /* visina */
    box-sizing: border-box;    /* uračunaj border i padding u dimenzije */
}
/* 1) Pretvori login formu u flex kolonu da možemo mijenjati redoslijed */
.woocommerce form.login{
  display: flex;
  flex-direction: column;
}
element.style {
}
.woocommerce form .form-row label {
    line-height: 2;
    color: #ffffff;
    font-family: inter;
    font-weight: 400;
    font-size: 16px;
}
element.style {
}
.woocommerce form .form-row .required {
    color: ffffff;
    size: 12px;
}
/* Bijela boja za zvjezdice (*) */
.woocommerce form .required {
    color: #ffffff !important;
}
element.style {
}
.elementor *, .elementor :after, .elementor :before {
    color: #ffffff;
}
/* WooCommerce linkovi u registracijskoj formi */
.woocommerce form .woocommerce-privacy-policy-text a {
    color: #976DF8 !important;
}

/* Stilizacija WooCommerce dugmeta Registracije */
.woocommerce form .button,
.woocommerce form button.button,
.woocommerce input.button {
    background-color: #976DF8 !important;   /* ljubičasta */
    color: #ffffff !important;              /* bijeli tekst */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;            /* semi-bold */
    font-size: 14px !important;
    padding: 12px 166px !important;
    border-radius: 8px !important;
    border: none !important;
    width: auto !important;
    transition: 0.25s ease-in-out;
}

/* Hover efekat — identičan kao Prijavi se dugme */
.woocommerce form .button:hover,
.woocommerce input.button:hover {
    background-color: #d7cfe8 !important;   /* svijetla ljubičasto-siva */
    color: #373f47 !important;              /* tamni tekst kao na Prijavi se */
}
/* Registracijska forma – priprema za "ili" separator */
.woocommerce form.register {
    position: relative;
    padding-bottom: 60px;   /* malo mjesta dole za liniju + "ili" */
}
/* Tekst "ili" ispod dugmeta */
.woocommerce form.register::after {
    content: "ili";
    position: absolute;
    left: 50%;
    bottom: 18px;                      /* visina od dna forme */
    transform: translateX(-50%);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    z-index: 2;
}
/* Registracijska forma – priprema */
.woocommerce form.register {
    position: relative;
    padding-bottom: 60px;
}
/* Tekst “ili” – bez pozadine */
.woocommerce form.login:after {
    content: "ili";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    color: #ccc;
    font-weight: 500;
    margin: 0;
    text-align: center;
    z-index: 2;
}

/* Linije sa prekidom ispod “ili” */
.woocommerce form.login:before {
    content: "";
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 20px;
    height: 1px;
    background: linear-gradient(
        to right,
        transparent,
        #888 20%,      /* ovo je fade */
        #888 80%,
        transparent
    );
    mask-image: linear-gradient(
        to right,
        black 45%,
        transparent 50%,
        black 55%
    );
    mask-size: 100%;
    mask-repeat: no-repeat;
    opacity: 0.7;
}
/* Tekst "ili" ispod dugmeta */
.woocommerce form.register::after {
    content: "ili";
    position: absolute;
    left: 50%;
    bottom: 60px;                      /* visina od dna forme */
    transform: translateX(-50%);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    z-index: 2;
}/* Linija kroz cijelu širinu sa "breakom" oko "ili" */
.woocommerce form.register::before {
    content: "";
    position: absolute;
    left: 40px;                        /* koliko da se odmakne od lijevog ruba okvira */
    right: 40px;                       /* isto za desni */
    bottom: 70px;                      /* malo iznad "ili" ili isto, po ukusu */
    height: 1px;
   background: linear-gradient(to right, transparent, #888 20%, #888 80%, transparent);
  mask-image: linear-gradient(to right, black 45%, transparent 50%, black 55%);
  mask-size: 100%;
  mask-repeat: no-repeat;
  opacity: 0.7;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d7b7938 */@media (max-width: 767px) { .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 1px solid #976DF8;
    padding: 40px;
    margin: 2em 0;
    text-align: left;
    border-radius: 12px;
} 
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
            /* centrirano horizontalno */
    text-align: left;
    border-radius: 12px;
    width: 330px;              /* širina */
    height: 420px;             /* visina */
    box-sizing: border-box;    /* uračunaj border i padding u dimenzije */
}
/* 1) Pretvori login formu u flex kolonu da možemo mijenjati redoslijed */
.woocommerce form.login{
  display: flex;
  flex-direction: column;
}
element.style {
}
.woocommerce form .form-row label {
    line-height: 2;
    color: #ffffff;
    font-family: inter;
    font-weight: 400;
    font-size: 12px;
}
element.style {
}
.woocommerce form .form-row .required {
    color: ffffff;
    size: 12px;
}
/* Bijela boja za zvjezdice (*) */
.woocommerce form .required {
    color: #ffffff !important;
}
element.style {
}
.elementor *, .elementor :after, .elementor :before {
    color: #ffffff;
    
}
/* WooCommerce linkovi u registracijskoj formi */
.woocommerce form .woocommerce-privacy-policy-text a {
    color: #976DF8 !important;
}

/* Stilizacija WooCommerce dugmeta Registracije */
.woocommerce form .button,
.woocommerce form button.button,
.woocommerce input.button {
    background-color: #976DF8 !important;   /* ljubičasta */
    color: #ffffff !important;              /* bijeli tekst */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;            /* semi-bold */
    font-size: 14px !important;
    padding: 12px 90px !important;
    border-radius: 8px !important;
    border: none !important;
    width: auto !important;
    transition: 0.25s ease-in-out;
}

/* Hover efekat — identičan kao Prijavi se dugme */
.woocommerce form .button:hover,
.woocommerce input.button:hover {
    background-color: #d7cfe8 !important;   /* svijetla ljubičasto-siva */
    color: #373f47 !important;              /* tamni tekst kao na Prijavi se */
}
/* Registracijska forma – priprema za "ili" separator */
.woocommerce form.register {
    position: relative;
    padding-bottom: 60px;   /* malo mjesta dole za liniju + "ili" */
}
/* Tekst "ili" ispod dugmeta */
.woocommerce form.register::after {
    content: "ili";
    position: absolute;
    left: 50%;
    bottom: 18px;                      /* visina od dna forme */
    transform: translateX(-50%);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    z-index: 2;
}
/* Registracijska forma – priprema */
.woocommerce form.register {
    position: relative;
    padding-bottom: 60px;
}
/* Tekst “ili” – bez pozadine */
.woocommerce form.login:after {
    content: "ili";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    color: #ccc;
    font-weight: 500;
    margin: 0;
    text-align: center;
    z-index: 2;
}

/* Linije sa prekidom ispod “ili” */
.woocommerce form.login:before {
    content: "";
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 20px;
    height: 1px;
    background: linear-gradient(
        to right,
        transparent,
        #888 20%,      /* ovo je fade */
        #888 80%,
        transparent
    );
    mask-image: linear-gradient(
        to right,
        black 45%,
        transparent 50%,
        black 55%
    );
    mask-size: 100%;
    mask-repeat: no-repeat;
    opacity: 0.7;
}
/* Tekst "ili" ispod dugmeta */
.woocommerce form.register::after {
    content: "ili";
    position: absolute;
    left: 50%;
    bottom: 80px;                      /* visina od dna forme */
    transform: translateX(-50%);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    z-index: 2;
}/* Linija kroz cijelu širinu sa "breakom" oko "ili" */
.woocommerce form.register::before {
    content: "";
    position: absolute;
    left: 40px;                        /* koliko da se odmakne od lijevog ruba okvira */
    right: 40px;                       /* isto za desni */
    bottom: 90px;                      /* malo iznad "ili" ili isto, po ukusu */
    height: 1px;
   background: linear-gradient(to right, transparent, #888 20%, #888 80%, transparent);
  mask-image: linear-gradient(to right, black 45%, transparent 50%, black 55%);
  mask-size: 100%;
  mask-repeat: no-repeat;
  opacity: 0.7;
}
}
@media (max-width: 767px) {

    /* Smanji SVE tekstove unutar WooCommerce reg/login formi */
    .woocommerce form.register *,
    .woocommerce form.login *,
    .woocommerce form.checkout_coupon * {
        font-size: 12px !important;
        line-height: 1.3;
    }

    /* Ali zadrži H2 "Registruj se" normalne veličine */
    .u-column2.col-2 h2 {
        font-size: 29px !important;
        font-weight: 600 !important;
        line-height: 1.2;
        color: #ffffff;
    }
}/* End custom CSS */