.elementor-kit-6{--e-global-color-primary:#10B981;--e-global-color-secondary:#F59E0B;--e-global-color-text:#0F172A;--e-global-color-accent:#475569;--e-global-color-a4cd3d8:#0A1628;--e-global-color-291d64b:#F8FAFC;--e-global-color-cd66cea:#0F2D27;--e-global-color-bf3c226:#FFFFFFBF;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-size:64px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-size:48px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;--e-global-typography-1acf86e-font-size:13px;background-color:var( --e-global-color-291d64b );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-6{--e-global-typography-primary-font-size:56px;--e-global-typography-secondary-font-size:42px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-primary-font-size:42px;--e-global-typography-secondary-font-size:34px;--e-global-typography-text-font-size:17px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:32px;--e-global-typography-secondary-font-size:26px;--e-global-typography-text-font-size:16px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}:root { --heading_font:Plus Jakarta Sans; --btn-hero-green:#10B981; --Btn-hero-green-hover:#026f4a; --Inter_font_body:Inter; --Zelena-p-lagana:#ecfaf5; --Border-image:20px; --DUP_Inter_font_body:Inter; --DUP_btn-hero-green:#10B981; }
/* Start custom CSS */:root {
    /* =========================================
       VERTIKALNI RAZMACI (Y-osa: Gore i dole)
       1rem = 16px
       ========================================= */
    --space-xs: clamp(1.5rem, 2vw + 1rem, 2.5rem);   /* Mob: ~24px | Desk: ~40px */
    --space-s:  clamp(2rem, 3vw + 1.25rem, 3.5rem);  /* Mob: ~32px | Desk: ~56px */
    --space-m:  clamp(1rem, 4vw + 2rem, 5rem);       /* Mob: ~48px | Desk: ~80px */
    --space-l:  clamp(4rem, 6vw + 2rem, 7rem);       /* Mob: ~64px | Desk: ~112px */
    --space-xl: clamp(5rem, 8vw + 2.5rem, 9.5rem);   /* Mob: ~80px | Desk: ~152px */

    /* =========================================
       HORIZONTALNI RAZMAK (X-osa: Levo i desno)
       Savršeno pogađa tvoje vrednosti!
       Mob: 24px (1.5rem) | Tab: ~48px | Desk: 80px (5rem)
       ========================================= */
    --space-x: clamp(0.2rem, 6vw + 0.1rem, 1rem);
}

/* =========================================
   KLASE ZA SEKCIJE - VERTIKALNO (Gore i Dole)
   Optimizovano: 'padding-block' menja i top i bottom odjednom!
   ========================================= */
.section-xs { padding-block: var(--space-xs) !important; }
.section-s  { padding-block: var(--space-s) !important; }
.section-m  { padding-block: var(--space-m) !important; }
.section-l  { padding-block: var(--space-l) !important; }
.section-xl { padding-block: var(--space-xl) !important; }

/* Klase ako ti nekad zatreba samo gore (pt) ili samo dole (pb) */
.pt-m { padding-top: var(--space-m) !important; }
.pb-m { padding-bottom: var(--space-m) !important; }
.pt-l { padding-top: var(--space-l) !important; }
.pb-l { padding-bottom: var(--space-l) !important; }

/* =========================================
   KLASE ZA SEKCIJE - HORIZONTALNO (Levo i Desno)
   Optimizovano: 'padding-inline' menja i left i right odjednom!
   ========================================= */

/* Ovu klasu dodaješ tamo gde želiš tvoj fluidni levi i desni razmak */
.pad-x { 
    padding-inline: var(--space-x) !important; 
}

/* KOMBINOVANA KLASA (Sve strane istovremeno)
   Ako želiš jedan "box" koji ima i M razmak gore/dole i tvoj fluidni X razmak levo/desno */
.section-box-m {
    padding-block: var(--space-m) !important;
    padding-inline: var(--space-x) !important;
}
.elementor-icon-wrapper {line-height: 0;}


  /* Dodaje pulsirajući sjaj i glatku tranziciju */
  .animirano-dugme {
    animation: zeleni-sjaj 2s infinite !important;
    transition: transform 0.2s ease !important;
  }

  /* Kad pređeš mišem: dugme se malo poveća i sjaj se pauzira */
  .animirano-dugme:hover {
    transform: scale(1.05) !important;
    animation: none !important; 
  }

  /* Prosta animacija sjaja (širi se i nestaje) */
  @keyframes zeleni-sjaj {
    0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.6); }
    100% { box-shadow: 0 0 0 15px transparent; }
  }



  .stakleno-dugme {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important; /* Razmak između ikonice i teksta */
    
    border-radius: 0.75rem !important; /* rounded-xl */
    font-size: 1rem !important; /* text-base */
    font-weight: 600 !important; /* font-semibold */
    color: #ffffff !important; /* text-white */
    text-decoration: none !important;

    /* --- STAKLENI EFEKAT (Glassmorphism) --- */
    background-color: rgba(255, 255, 255, 0.05) !important; /* bg-white/5 */
    border: 1px solid rgba(255, 255, 255, 0.25) !important; /* border-white/25 */
    backdrop-filter: blur(12px) !important; /* backdrop-blur-md */
    -webkit-backdrop-filter: blur(12px) !important; /* Podrška za Safari (iPhone) */

    /* Glatka animacija kada pređeš mišem */
    transition: background-color 0.3s ease !important;
  }

  /* Hover efekat (kad pređeš mišem postaje malo svetlije) */
  .stakleno-dugme:hover {
    background-color: rgba(255, 255, 255, 0.15) !important; /* hover:bg-white/15 */
  }

  /* Veličina ikonice telefona */
  .stakleno-dugme i,
  .stakleno-dugme svg {
    font-size: 1.25rem !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
  }/* End custom CSS */