.elementor-kit-6{--e-global-color-primary:#1C3A2A;--e-global-color-secondary:#2D5A3D;--e-global-color-text:#2C2C2C;--e-global-color-accent:#6B7280;--e-global-color-19bc1d4:#A8C5A0;--e-global-color-ff89925:#FAFAF8;--e-global-color-190694d:#F3F4F6;--e-global-color-2413462:#C9A96E;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-size:clamp(3rem, 6vw, 4.75rem);--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-size:clamp(1.75rem, 4vw, 2.75rem);--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:clamp(1.125rem, 2vw, 1.25rem);--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:clamp(1.2rem, 2.2vw, 1.55rem);--e-global-typography-accent-font-weight:700;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h2{font-family:"Inter", Sans-serif;font-size:clamp(1.2rem, 2.2vw, 1.55rem);font-weight:700;}.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: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;}}:root { --zk-forest:#1C3A2A; --zk-gold:#C9A96E; --zk-cream:#F8F7F2; --e-gv-abeca84:#333333; --zk-muted:#617168; --zk-border:#DCE5DB; --zk-display:Playfair Display; --zk-body:Inter; }
/* 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;}/* End custom CSS */