/* ═══════════════════════════════════════════════════════════════
   K4 SPORT — HOMEPAGE CUSTOM TYPOGRAPHY SKELETON (K4_HOME_ROOT)
   NAMJENA:
   - Samo tipografija (font-size / line-height / letter-spacing)
   - Siguran scope samo za početnu stranicu
   - Mijenjaj vrijednosti po sekcijama i breakpointima
   NAPOMENA:
   - Hero i tvrdoglavi elementi koriste jači selector
═══════════════════════════════════════════════════════════════ */

/* ============================================================
   K4_HOME_ROOT (NE DIRAJ)
============================================================ */
html[data-theme="dark"] body.home.page-id-1548 .k4-home {
  /* scope anchor */
}

/* ============================================================
   BACKGROUD
============================================================ */
.k4-s-hero{
    min-height:30vh;
}

/* ============================================================
   DESKTOP / BASE TYPOGRAPHY
============================================================ */

/* ── 1) HERO ──────────────────────────────────────────────── */
/* Eyebrow */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-s-hero .k4-hero-content .k4-hero-eyebrow {
  font-size: 4rem !important;
    font-style:italic !important;
  line-height: 1.2 !important;
  letter-spacing: 1.5px !important;
}

/* Gradient text */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-s-hero .k4-hero-content .k4-grad-text {
  font-size: 10rem !important;
  line-height: 0.95 !important;
}

/* Hero H1 */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-s-hero .k4-hero-content .k4-hero-h1 {
  font-size: 5.8rem !important;
  line-height: 1.02 !important;
  letter-spacing: -1px !important;
}

/* Hero lead */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-s-hero .k4-hero-content .k4-hero-lead {
  font-size: 1.7rem !important;
  line-height: 1.65 !important;
}

/* Hero buttons text */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-s-hero .k4-btn,
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-s-hero .k4-btn.k4-btn-lg {
  font-size: 0.95rem !important;
}

/* ── 2) GLOBALNI SECTION HEADERI / LABELI ─────────────────── */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-section-label {
  font-size: 1.3rem !important;
  letter-spacing: 1.2px !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-section-h2 {
  font-size: 3.5rem !important;
  line-height: 1.08 !important;
  letter-spacing: -0.5px !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-section-sub {
  font-size: 1.4rem !important;
    font-weight:200 !important;
  line-height: 1.3 !important;
}

/* ── 3) KALENDAR PREVIEW (k4sc-*) ─────────────────────────── */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-month-title h3 {
  font-size: 2rem !important;
    font-weight:400 !important;
  line-height: 1.2 !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-month-badge {
  font-size: 0.9rem !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-day-num {
  font-size: 2.8rem !important;
  line-height: 1 !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-day-name,
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-month-sh {
  font-size: 1rem !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-soon-badge {
  font-size: 1rem !important;
    color:#FD1D1D !important;
 }   

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-top .k4-tag,
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-tag {
  font-size: 1.3rem !important;
  line-height: 1.2 !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-title,
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-title a {
  font-size: 2rem !important;
  line-height: 1.2 !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-chips .k4-kal-chip {
    padding:
  font-size: 1rem !important;
    color:#ffffff !important;
  line-height: 2.25 !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-price-num {
  font-size: 2rem !important;
  line-height: 1 !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-price-label {
  font-size: 1rem !important;
  line-height: 1.15 !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-btns .k4-btn {
  font-size: 1rem !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-kal-footer .k4-btn {
  font-size: 0.9rem !important;
}

/* ── 4) AKTIVNOSTI / SERVICES KARTICE ─────────────────────── */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-svc-title {
  font-size: 1.25rem !important;
  line-height: 1.25 !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-svc-desc {
  font-size: 1.1rem !important;
  line-height: 1.6 !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-svc-link {
  font-size: 0.95rem !important;
}

/* ── 5) ZAŠTO MI ───────────────────────────────────────────── */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-copy,
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-copy p {
  font-size: 1.4rem !important;
    font-weight:200 !important;
  line-height: 1.3 !important;f
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-card strong {
  font-size: 1.4rem !important;
  line-height: 1.25 !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-card small {
  font-size: 1.2rem !important;
  line-height: 1.3 !important;
}

/* ── 6) O NAMA ─────────────────────────────────────────────── */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-copy p {
  font-size: 1.4rem !important;
    font-weight:200 !important;
  line-height: 1.3 !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box {
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-block-title {
  font-size: 0.9rem !important;
}

/* ── 7) DEJAN / FOUNDER ────────────────────────────────────── */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-founder-content p,
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-founder-bio,
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-founder-list li {
  font-size: 1.4rem !important;
    font-weight:200 !important;
  line-height: 1.6rem !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-founder-content h4,
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-founder-list h4 {
  font-size: 1.4rem !important;
    font-weight:400 !important;
  line-height: 1.6rem !important;
}

/* ── 8) SARADNJA / COLLAB ──────────────────────────────────── */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-collab-card h3 {
  font-size: 1.5rem !important;
  line-height: 1.2 !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-collab-card p {
  font-size: 1.1rem !important;
  line-height: 1.7 !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-collab-card .k4-btn {
  font-size: 1em !important;
}

/* ── 9) CTA BANNER ─────────────────────────────────────────── */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-cta-title {
  font-size: 2.6rem !important;
  line-height: 1.05 !important;
  letter-spacing: -0.5px !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-cta-sub {
  font-size: 1.5rem !important;
  line-height: 1.65 !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-cta-btns .k4-btn {
  font-size: 1.1rem !important;
    
    
}

/* ── 10) PARTNERI ──────────────────────────────────────────── */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-partners-label {
  font-size: 0.76rem !important;
  letter-spacing: 2px !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-partner-item {
  font-size: 0.9rem !important;
}

/* ============================================================
TABLET TYPOGRAPHY (≤ 1024px) — ENLARGED
============================================================ */
@media (max-width: 1024px) {

  /* 1) HERO */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-s-hero .k4-hero-content .k4-hero-eyebrow {
    font-size: 1.2rem !important; /* prije ~0.95 */
  }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-s-hero .k4-hero-content .k4-grad-text {
    font-size: 7.8rem !important; /* +20% na 6.5 */
  }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-s-hero .k4-hero-content .k4-hero-h1 {
    font-size: 4.6rem !important; /* +15% */
  }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-s-hero .k4-hero-content .k4-hero-lead {
    font-size: 1.25rem !important; /* + ~20% */
  }

  /* 2) SECTION HEADERS */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-section-label {
    font-size: 1.05rem !important; /* + ~20% */
  }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-section-h2 {
    font-size: 2.9rem !important; /* + ~20% */
  }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-section-sub {
    font-size: 1.2rem !important; /* + ~20% */
  }

  /* 3) KALENDAR PREVIEW */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-month-title h3 { font-size: 1.32rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-month-badge { font-size: 0.86rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-day-num { font-size: 1.9rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-day-name,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-month-sh { font-size: 0.82rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-top .k4-tag,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-tag { font-size: 0.96rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-title,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-title a { font-size: 1.15rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-chips .k4-kal-chip { font-size: 0.86rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-price-num { font-size: 1.32rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-price-label { font-size: 0.82rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-btns .k4-btn { font-size: 0.9rem !important; }

  /* 4) SERVICES */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-svc-title { font-size: 1.2rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-svc-desc { font-size: 1.06rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-svc-link { font-size: 0.98rem !important; }

  /* 5) ZAŠTO MI */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-copy,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-copy p { font-size: 1.12rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-card strong { font-size: 1.06rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-card small { font-size: 0.92rem !important; }

  /* 6) O NAMA */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-copy p { font-size: 1.12rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box { font-size: 1.08rem !important; }

  /* 7) DEJAN */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-founder-content p,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-founder-list li { font-size: 1.12rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-founder-content h4,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-founder-list h4 { font-size: 1.12rem !important; }

  /* 8) SARADNJA */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-collab-card h3 { font-size: 1.28rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-collab-card p { font-size: 1.08rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-collab-card .k4-btn { font-size: 0.96rem !important; }

  /* 9) CTA */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-cta-title { font-size: 2.6rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-cta-sub { font-size: 1.16rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-cta-btns .k4-btn { font-size: 1.0rem !important; }

  /* 10) PARTNERI */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-partners-label {
    font-size: 0.9rem !important;
  }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-partner-item {
    font-size: 1.06rem !important;
  }
}

/* ============================================================
MOBILE TYPOGRAPHY (≤ 768px) — ENLARGED
============================================================ */
@media (max-width: 768px) {

  /* 1) HERO */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-s-hero .k4-hero-content .k4-hero-eyebrow {
    font-size: 1.2rem !important; /* bilo ~0.95/1.0 */
  }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-s-hero .k4-hero-content .k4-grad-text {
    font-size: 4.6rem !important; /* bila 6.5 desktop tablet, ovdje više nije toliko bitno */
  }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-s-hero .k4-hero-content .k4-hero-h1 {
    font-size: 3.0rem !important;
  }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-s-hero .k4-hero-content .k4-hero-lead {
    font-size: 1.2rem !important;
  }

  /* 2) SECTION HEADERS */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-section-label {
    font-size: 1.02rem !important;
  }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-section-h2 {
    font-size: 2.6rem !important;
  }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-section-sub {
    font-size: 1.2rem !important;
  }

  /* 3) KALENDAR PREVIEW */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-month-title h3 { font-size: 1.22rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-month-badge { font-size: 0.86rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-day-num { font-size: 2.0rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-day-name,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-month-sh { font-size: 0.86rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-top .k4-tag,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-tag { font-size: 1.02rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-title,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-title a { font-size: 1.18rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-chips .k4-kal-chip { font-size: 0.9rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-price-num { font-size: 1.32rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-price-label { font-size: 0.86rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-btns .k4-btn { font-size: 0.96rem !important; }

  /* 4) SERVICES */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-svc-title { font-size: 1.18rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-svc-desc { font-size: 1.04rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-svc-link { font-size: 0.98rem !important; }

  /* 5) ZAŠTO MI */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-copy,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-copy p { font-size: 1.12rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-card strong { font-size: 1.12rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-card small { font-size: 1.02rem !important; }

  /* 6) O NAMA */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-copy p { font-size: 1.12rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box { font-size: 1.08rem !important; }

  /* 7) DEJAN */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-founder-content p,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-founder-list li { font-size: 1.12rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-founder-content h4,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-founder-list h4 { font-size: 1.12rem !important; }

  /* 8) SARADNJA */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-collab-card h3 { font-size: 1.22rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-collab-card p { font-size: 1.02rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-collab-card .k4-btn { font-size: 0.98rem !important; }

  /* 9) CTA */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-cta-title { font-size: 2.4rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-cta-sub { font-size: 1.12rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-cta-btns .k4-btn { font-size: 0.98rem !important; }

  /* 10) PARTNERI */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-partners-label {
    font-size: 0.92rem !important;
  }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-partner-item {
    font-size: 1.04rem !important;
  }
}

/* ============================================================
SMALL MOBILE TYPOGRAPHY (≤ 480px) — ENLARGED
============================================================ */
@media (max-width: 480px) {

  /* 1) HERO */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-s-hero .k4-hero-content .k4-hero-eyebrow {
    font-size: 1.1rem !important;
  }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-s-hero .k4-hero-content .k4-grad-text {
    font-size: 3.9rem !important;
  }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-s-hero .k4-hero-content .k4-hero-h1 {
    font-size: 2.4rem !important;
  }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-s-hero .k4-hero-content .k4-hero-lead {
    font-size: 1.08rem !important;
  }

  /* 2) SECTION HEADERS */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-section-label {
    font-size: 1.0rem !important;
  }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-section-h2 {
    font-size: 2.2rem !important;
  }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-section-sub {
    font-size: 1.08rem !important;
  }

  /* 3) KALENDAR PREVIEW */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-month-title h3 { font-size: 1.16rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-month-badge { font-size: 0.84rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-day-num { font-size: 1.9rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-day-name,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-month-sh { font-size: 0.84rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-top .k4-tag,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-tag { font-size: 1.0rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-title,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-title a { font-size: 1.12rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-chips .k4-kal-chip { font-size: 0.88rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-price-num { font-size: 1.28rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-price-label { font-size: 0.84rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4sc-btns .k4-btn { font-size: 0.96rem !important; }

  /* 4) SERVICES */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-svc-title { font-size: 1.14rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-svc-desc { font-size: 1.02rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-svc-link { font-size: 0.96rem !important; }

  /* 5) ZAŠTO MI */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-copy,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-copy p { font-size: 1.08rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-card strong { font-size: 1.1rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-card small { font-size: 1.02rem !important; }

  /* 6) O NAMA */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-copy p { font-size: 1.08rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box { font-size: 1.04rem !important; }

  /* 7) DEJAN */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-founder-content p,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-founder-list li { font-size: 1.08rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-founder-content h4,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-founder-list h4 { font-size: 1.08rem !important; }

  /* 8) SARADNJA */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-collab-card h3 { font-size: 1.18rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-collab-card p { font-size: 1.0rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-collab-card .k4-btn { font-size: 0.96rem !important; }

  /* 9) CTA */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-cta-title { font-size: 2.2rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-cta-sub { font-size: 1.06rem !important; }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-cta-btns .k4-btn { font-size: 0.96rem !important; }

  /* 10) PARTNERI */
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-partners-label {
    font-size: 0.9rem !important;
  }
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-partner-item {
    font-size: 1.02rem !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   KRAJ — HOMEPAGE CUSTOM TYPOGRAPHY SKELETON (K4_HOME_ROOT)
═══════════════════════════════════════════════════════════════ */




/* ═══════════════════════════════════════════════════════════════
 DODATNA DEKORACIJA i ANIMACIJE
═══════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════
   K4 WHY US,kako je sve pocelo i Dejan  — SLIKE
═══════════════════════════════════════════════════════════════ */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-copy img {
  border-radius: 18px !important;
}
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-media-card img,
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-copy img,
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box img {
  border-radius: 18px !important;
}

/* Border radius 18px za sve slike u founder sekciji */
#dejan .k4-founder-img,
#dejan .k4-founder-content img {
  border-radius: 18px !important;
  overflow: hidden;
  display: block;
}


/* ═══════════════════════════════════════════════════════════════
   K4 WHY CARDS — accent varijacije po kartici (K4 paleta)
 K4 ICONS — Glass Premium Corporate (suptilna varijanta)
═══════════════════════════════════════════════════════════════ */


html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-card .k4-icon,
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-card .k4-icon-lg {
  position: relative;
  width: 72px;
  height: 72px;
  font-size: 32px;
  line-height: 1;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;

  background:
    radial-gradient(circle at 30% 25%, rgba(255,255,255,0.18), transparent 42%),
    linear-gradient(145deg, #ffb800 0%, #ff9500 45%, #ff6b00 100%);

  border: 1px solid rgba(255,255,255,0.12);
  box-shadow:
    0 0 0 1px rgba(255,107,0,0.22) inset,
    0 8px 24px rgba(255,107,0,0.24),
    0 0 12px rgba(255,149,0,0.18);

  animation: k4NeonPulse 2s ease-in-out infinite;
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  will-change: transform, box-shadow;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-card .k4-icon::before,
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-card .k4-icon-lg::before {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,107,0,0.22) 0%, rgba(255,107,0,0) 70%);
  opacity: .45;
  transform: scale(.92);
  animation: k4NeonHalo 2s ease-in-out infinite;
  pointer-events: none;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-card:hover .k4-icon,
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-why-card:hover .k4-icon-lg {
  transform: translateY(-3px) scale(1.08);
  box-shadow:
    0 0 0 1px rgba(255,107,0,0.30) inset,
    0 14px 32px rgba(255,107,0,0.34),
    0 0 22px rgba(255,184,0,0.22),
    0 0 40px rgba(255,107,0,0.12);
  filter: saturate(1.08);
}

@keyframes k4NeonPulse {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow:
      0 0 0 1px rgba(255,107,0,0.22) inset,
      0 8px 24px rgba(255,107,0,0.24),
      0 0 12px rgba(255,149,0,0.18);
  }
  50% {
    transform: translateY(-2px) scale(1.03);
    box-shadow:
      0 0 0 1px rgba(255,107,0,0.28) inset,
      0 12px 28px rgba(255,107,0,0.30),
      0 0 18px rgba(255,184,0,0.24);
  }
}

@keyframes k4NeonHalo {
  0%, 100% { opacity: .30; transform: scale(.90); }
  50%      { opacity: .55; transform: scale(1.05); }
}



/* ═══════════════════════════════════════════════════════════════
   K4 HIGHLIGHT BOX Kako je sve počelo?— premium animated company description block

═══════════════════════════════════════════════════════════════ */

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box {
  position: relative;
  margin: 22px 0 !important;
  padding: 20px 22px 20px 22px !important;
  border-radius: 18px !important;
  overflow: hidden;

  /* premium dark/orange glass look */
  border: 1px solid rgba(255, 107, 0, 0.22) !important;
  background:
    linear-gradient(135deg, rgba(255,107,0,0.10) 0%, rgba(255,184,0,0.06) 30%, rgba(17,24,39,0.55) 100%),
    rgba(255,107,0,0.05) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  color: var(--k4-text, #F9FAFB) !important;
  font-weight: 600;
  line-height: 1.65;

  box-shadow:
    0 8px 30px rgba(0,0,0,0.25),
    inset 0 1px 0 rgba(255,255,255,0.03);

  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

/* top glow line */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, #ff6b00, #ffb800, #ff6b00);
  background-size: 200% 100%;
  animation: k4HighlightLineFlow 4.5s linear infinite;
  opacity: 0.95;
}

/* moving soft light sweep */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box::after {
  content: "";
  position: absolute;
  top: -30%;
  left: -40%;
  width: 55%;
  height: 160%;
  pointer-events: none;
  transform: rotate(14deg);
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.08) 40%,
    rgba(255,184,0,0.10) 55%,
    rgba(255,255,255,0) 100%
  );
  animation: k4HighlightSweep 6.5s ease-in-out infinite;
}

/* hover = malo “življi” ali i dalje profi */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 107, 0, 0.38) !important;
  box-shadow:
    0 14px 36px rgba(0,0,0,0.34),
    0 0 0 1px rgba(255,107,0,0.08) inset,
    0 0 18px rgba(255,107,0,0.10);
}

/* K4 dekor “ikone” (gore desno i dolje lijevo) */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box .k4-block-title {
  position: relative;
  display: inline-block;
  padding-left: 34px;
  margin-bottom: 8px;
  color: #ffb800 !important;
  font-weight: 900 !important;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

/* lijeva K4 ikonica / badge */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box .k4-block-title::before {
  content: "K4";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  border-radius: 999px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1;
  color: #fff;

  background: linear-gradient(135deg, #ff6b00, #ffb800);
  box-shadow:
    0 4px 14px rgba(255,107,0,0.35),
    inset 0 1px 1px rgba(255,255,255,0.25);

  animation: k4BadgePulse 3s ease-in-out infinite;
}

/* diskretna dekor ikonica u uglu (planina / kompas vibe) */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box > *:last-child::after {
  content: "⛰️";
  position: absolute;
  right: 12px;
  bottom: 10px;
  font-size: 1rem;
  opacity: 0.14;
  filter: saturate(1.1);
  pointer-events: none;
  animation: k4IconFloat 4.2s ease-in-out infinite;
}

/* tekst unutar boxa */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box p {
  position: relative;
  z-index: 1;
  margin: 0 0 10px;
  color: rgba(249,250,251,0.92) !important;
}

html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box p:last-child {
  margin-bottom: 0;
}

/* bold naglasci */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box strong {
  color: #fff !important;
  font-weight: 800;
  text-shadow: 0 0 12px rgba(255,107,0,0.08);
}

/* separator ako postoji */
html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box .k4-block-sep {
  opacity: 0.4;
  color: #ffb800;
}

/* ── Animacije ─────────────────────────────────────────────── */
@keyframes k4HighlightLineFlow {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

@keyframes k4HighlightSweep {
  0%   { transform: translateX(0) rotate(14deg); opacity: 0; }
  15%  { opacity: 1; }
  50%  { transform: translateX(210%) rotate(14deg); opacity: 0.9; }
  55%  { opacity: 0; }
  100% { transform: translateX(210%) rotate(14deg); opacity: 0; }
}

@keyframes k4BadgePulse {
  0%, 100% {
    transform: translateY(-50%) scale(1);
    box-shadow:
      0 4px 14px rgba(255,107,0,0.35),
      inset 0 1px 1px rgba(255,255,255,0.25);
  }
  50% {
    transform: translateY(-50%) scale(1.06);
    box-shadow:
      0 6px 18px rgba(255,107,0,0.45),
      0 0 14px rgba(255,184,0,0.18),
      inset 0 1px 1px rgba(255,255,255,0.25);
  }
}

@keyframes k4IconFloat {
  0%, 100% { transform: translateY(0px); opacity: 0.12; }
  50%      { transform: translateY(-3px); opacity: 0.18; }
}

/* ── Responsive tuning ─────────────────────────────────────── */
@media (max-width: 768px) {
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box {
    padding: 16px 16px 18px 16px !important;
    border-radius: 14px !important;
  }

  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box .k4-block-title {
    padding-left: 30px;
    font-size: 0.85rem !important;
  }

  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box .k4-block-title::before {
    width: 22px;
    height: 22px;
    font-size: 0.62rem;
  }
}

@media (max-width: 480px) {
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box {
    padding: 14px 14px 16px 14px !important;
  }

  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box > *:last-child::after {
    font-size: 0.85rem;
    right: 10px;
    bottom: 8px;
  }
}

/* Poštuj reduced motion */
@media (prefers-reduced-motion: reduce) {
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box::before,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box::after,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box .k4-block-title::before,
  html[data-theme="dark"] body.home.page-id-1548 .k4-home .k4-highlight-box > *:last-child::after {
    animation: none !important;
  }
}