.elementor-kit-12{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-cbdea24:#FFFFFF;--e-global-color-1bd71b9:#030724;--e-global-color-aef9085:#F4F6FA;--e-global-color-c056c4e:#141824;--e-global-color-b30679b:#111318;--e-global-color-d8d7315:#E6E8EC;--e-global-color-4c95604:#6B7280;--e-global-color-0fb6153:#9AA0B2;--e-global-color-b138bfe:#9943D1;--e-global-color-0874e96:#5B7CFA;--e-global-color-67fea50:#FFFFFF;--e-global-color-b9da6d8:#0B0D12;--e-global-typography-primary-font-family:"mokoto";--e-global-typography-primary-font-size:4.5em;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.1em;--e-global-typography-primary-letter-spacing:0.1rem;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:2.2rem;--e-global-typography-secondary-font-weight:300;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-secondary-letter-spacing:0.3rem;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:1.1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.7em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:0.9rem;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0.2rem;--e-global-typography-fac0bc3-font-family:"Montserrat";--e-global-typography-fac0bc3-font-size:0.9rem;--e-global-typography-fac0bc3-font-weight:600;--e-global-typography-fac0bc3-text-transform:uppercase;--e-global-typography-fac0bc3-line-height:1em;--e-global-typography-fac0bc3-letter-spacing:0.12em;--e-global-typography-4d80349-font-family:"Montserrat";--e-global-typography-4d80349-font-size:1rem;--e-global-typography-4d80349-font-weight:600;--e-global-typography-4d80349-text-transform:uppercase;--e-global-typography-4d80349-line-height:1em;--e-global-typography-4d80349-letter-spacing:0.15em;background-color:transparent;color:#DBDADA;background-image:linear-gradient(261deg, var( --e-global-color-1bd71b9 ) 75%, var( --e-global-color-1bd71b9 ) 100%);}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{background-color:transparent;font-family:"Montserrat", Sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;line-height:1em;color:var( --e-global-color-primary );background-image:linear-gradient(204deg, var( --e-global-color-1bd71b9 ) 0%, #9943D1 65%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#E9E9E99E;border-radius:10px 10px 10px 10px;}.elementor-kit-12 e-page-transition{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-c056c4e ) 0%, var( --e-global-color-b138bfe ) 100%);}.elementor-kit-12 h1{color:#FFFFFF;}.elementor-kit-12 h2{color:var( --e-global-color-primary );}.elementor-kit-12 h3{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:10px;--container-default-padding-right:10px;--container-default-padding-bottom:10px;--container-default-padding-left:10px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:10px;--container-default-padding-right:10px;--container-default-padding-bottom:10px;--container-default-padding-left:10px;}}/* Start custom CSS *//* ============================================== OFF-CANVAS: PREMIUM DEEP SPACE COLORS (Samo kozmetičke izmene - Funkcija ista) ============================================== */ /* 1. OSNOVNI KONTEJNER */ .elementor-630 .elementor-element.elementor-element-cd059db .e-off-canvas__content { /* --- DIMENZIJE I SKROL (NETAKNUTO) --- */ height: calc(100vh - 40px) !important; margin: 20px !important; overflow-y: auto !important; overflow-x: hidden !important; /* --- BOJE ZAMENJENE (DEEP SPACE STAKLO) --- */ /* Nova boja (10, 15, 50) umesto stare (3, 7, 36) da se slaže sa karticama */ background: rgba(10, 15, 50, 0.95) !important; backdrop-filter: blur(20px) !important; /* Povećan blur kao na karticama */ -webkit-backdrop-filter: blur(20px) !important; /* --- 3D IVICE (DODAT BORDER-TOP KAO NA KARTICAMA) --- */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.3) !important; /* Svetlo odozgo */ border-radius: 15px !important; /* Malo veći radius */ /* --- DUBINA (DODATA UNUTRAŠNJA SENKA) --- */ box-shadow: -15px 0 50px rgba(0, 0, 0, 0.9), /* Spoljna senka */ inset 0 0 30px rgba(0, 0, 0, 0.4) !important; /* Unutrašnja (Novo) */ /* --- TRANZICIJA (NETAKNUTO) --- */ transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; position: relative !important; display: block !important; } /* 2. ODSJAJ (FLASH ANIMACIJA) */ .elementor-630 .elementor-element.elementor-element-cd059db .e-off-canvas__content::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; /* Boja odsjaja ostaje ista (bela prozirna) */ background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.05), transparent); /* DODATO: Nakrivljenost da prati Header i Kartice */ transform: skewX(-25deg); animation: premium-flash 6s infinite; pointer-events: none !important; z-index: 1; } /* Definicija animacije (NETAKNUTO) */ @keyframes premium-flash { 0% { left: -100%; } 40% { left: 100%; } 100% { left: 100%; } } /* 3. ZAŠTITA SADRŽAJA (NETAKNUTO) */ .elementor-630 .elementor-element.elementor-element-cd059db .e-off-canvas__content > * { position: relative; z-index: 5 !important; } /* 4. HOVER EFEKAT (AŽURIRANE BOJE) */ .elementor-630 .elementor-element.elementor-element-cd059db .e-off-canvas__content:hover { /* Neon Ljubičasta ivica */ border-color: rgba(153, 67, 209, 0.6) !important; border-top-color: rgba(153, 67, 209, 0.8) !important; /* Neon Sjaj + Unutrašnji sjaj */ box-shadow: 0 0 40px rgba(153, 67, 209, 0.15), -15px 0 50px rgba(0, 0, 0, 0.9), inset 0 0 20px rgba(153, 67, 209, 0.05) !important; } /* 5. STILIZACIJA SKROLA (BOJE USKLAĐENE) */ .elementor-630 .elementor-element.elementor-element-cd059db .e-off-canvas__content::-webkit-scrollbar { width: 4px; } .elementor-630 .elementor-element.elementor-element-cd059db .e-off-canvas__content::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2); /* Tamnija pozadina trake */ margin: 10px; border-radius: 10px; } .elementor-630 .elementor-element.elementor-element-cd059db .e-off-canvas__content::-webkit-scrollbar-thumb { background: rgba(153, 67, 209, 0.5); /* Naša ljubičasta */ border-radius: 10px; } .elementor-630 .elementor-element.elementor-element-cd059db .e-off-canvas__content::-webkit-scrollbar-thumb:hover { background: rgba(153, 67, 209, 0.9); /* Jača ljubičasta na hover */ } /* 6. MOBILNI FIX (SAMO BOJA POZADINE AŽURIRANA) */ @media (max-width: 767px) { .elementor-630 .elementor-element.elementor-element-cd059db .e-off-canvas__content { width: calc(100% - 20px) !important; height: calc(100vh - 20px) !important; margin: 10px !important; /* Nova boja za mobilni */ background: rgba(10, 15, 50, 0.98) !important; } } /* ============================================== BUTTONS: DEEP SPACE CRYSTAL EDITION (Usklađeno sa Headerom i Karticama) ============================================== */ .premium-button, .elementor-button { /* --- MATERIJAL: Tamno Kristalno Staklo --- */ background: rgba(10, 15, 50, 0.4) !important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); /* --- 3D IVICE (Svetlo pada odozgo) --- */ border: 1px solid rgba(255, 255, 255, 0.08) !important; border-top: 1px solid rgba(255, 255, 255, 0.3) !important; /* Highlight */ /* --- DUBINA (Unutrašnja senka) --- */ box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2); /* --- OBLIK I TEKST --- */ border-radius: 50px !important; padding: 15px 35px !important; color: #ffffff !important; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; /* --- FIZIKA --- */ transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important; position: relative; overflow: hidden; } /* --- HOVER STATE (ACTIVATION) --- */ .premium-button:hover, .elementor-button:hover { /* Pozadina postaje jača ljubičasta */ background: rgba(153, 67, 209, 0.25) !important; /* Ivica sija */ border-color: rgba(153, 67, 209, 0.8) !important; border-top-color: #ffffff !important; /* Vrh ostaje beo/sjajan */ /* DVOSTRUKI SJAJ (Spolja + Iznutra) */ box-shadow: 0 0 25px rgba(153, 67, 209, 0.5), /* Spoljni Neon */ inset 0 0 15px rgba(153, 67, 209, 0.2); /* Unutrašnji Neon */ transform: translateY(-3px); /* Dugme se podigne */ } /* --- SWIPE EFFECT (MODIFIKOVAN UGAO) --- */ .premium-button::before, .elementor-button::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; /* Široki snop */ height: 100%; /* Oštriji odsjaj za dugmad */ background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.4), /* Jača bela u sredini */ transparent ); /* OVO JE BITNO: Isti ugao kao Header/Kartice */ transform: skewX(-25deg); transition: 0.6s ease-in-out; } .premium-button:hover::before, .elementor-button:hover::before { left: 150%; /* Proleti skroz na drugu stranu */ }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'mokoto'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://starvisionmedia.com/wp-content/uploads/2025/12/Mokoto-Demo.ttf') format('truetype'); } /* End Custom Fonts CSS */