.elementor-7138 .elementor-element.elementor-element-cf8d418{--display:flex;--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-7138 .elementor-element.elementor-element-cf8d418:not(.elementor-motion-effects-element-type-background), .elementor-7138 .elementor-element.elementor-element-cf8d418 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4db68ca );}.elementor-7138 .elementor-element.elementor-element-8c9b4bf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--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-7138 .elementor-element.elementor-element-8c9b4bf:not(.elementor-motion-effects-element-type-background), .elementor-7138 .elementor-element.elementor-element-8c9b4bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050918;}.elementor-7138 .elementor-element.elementor-element-137b0d2{--display:flex;--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-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-7138 .elementor-element.elementor-element-3a3b146 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:22px;font-weight:600;letter-spacing:-0.3px;}.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-7138 .elementor-element.elementor-element-c65d30b{font-family:"Inter Tight", Sans-serif;font-weight:400;color:#FFFFFF;}@media(max-width:1024px){.elementor-7138 .elementor-element.elementor-element-8c9b4bf{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:60px;--padding-bottom:60px;--padding-left:15px;--padding-right:15px;}.elementor-7138 .elementor-element.elementor-element-3a3b146 .elementor-heading-title{font-size:18px;}.elementor-7138 .elementor-element.elementor-element-c65d30b{font-size:14px;}}@media(max-width:767px){.elementor-7138 .elementor-element.elementor-element-8c9b4bf{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-7138 .elementor-element.elementor-element-c65d30b{font-size:14px;}}@media(min-width:768px){.elementor-7138 .elementor-element.elementor-element-cf8d418{--content-width:1400px;}}@media(max-width:1024px) and (min-width:768px){.elementor-7138 .elementor-element.elementor-element-137b0d2{--width:45%;}}/* Start custom CSS for container, class: .elementor-element-8c9b4bf *//* =========================================================
   MY TV — NEWSLETTER PRIJAVA
   Jedan Elementor container: .mytv-prijava
========================================================= */

.mytv-prijava {
    position: relative;
    isolation: isolate;

    width: min(1400px, calc(100% - 30px)) !important;
    min-height: 0 !important;
    height: auto !important;

    margin: 22px auto 34px !important;
    padding: 34px 38px 36px !important;
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 0 !important;

    overflow: hidden !important;
    border-radius: 20px !important;

    background:
        radial-gradient(
            circle at 5% 30%,
            rgba(192, 0, 122, 0.15) 0%,
            rgba(192, 0, 122, 0.05) 22%,
            transparent 43%
        ),
        radial-gradient(
            circle at 91% 70%,
            rgba(213, 229, 28, 0.045) 0%,
            transparent 30%
        ),
        linear-gradient(
            112deg,
            rgba(7, 9, 20, 0.985) 0%,
            rgba(11, 9, 24, 0.965) 100%
        ) !important;

    border: 1px solid rgba(192, 0, 122, 0.42) !important;

    box-shadow:
        0 0 24px rgba(192, 0, 122, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.038) !important;
}


/* Gradient neon stroke */

.mytv-prijava::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    padding: 1px;
    border-radius: inherit;

    background: linear-gradient(
        112deg,
        rgba(192, 0, 122, 0.76) 0%,
        rgba(192, 0, 122, 0.12) 47%,
        rgba(213, 229, 28, 0.09) 77%,
        rgba(213, 229, 28, 0.38) 100%
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;

    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;

    pointer-events: none;
}


/* Diskretni glow iza forme */

.mytv-prijava::after {
    content: "";
    position: absolute;
    right: -20px;
    bottom: -55px;
    z-index: -1;

    width: 390px;
    height: 210px;

    background: radial-gradient(
        ellipse,
        rgba(192, 0, 122, 0.11) 0%,
        transparent 68%
    );

    pointer-events: none;
}


/* =========================================================
   NASLOV
========================================================= */

.mytv-prijava .elementor-widget-heading {
    width: 100% !important;
    margin: 0 0 10px !important;
}

.mytv-prijava .elementor-heading-title {
    margin: 0 !important;

    color: #ffffff !important;
    font-size: clamp(31px, 2.4vw, 38px) !important;
    line-height: 1.06 !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
    text-transform: uppercase !important;
}

.mytv-prijava .lime {
    color: #d5e51c !important;
}

.mytv-prijava .pink {
    color: #c0007a !important;
}


/* =========================================================
   OPIS
========================================================= */

.mytv-prijava .elementor-widget-text-editor {
    width: 100% !important;
    margin: 0 0 25px !important;
}

.mytv-prijava .elementor-widget-text-editor .elementor-widget-container,
.mytv-prijava .elementor-widget-text-editor p {
    max-width: 680px !important;
    margin: 0 !important;

    color: rgba(255, 255, 255, 0.70) !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
}


/* =========================================================
   HTML WIDGET I FORMA
========================================================= */

.mytv-prijava .elementor-widget-html {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
}

.mytv-prijava .elementor-widget-html .elementor-widget-container {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mytv-prijava .mytv-newsletter-form {
    position: relative;

    width: min(760px, 100%) !important;
    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 10px !important;
}

.mytv-prijava .mytv-newsletter-field {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   EMAIL INPUT
========================================================= */

.mytv-prijava .mytv-newsletter-form input[type="email"] {
    display: block !important;

    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;

    margin: 0 !important;
    padding: 0 19px !important;
    box-sizing: border-box !important;

    color: #ffffff !important;
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 400 !important;

    background:
        linear-gradient(
            110deg,
            rgba(255, 255, 255, 0.047) 0%,
            rgba(255, 255, 255, 0.028) 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.19) !important;
    border-radius: 11px !important;

    outline: none !important;

    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.025) !important;

    transition:
        border-color 0.22s ease,
        background-color 0.22s ease,
        box-shadow 0.22s ease !important;
}

.mytv-prijava .mytv-newsletter-form input[type="email"]::placeholder {
    color: rgba(255, 255, 255, 0.45) !important;
    opacity: 1 !important;
}

.mytv-prijava .mytv-newsletter-form input[type="email"]:hover {
    border-color: rgba(255, 255, 255, 0.27) !important;
}

.mytv-prijava .mytv-newsletter-form input[type="email"]:focus {
    background: rgba(255, 255, 255, 0.055) !important;
    border-color: rgba(192, 0, 122, 0.76) !important;

    box-shadow:
        0 0 0 3px rgba(192, 0, 122, 0.12),
        0 0 17px rgba(192, 0, 122, 0.11),
        inset 0 1px 1px rgba(255, 255, 255, 0.025) !important;
}


/* =========================================================
   SUBMIT DUGME
========================================================= */

.mytv-prijava .mytv-newsletter-form input[type="submit"],
.mytv-prijava .mytv-newsletter-submit {
    flex: 0 0 180px !important;

    width: 180px !important;
    height: 56px !important;
    min-height: 56px !important;

    margin: 0 !important;
    padding: 0 22px !important;
    box-sizing: border-box !important;

    color: #ffffff !important;
    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: 0.48px !important;
    text-transform: uppercase !important;
    text-align: center !important;

    cursor: pointer !important;

    border: 1px solid rgba(192, 0, 122, 0.74) !important;
    border-radius: 11px !important;

    background:
        linear-gradient(
            108deg,
            #9d006c 0%,
            #c0007a 100%
        ) !important;

    box-shadow:
        0 0 18px rgba(192, 0, 122, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.11) !important;

    transition:
        color 0.22s ease,
        background-color 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease !important;
}

.mytv-prijava .mytv-newsletter-form input[type="submit"]:hover,
.mytv-prijava .mytv-newsletter-form input[type="submit"]:focus,
.mytv-prijava .mytv-newsletter-submit:hover,
.mytv-prijava .mytv-newsletter-submit:focus {
    color: #071014 !important;
    background: #d5e51c !important;
    border-color: #d5e51c !important;

    box-shadow:
        0 0 21px rgba(213, 229, 28, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;

    transform: translateY(-1px);
    outline: none !important;
}

.mytv-prijava .mytv-newsletter-form input[type="submit"]:active,
.mytv-prijava .mytv-newsletter-submit:active {
    transform: translateY(0);
}


/* =========================================================
   SKRIVENA POLJA I ACCESSIBILITY LABEL
========================================================= */

.mytv-prijava .screen-reader-text {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;

    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;

    border: 0 !important;
}

.mytv-prijava .mytv-newsletter-hp {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;

    width: 1px !important;
    height: 1px !important;

    overflow: hidden !important;
}


/* =========================================================
   TABLET — DO 1024px
========================================================= */

@media (max-width: 1024px) {

    .mytv-prijava {
        width: calc(100% - 30px) !important;
        margin: 18px auto 28px !important;
        padding: 28px 24px 30px !important;
        border-radius: 18px !important;
    }

    .mytv-prijava .elementor-heading-title {
        font-size: 30px !important;
    }

    .mytv-prijava .elementor-widget-text-editor .elementor-widget-container,
    .mytv-prijava .elementor-widget-text-editor p {
        max-width: 620px !important;
        font-size: 15px !important;
    }

    .mytv-prijava .mytv-newsletter-form {
        width: 100% !important;
    }
}


/* =========================================================
   MOBILE — DO 767px
========================================================= */

@media (max-width: 767px) {

    .mytv-prijava {
        width: calc(100% - 30px) !important;
        min-height: 0 !important;
        height: auto !important;

        margin: 14px auto 22px !important;
        padding: 22px 15px 16px !important;

        border-radius: 16px !important;
    }

    .mytv-prijava::after {
        right: -95px;
        bottom: -60px;
        width: 260px;
        height: 170px;
    }

    .mytv-prijava .elementor-widget-heading {
        margin-bottom: 9px !important;
    }

    .mytv-prijava .elementor-heading-title {
        font-size: 25px !important;
        line-height: 1.1 !important;
    }

    .mytv-prijava .elementor-widget-text-editor {
        margin-bottom: 18px !important;
    }

    .mytv-prijava .elementor-widget-text-editor .elementor-widget-container,
    .mytv-prijava .elementor-widget-text-editor p {
        max-width: none !important;

        font-size: 13.5px !important;
        line-height: 1.5 !important;
    }

    .mytv-prijava .mytv-newsletter-form {
        width: 100% !important;

        flex-direction: column !important;
        align-items: stretch !important;
        gap: 9px !important;
    }

    .mytv-prijava .mytv-newsletter-form input[type="email"] {
        height: 51px !important;
        min-height: 51px !important;

        padding: 0 15px !important;

        font-size: 14px !important;
        border-radius: 9px !important;
    }

    .mytv-prijava .mytv-newsletter-form input[type="submit"],
    .mytv-prijava .mytv-newsletter-submit {
        flex: 0 0 auto !important;

        width: 100% !important;
        height: 51px !important;
        min-height: 51px !important;

        padding: 0 16px !important;

        font-size: 13px !important;
        border-radius: 9px !important;
    }
}


/* =========================================================
   VRLO MALI MOBITELI — DO 390px
========================================================= */

@media (max-width: 390px) {

    .mytv-prijava {
        padding: 20px 13px 14px !important;
        border-radius: 15px !important;
    }

    .mytv-prijava .elementor-heading-title {
        font-size: 23px !important;
    }

    .mytv-prijava .mytv-newsletter-form input[type="email"],
    .mytv-prijava .mytv-newsletter-form input[type="submit"],
    .mytv-prijava .mytv-newsletter-submit {
        height: 49px !important;
        min-height: 49px !important;
    }
}/* End custom CSS */