/* ----------------------------------------------------------------
   KSM Redizajn — Custom CSS
   Prijedlog 1 (Canvas 7.4)
   Boje: Forest Green #1A4731 · Amber Orange #E8650A
   Fontovi: Plus Jakarta Sans · Inter
-----------------------------------------------------------------*/

:root {
    --cnvs-themecolor: #1A4731;
    --ksm-dark: #122E20;
    --ksm-orange: #E8650A;
    --ksm-orange-hover: #C9530A;
    --ksm-green-mid: #306844;
    --ksm-pale: #F3F7F5;
    --cnvs-body-font: 'Inter', sans-serif;
    --cnvs-primary-font: 'Plus Jakarta Sans', sans-serif;
}

h1,.h1{font-size:clamp(2rem,calc(2rem + ((1vw - 5.76px)*2.9126)),3.5rem);font-family:var(--cnvs-primary-font)}
h2,.h2{font-size:clamp(1.625rem,calc(1.625rem + ((1vw - 5.76px)*2.1845)),2.75rem);font-family:var(--cnvs-primary-font)}
h3,.h3{font-size:clamp(1.375rem,calc(1.375rem + ((1vw - 5.76px)*1.699)),2.25rem);font-family:var(--cnvs-primary-font)}
h4,.h4{font-size:clamp(1.125rem,calc(1.125rem + ((1vw - 5.76px)*1.2136)),1.75rem);font-family:var(--cnvs-primary-font)}
body{font-size:clamp(0.9375rem,calc(0.9375rem + ((1vw - 5.76px)*.2427)),1.0625rem);font-family:var(--cnvs-body-font)}
.lead{font-size:clamp(1.0625rem,calc(1.0625rem + ((1vw - 5.76px)*.6068)),1.375rem)}

/* Header */
#header{background:transparent!important;border-bottom:none!important}
#header-wrap{background:rgba(0,0,0,.10)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;transition:background .3s!important}
#header.sticky-header #header-wrap{background:rgba(18,46,32,.92)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
#header .menu-link{color:rgba(255,255,255,.85)!important;font-family:var(--cnvs-primary-font);font-weight:600}
#header .menu-link:hover{color:#fff!important}
.cnvs-hamburger-inner,.cnvs-hamburger-inner::before,.cnvs-hamburger-inner::after{background-color:#fff!important}
.ksm-logo-text,#header #logo .ksm-logo-text{font-family:var(--cnvs-primary-font);font-weight:800;font-size:1.5rem;color:#fff!important;letter-spacing:-0.5px;text-decoration:none;display:inline-block}
.ksm-logo-text span{color:var(--ksm-orange)}
.btn-header-cta{background:var(--ksm-orange)!important;color:#fff!important;padding:9px 22px!important;border-radius:6px!important;font-family:var(--cnvs-primary-font)!important;font-weight:700!important;font-size:.875rem!important;text-decoration:none;white-space:nowrap;border:none!important;transition:background .2s}
.btn-header-cta:hover{background:var(--ksm-orange-hover)!important;color:#fff!important}

/* Buttons */
.btn-ksm-primary{display:inline-flex;align-items:center;gap:8px;background:var(--ksm-orange);color:#fff;padding:14px 30px;border-radius:6px;font-family:var(--cnvs-primary-font);font-weight:700;font-size:.9375rem;text-decoration:none;transition:all .2s;border:2px solid var(--ksm-orange)}
.btn-ksm-primary:hover{background:var(--ksm-orange-hover);border-color:var(--ksm-orange-hover);color:#fff}
.btn-ksm-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;padding:14px 30px;border-radius:6px;font-family:var(--cnvs-primary-font);font-weight:700;font-size:.9375rem;text-decoration:none;transition:all .2s;border:2px solid rgba(255,255,255,.45)}
.btn-ksm-outline:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}
.btn-ksm-green{display:inline-flex;align-items:center;gap:8px;background:var(--cnvs-themecolor);color:#fff;padding:14px 30px;border-radius:6px;font-family:var(--cnvs-primary-font);font-weight:700;font-size:.9375rem;text-decoration:none;transition:all .2s}
.btn-ksm-green:hover{background:var(--ksm-dark);color:#fff}

/* Section headings */
.heading-block h2{font-family:var(--cnvs-primary-font);color:var(--cnvs-themecolor)}
.heading-block .before-heading{color:var(--ksm-orange);font-weight:700;letter-spacing:2px;font-family:var(--cnvs-primary-font)}

/* Footer */
#footer{background:var(--ksm-dark)!important}
#footer h4,.widget-title{color:#fff!important;font-family:var(--cnvs-primary-font)!important;font-size:.8125rem!important;font-weight:700!important;letter-spacing:1.5px!important;text-transform:uppercase!important;margin-bottom:16px!important}
#footer p,#footer li,#footer a{color:rgba(255,255,255,.55)!important;font-size:.875rem!important}
#footer a:hover{color:#fff!important}
#copyrights{background:rgba(0,0,0,.25)!important;border-top:1px solid rgba(255,255,255,.08)!important}
#copyrights span,#copyrights a{color:rgba(255,255,255,.4)!important;font-size:.8125rem!important}
#copyrights a:hover{color:rgba(255,255,255,.7)!important}

@media(max-width:768px){
    .trust-flex{flex-wrap:wrap;gap:12px!important}
    .trust-divider{display:none}
    .hero-btn-wrap{flex-direction:column;align-items:flex-start}
    .hero-btn-wrap .btn-ksm-primary,.hero-btn-wrap .btn-ksm-outline{width:100%;justify-content:center}
}