/* MIRROR v3 – minimalistički dizajn. Svijetlo, zelena samo kao naglasak.
   Pravila: bez gradijenata, bez sjena, bez animacija (hover = samo promjena boje, bez prijelaza).
   Varijante: body.m3--a (bijeli), body.m3--b (klasični, po uzoru na staru stranicu), body.m3--c (mekani). */

@font-face{font-family:"Figtree";font-style:normal;font-weight:300 900;font-display:swap;src:url(../fonts/figtree-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree";font-style:normal;font-weight:300 900;font-display:swap;src:url(../fonts/figtree-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Sora";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/sora-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Sora";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/sora-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --green:#13a454;          /* naglasak: linije, oznake */
  --green-d:#0b7d3d;        /* gumbi i poveznice (kontrast ≥ 4.5:1 na bijelom) */
  --green-dd:#086330;       /* hover */
  --ink:#1f2326;
  --muted:#5b6166;
  --line:#e4e6e8;
  --bg:#fff;
  --bg-2:#f5f6f7;
  --top-bg:#f5f6f7; --top-ink:#3f4448;
  --font:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-h:var(--font);
  --r:4px;                  /* zaobljenje slika/kartica */
  --r-btn:4px;
  --w:1160px;
  --gut:clamp(16px,4vw,32px);
  --sec:clamp(56px,8vw,104px);
}
.m3--b{--top-bg:#3d4043;--top-ink:#fff;--r:0px;--r-btn:2px}
.m3--c{--bg-2:#f3f7f4;--top-bg:#fff;--r:14px;--r-btn:999px;--font-h:"Sora",var(--font)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body.m3{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.m3 img{max-width:100%;height:auto;display:block}
.m3 a{color:var(--green-d);text-decoration:none}
.m3 a:hover{color:var(--green-dd)}
.m3 p{margin:0 0 1em}
.m3 h1,.m3 h2,.m3 h3{font-family:var(--font-h);color:var(--ink);margin:0 0 .5em;line-height:1.2;font-weight:700;letter-spacing:-.01em}
.m3 :focus-visible{outline:2px solid var(--green-d);outline-offset:2px}
.m3-skip{position:absolute;left:-9999px;top:0;background:#fff;padding:8px 12px;z-index:100}
.m3-skip:focus{left:8px;top:8px}
.m3 .m3-wrap{width:100%;max-width:calc(var(--w) + 2*var(--gut));margin:0 auto;padding:0 var(--gut)}

/* ---------------------------------------------------------------- kontakt traka */
.m3-topbar{background:var(--top-bg);color:var(--top-ink);font-size:14px;line-height:1.4}
.m3--c .m3-topbar{border-bottom:1px solid var(--line)}
.m3-topbar__in{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0;padding-top:8px;padding-bottom:8px}
.m3-topbar__in>*{color:inherit!important;padding:0 12px;white-space:nowrap}
.m3-topbar__in>*+*{border-left:1px solid currentColor;border-left-color:color-mix(in srgb,currentColor 30%,transparent)}
.m3-topbar a:hover{text-decoration:underline}
@media (min-width:900px){.m3-topbar__in{justify-content:flex-end}.m3-topbar__in>*:last-child{padding-right:0}}
@media (max-width:560px){
  .m3-topbar{font-size:13px}
  .m3-topbar__in{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:2px 0}
  .m3-topbar__in>*{padding:0 6px}
  .m3-topbar__in>*:nth-child(3){border-left:0}
}

/* ---------------------------------------------------------------- header */
.m3-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:20}
.m3--b .m3-header{border-bottom:2px solid var(--green)}
.m3-header__in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}
.m3-logo{display:block;flex:0 0 auto}
.m3-logo img{width:170px;height:auto}
.m3-nav{display:flex;align-items:center;gap:28px}
.m3-menu{list-style:none;margin:0;padding:0;display:flex;gap:26px}
.m3-menu a{color:var(--ink);font-weight:500;font-size:16px;padding:6px 0;display:block;border-bottom:2px solid transparent}
.m3-menu a:hover{color:var(--green-d)}
.m3-menu .current-menu-item>a{color:var(--green-d);border-bottom-color:var(--green)}
.m3--c .m3-menu .current-menu-item>a{border-bottom-color:transparent}
.m3-burger{display:none}
@media (max-width:1023px){
  .m3-header__in{min-height:68px}
  .m3-logo img{width:140px}
  .m3-burger{display:inline-flex;align-items:center;gap:10px;background:none;border:1px solid var(--line);border-radius:var(--r-btn);padding:9px 14px;font:600 15px/1 var(--font);color:var(--ink);cursor:pointer}
  .m3-burger__lines,.m3-burger__lines::before,.m3-burger__lines::after{display:block;width:18px;height:2px;background:currentColor;position:relative}
  .m3-burger__lines::before,.m3-burger__lines::after{content:"";position:absolute;left:0}
  .m3-burger__lines::before{top:-6px}.m3-burger__lines::after{top:6px}
  .m3-nav-open .m3-burger__lines{background:transparent}
  .m3-nav-open .m3-burger__lines::before{top:0;transform:rotate(45deg)}
  .m3-nav-open .m3-burger__lines::after{top:0;transform:rotate(-45deg)}
  .m3-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--gut) 20px}
  .m3-nav-open .m3-nav{display:flex}
  .m3-menu{flex-direction:column;gap:0}
  .m3-menu a{padding:14px 0;border-bottom:1px solid var(--line);font-size:17px}
  .m3-menu .current-menu-item>a{border-bottom-color:var(--line)}
  .m3-nav__cta{margin-top:18px;text-align:center}
}

/* ---------------------------------------------------------------- gumbi */
.m3-btn,.m3 .m3-b .elementor-button{display:inline-block;background:var(--green-d);color:#fff!important;border:1px solid var(--green-d);border-radius:var(--r-btn);padding:13px 24px;font:600 16px/1.2 var(--font);text-decoration:none;cursor:pointer}
.m3-btn:hover,.m3 .m3-b .elementor-button:hover{background:var(--green-dd);border-color:var(--green-dd)}
.m3 .m3-b--ghost .elementor-button{background:transparent;color:var(--ink)!important;border-color:#c9cdd0}
.m3 .m3-b--ghost .elementor-button:hover{border-color:var(--ink)}
.m3 .elementor-button-content-wrapper,.m3 .elementor-button-text{display:inline}
.m3 .m3-btns{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;margin-top:8px}
.m3-link{font-weight:600;display:inline-block;margin-top:auto}
.m3-link::after{content:" →"}

/* ---------------------------------------------------------------- sekcije, tipografija */
.m3 .m3-sec{padding:var(--sec) 0}
.m3-sec--alt{background:var(--bg-2)}
.m3-sec--line{border-top:1px solid var(--line)}
.m3 .m3-h1 h1,.m3 h1.m3-h1{font-size:clamp(32px,4.6vw,52px);line-height:1.1;letter-spacing:-.02em;margin-bottom:20px}
.m3 .m3-h2 h2,.m3 h2.m3-h2{font-size:clamp(26px,3vw,36px);margin-bottom:28px}
.m3 .m3-h3 h3{font-size:22px}
.m3-lead,.m3-lead p{font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:var(--ink)}
.m3-text p,.m3-prose p{color:var(--muted)}
.m3-prose{max-width:720px}
.m3-prose h2{font-size:clamp(22px,2.4vw,28px);margin-top:1.6em}
.m3-prose h2:first-child{margin-top:0}
.m3-kicker{display:block;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--green-d);margin-bottom:14px}

/* popisi s kratkom zelenom crticom */
.m3-list{list-style:none;margin:0 0 1.2em;padding:0;display:grid;gap:10px}
.m3-list li{position:relative;padding-left:24px;color:var(--ink)}
.m3-list li::before{content:"";position:absolute;left:0;top:.8em;width:12px;height:2px;background:var(--green)}
@media (min-width:640px){.m3-list--2{grid-template-columns:1fr 1fr;column-gap:40px}}
.m3-brands{font-size:19px;line-height:1.8;color:var(--ink);max-width:820px}

/* ---------------------------------------------------------------- hero (naslovnica) */
.m3 .m3-hero{padding:clamp(40px,6vw,88px) 0 clamp(56px,7vw,104px)}
.m3 .m3-hero__grid{display:grid;gap:40px;align-items:center}
@media (min-width:960px){.m3 .m3-hero__grid{grid-template-columns:1fr 1fr;gap:64px}}
.m3-hero__ask{margin-top:12px;padding-top:20px;border-top:1px solid var(--line)}
.m3-hero__ask p{margin:0 0 .3em;color:var(--muted)}
.m3-hero__ask strong{color:var(--ink)}
.m3-hero__media{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.m3-hero__media figure{margin:0}
.m3-hero__media img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r)}
.m3--b .m3-hero{background:var(--bg-2);text-align:center}
.m3--b .m3-hero__grid{grid-template-columns:1fr;max-width:860px;margin:0 auto;gap:44px}
.m3--b .m3-hero__ask{border-top:0;padding-top:0}
.m3--b .m3-btns{justify-content:center}
.m3--b .m3-hero__media img{aspect-ratio:1/1}
.m3--c .m3-hero{background:var(--bg-2)}
.m3--c .m3-hero__media{grid-template-columns:1.25fr 1fr;align-items:end}
.m3--c .m3-hero__media figure:last-child img{aspect-ratio:3/4}

/* ---------------------------------------------------------------- usluge (Odaberite što vam treba) */
.m3-services{display:grid;gap:0;border-top:1px solid var(--line)}
.m3-service{display:flex;flex-direction:column;padding:28px 0;border-bottom:1px solid var(--line)}
.m3-service h3{font-size:15px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.m3-service p{color:var(--muted);margin-bottom:18px}
@media (min-width:640px){.m3-services{grid-template-columns:1fr 1fr}.m3-service{padding:32px 32px 32px 0}}
@media (min-width:1024px){
  .m3-services{grid-template-columns:repeat(4,1fr);border-top:0}
  .m3-service{border-bottom:0;border-left:1px solid var(--line);padding:4px 28px}
  .m3-service:first-child{border-left:0;padding-left:0}
}
.m3--b .m3-services{gap:20px;border-top:0}
.m3--b .m3-service{border:1px solid var(--line);padding:28px;text-align:center;align-items:center;background:#fff}
.m3--b .m3-sec--services .m3-h2{text-align:center}
.m3--c .m3-services{gap:16px;border-top:0}
.m3--c .m3-service{background:var(--bg-2);border:0;border-radius:var(--r);padding:30px}
@media (min-width:1024px){.m3--c .m3-services{grid-template-columns:1fr 1fr}.m3--c .m3-service:first-child{padding-left:30px}}

/* ---------------------------------------------------------------- Zašto MIRROR */
.m3-why{display:grid;gap:28px}
@media (min-width:640px){.m3-why{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.m3-why{grid-template-columns:repeat(5,1fr);gap:32px}}
.m3-why h3{font-size:18px;margin-bottom:8px;padding-top:16px;border-top:2px solid var(--green)}
.m3-why p{color:var(--muted);margin:0;font-size:16px}
.m3--b .m3-why{text-align:center}
.m3--b .m3-sec--alt .m3-h2{text-align:center}
.m3--b .m3-why h3{border-top:0;padding-top:0}
.m3--c .m3-why h3{border-top:0;padding-top:0}
.m3--c .m3-why h3::before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-bottom:14px}

/* ---------------------------------------------------------------- poziv na kontakt */
.m3 .m3-cta{text-align:center}
.m3 .m3-cta .m3-btns{justify-content:center}
.m3 .m3-cta .m3-lead p{color:var(--muted)}

/* ---------------------------------------------------------------- podstranice */
.m3 .m3-phead{padding:clamp(40px,6vw,80px) 0 clamp(28px,4vw,48px);border-bottom:1px solid var(--line)}
.m3--b .m3-phead,.m3--c .m3-phead{background:var(--bg-2);border-bottom:0}
.m3--b .m3-phead{text-align:center}
.m3--b .m3-phead .m3-lead{margin-left:auto;margin-right:auto}
.m3 .m3-phead .m3-lead{max-width:720px;color:var(--muted)}
.m3 .m3-phead .m3-lead p{color:var(--muted);margin:0}
.m3 .m3-split{display:grid;gap:40px;align-items:start}
@media (min-width:960px){.m3 .m3-split{grid-template-columns:1.15fr 1fr;gap:72px}}
.m3-figure{margin:0}
.m3-figure img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r)}
.m3 .m3-cols{display:grid;gap:40px}
@media (min-width:960px){.m3 .m3-cols{grid-template-columns:1fr 1fr;gap:72px}}
.m3-items{display:grid;gap:24px}
@media (min-width:640px){.m3-items{grid-template-columns:1fr 1fr;gap:28px 40px}}
.m3-items h3{font-size:18px;margin-bottom:6px}
.m3-items p{color:var(--muted);margin:0}
.m3 .m3-box{border:1px solid var(--line);border-radius:var(--r);padding:clamp(24px,4vw,40px)}
.m3--c .m3-box{border:0;background:var(--bg-2)}
.m3-contactline{margin-top:20px;color:var(--ink)}
.m3-contactline a{font-weight:600}

/* kontakt */
.m3-cinfo{display:grid;gap:28px}
@media (min-width:640px){.m3-cinfo{grid-template-columns:1fr 1fr}}
.m3-cinfo h3{font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.m3-cinfo p{margin:0}

/* ---------------------------------------------------------------- obrazac (WPForms) */
.m3-form .wpforms-container{margin:0!important}
.m3-form .wpforms-field{padding:0 0 16px!important}
.m3-form .wpforms-field-label{display:block;font-weight:600;font-size:15px;margin:0 0 6px;color:var(--ink)}
.m3-form .wpforms-required-label{color:var(--green-d)}
.m3-form input[type=text],.m3-form input[type=email],.m3-form input[type=tel],.m3-form select,.m3-form textarea{width:100%!important;max-width:100%!important;border:1px solid #c9cdd0;border-radius:var(--r-btn);background:#fff;padding:12px 14px;font:400 16px/1.4 var(--font);color:var(--ink);min-height:48px}
.m3--c .m3-form input[type=text],.m3--c .m3-form input[type=email],.m3--c .m3-form select,.m3--c .m3-form textarea{border-radius:10px}
.m3-form textarea{min-height:130px;resize:vertical}
.m3-form input:focus,.m3-form select:focus,.m3-form textarea:focus{outline:2px solid var(--green-d);outline-offset:0;border-color:var(--green-d)}
.m3-form .wpforms-field-gdpr-checkbox li{display:flex;gap:10px;align-items:flex-start;list-style:none}
.m3-form .wpforms-field-gdpr-checkbox ul{padding:0;margin:0}
.m3-form .wpforms-field-gdpr-checkbox label{font-size:14px;color:var(--muted)}
.m3-form input[type=checkbox]{width:18px;height:18px;margin-top:3px;accent-color:var(--green-d)}
.m3-form button[type=submit]{background:var(--green-d);color:#fff;border:1px solid var(--green-d);border-radius:var(--r-btn);padding:14px 26px;font:600 16px/1.2 var(--font);cursor:pointer}
.m3-form button[type=submit]:hover{background:var(--green-dd)}
.m3-form .wpforms-error,.m3-form label.wpforms-error{color:#b42318;font-size:14px}
.m3-form .wpforms-field-container{display:grid;gap:0 20px}
@media (min-width:640px){.m3-form .wpforms-field-container{grid-template-columns:1fr 1fr}.m3-form .wpforms-field-textarea,.m3-form .wpforms-field-gdpr-checkbox,.m3-form .wpforms-field-select{grid-column:1/-1}}
.m3-form .wpforms-confirmation-container-full{border:1px solid var(--green);background:#f1faf4;padding:20px;border-radius:var(--r)}

/* ---------------------------------------------------------------- footer */
.m3-footer{border-top:1px solid var(--line);padding:56px 0 0;font-size:15px;color:var(--muted)}
.m3--b .m3-footer{background:var(--bg-2);border-top:0}
.m3-footer__in{display:grid;gap:32px;padding-bottom:40px}
@media (min-width:640px){.m3-footer__in{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.m3-footer__in{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.m3-footer__logo{width:140px;margin-bottom:16px}
.m3-footer__h{font-weight:700;color:var(--ink);margin-bottom:6px!important}
.m3-footer p{margin:0}
.m3-footer a{color:var(--muted)}
.m3-footer a:hover{color:var(--green-d)}
.m3-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:20px;padding-bottom:24px;font-size:14px}
.m3-footer__menu{list-style:none;margin:0;padding:0;display:flex;gap:20px}

/* ---------------------------------------------------------------- Elementor neutralizacija (frontend CSS je isključen) */
.m3 .e-con,.m3 .e-con-inner,.m3 .elementor-element{min-width:0}
.m3 .elementor-widget:not(:last-child){margin-bottom:0}
.m3 .elementor-heading-title{margin:0}
.m3 .elementor-widget-text-editor>*:last-child,.m3 .elementor-widget-text-editor p:last-child{margin-bottom:0}
.m3 .m3-stack>*+*{margin-top:18px}
.m3 .elementor-widget-heading+.elementor-widget-text-editor{margin-top:0}
/* Elementor frontend.css se učitava (potreban za editor) – kontejneri bez zadanih razmaka; raspored određuju naše klase */
.m3 .e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;
  --padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--margin-top:0px;--margin-bottom:0px;
  --widgets-spacing:0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;--gap:0px;--row-gap:0px;--column-gap:0px;
  --display:flex;--flex-direction:column;--flex-wrap:nowrap;--align-items:normal;--justify-content:normal;--width:100%;--content-width:100%;--min-height:0}
.m3{--kit-widget-spacing:0px}
.m3 .e-con>.elementor-widget{max-width:100%}
.m3 .m3-btns>.elementor-widget{width:auto}

/* Prekidač dizajna – samo na pregledu za klijenta (opcija mirror_switcher) */
.m3-switch{position:fixed;right:16px;bottom:16px;z-index:50;display:flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 6px 5px 14px;font:600 14px/1 var(--font);color:var(--muted)}
.m3-switch span{margin-right:6px}
.m3-switch a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:var(--ink)!important}
.m3-switch a:hover{background:var(--bg-2)}
.m3-switch a[aria-current]{background:var(--green-d);color:#fff!important}