Koykan Franchise

/* Koykan franchise Home-2 — grid.
Elementorov width:% ne odbija flex gap, pa je gap na redovima NULA,
a razmak radi horizontalni padding na svakom djetetu (.kf-gap).
Negativni margin na redu ponistava rubni padding da se rub poravna. */

.e-con.kf-gap { padding-left: 10px !important; padding-right: 10px !important; }
.e-con.kf-gap > .e-con-inner { padding-left: 0 !important; padding-right: 0 !important; }

/* redovi koji sadrze .kf-gap djecu — ponisti rubni razmak */
.e-con.kf-row { margin-left: -10px !important; margin-right: -10px !important; width: calc(100% + 20px) !important; }

/* k/v redovi: dva stupca, bez lomljenja */
.e-con.kf-kv { flex-wrap: nowrap !important; }

/* chipovi: sirina po sadrzaju */
.e-con.kf-chip { flex: 0 0 auto !important; width: auto !important; }
.e-con.kf-chip.kf-gap { padding-left: 0 !important; padding-right: 0 !important; }
.e-con.kf-chiprow { gap: 8px !important; flex-wrap: wrap !important; }

@media (max-width: 767px) {
.e-con.kf-kv { flex-wrap: wrap !important; }
}

/* menu grid: 12 plocica, 6 u redu — width 15.5% + padding 10 = premalo mjesta.
Postavi 16.666% i neka padding radi razmak. */
.e-con.kf-menu-tile { width: 16.666% !important; flex: 0 0 16.666% !important; max-width: 16.666% !important; }

/* k/v redovi: nowrap je na roditelju, ali dijete kf-b26 ima width 26% i
kf-b74 74% -> 100% + padding preliva. Smanji na 25/75 i makni padding. */
.e-con.kf-kv > .e-con.kf-gap { padding-left: 0 !important; padding-right: 0 !important; }
.e-con.kf-kv > .e-con:first-child { flex: 0 0 25% !important; max-width: 25% !important; width: 25% !important; padding-right: 16px !important; }
.e-con.kf-kv > .e-con:last-child { flex: 1 1 auto !important; max-width: 75% !important; width: 75% !important; }

@media (max-width: 1024px) {
.e-con.kf-menu-tile { width: 33.333% !important; flex: 0 0 33.333% !important; max-width: 33.333% !important; }
}
@media (max-width: 767px) {
.e-con.kf-menu-tile { width: 50% !important; flex: 0 0 50% !important; max-width: 50% !important; }
.e-con.kf-kv > .e-con:first-child,
.e-con.kf-kv > .e-con:last-child { flex: 1 1 100% !important; max-width: 100% !important; width: 100% !important; padding-right: 0 !important; }
}

/* format kartice: slika mora imati visinu (inace kolabira u flex koloni) */
.e-con.kf-fmt .elementor-widget-image img { width: 100% !important; height: 190px !important; object-fit: cover !important; display: block; }
.e-con.kf-fmt .elementor-widget-image { width: 100%; }

/* chipovi: ne stiskaj tekst */
.e-con.kf-chip { flex: 0 0 auto !important; width: auto !important; max-width: none !important;
white-space: nowrap; }
.e-con.kf-chip .elementor-widget-text-editor p { white-space: nowrap; margin: 0; }
.e-con.kf-chiprow { display: flex !important; flex-wrap: wrap !important; gap: 8px !important;
align-items: flex-start !important; }
.e-con.kf-chiprow > .e-con { padding-left: 0 !important; padding-right: 0 !important; }

/* CEO red i slicni mali redovi ne smiju lomiti */
.e-con.kf-nowrap { flex-wrap: nowrap !important; }

/* chip redovi trebaju vlastiti column-gap (kf-row ga nulira) */
.e-con.kf-row.kf-chiprow { column-gap: 8px !important; row-gap: 8px !important; }
.e-con.kf-chiprow > .e-con.kf-chip { margin-right: 0 !important; }

/* format slike: lazy-load off + fiksna visina */
.e-con.kf-fmt img { min-height: 190px; background: #F4F1EC; }

/* badge pilule (Preferred / Capital assisted) — sirina po sadrzaju */
.e-con.kf-badge { display: inline-flex !important; width: auto !important;
max-width: max-content !important; flex: 0 0 auto !important;
align-self: flex-start !important; }

/* svi auto-width containeri (chip, badge, broj-krug) */
.e-con.kf-stepnum { width: auto !important; max-width: max-content !important;
flex: 0 0 auto !important; align-self: flex-start !important; }

/* area chipovi u territory sekciji */
.e-con.kf-chiprow { column-gap: 8px !important; row-gap: 8px !important; }

/* profile kartice: ikona i tekst razmaknuti */
.e-con.kf-check > .e-con:first-child { flex: 0 0 30px !important; max-width: 30px !important;
width: 30px !important; padding-right: 10px !important; }
.e-con.kf-check > .e-con:last-child { flex: 1 1 auto !important; max-width: none !important; }
.e-con.kf-check { flex-wrap: nowrap !important; column-gap: 10px !important; }

/* reach chipovi citljivi */
.e-con.kf-chip .elementor-widget-text-editor p { font-size: 12.5px !important; }

/* brojevi koraka: krugovi 22px, ne rastegnute trake */
.e-con.kf-stepnum { width: 22px !important; max-width: 22px !important; min-width: 22px !important;
height: 22px !important; flex: 0 0 22px !important;
align-self: flex-start !important; align-items: center !important;
justify-content: center !important; border-radius: 999px !important; }
.e-con.kf-stepnum > .elementor-widget { width: 100%; }
.e-con.kf-stepnum .elementor-widget-text-editor p { margin: 0; line-height: 22px; text-align: center; }

/* infografika: 1240×5980 — prikazi vrh lista u panelu fiksne visine */
.e-con.kf-infopanel { height: 330px !important; max-height: 330px !important;
overflow: hidden !important; padding: 0 !important;
align-items: flex-start !important; display: block !important; }
.e-con.kf-infopanel .elementor-widget-image { width: 100% !important; }
.e-con.kf-infopanel img { display: block !important; width: 100% !important;
height: auto !important; max-width: 100% !important;
object-fit: contain !important; }

.e-con.kf-infopanel img { content-visibility: visible !important; }

/* shell (1180px) mora biti fluidan ispod desktopa */
@media (max-width: 1220px) {
.elementor .e-con { max-width: 100% !important; }
.elementor .e-con > .e-con-inner { max-width: 100% !important; width: 100% !important; }
}
@media (max-width: 1024px) {
.e-con.kf-row { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; }
.e-con.kf-b25, .e-con.kf-b23, .e-con.kf-b24, .e-con.kf-b33-33 {
width: 50% !important; flex: 0 0 50% !important; max-width: 50% !important; }
.e-con.kf-b50, .e-con.kf-b52, .e-con.kf-b48, .e-con.kf-b54, .e-con.kf-b46,
.e-con.kf-b62, .e-con.kf-b38, .e-con.kf-b60, .e-con.kf-b40 {
width: 100% !important; flex: 1 1 100% !important; max-width: 100% !important; }
}
@media (max-width: 767px) {
.e-con.kf-b25, .e-con.kf-b23, .e-con.kf-b24, .e-con.kf-b33-33 {
width: 100% !important; flex: 1 1 100% !important; max-width: 100% !important; }
}

/* —- RAZMACI —-
Astra dodaje margin-bottom na svaki

/* container gap: sekcijski redovi ostaju 20px, ali stupci unutar kartica 0 */
.e-con.kf-card-col { row-gap: 0 !important; }

/* dt/dd parovi u track karticama — zbijeni kao u predlosku */
.e-con.kf-dl .elementor-widget-divider { margin-bottom: 10px !important; }
.e-con.kf-dl .elementor-widget-text-editor { margin-bottom: 0 !important; }
.e-con.kf-dl .kf-dt { margin-bottom: 3px !important; }
.e-con.kf-dl .kf-dd { margin-bottom: 14px !important; }

/* kartice u redu: jednaka visina, sadrzaj poravnat na vrh */
.e-con.kf-row > .e-con { align-self: stretch !important; }
.e-con.kf-dl { justify-content: flex-start !important; }

/* badge pilula ne smije rastegnuti karticu */
.e-con.kf-badge { display: inline-flex !important; width: auto !important;
max-width: max-content !important; flex: 0 0 auto !important;
align-self: flex-start !important; }
.e-con.kf-badge .elementor-widget-text-editor p { margin: 0 !important; white-space: nowrap; }

/* MFP nema badge -> poravnaj naslov s AFP/AOP naslovima */
.e-con.kf-dl.kf-nobadge { padding-top: 69px !important; }

/* AOP barovi: broj i opis u istom redu, zbijeno */
.e-con.kf-bar { padding-top: 14px !important; padding-bottom: 14px !important; }
.e-con.kf-bar .elementor-widget-heading,
.e-con.kf-bar .elementor-widget-text-editor { margin-bottom: 0 !important; }
.e-con.kf-bar .e-con { row-gap: 0 !important; }

/* area chipovi: razmak izmedju pilula */
.e-con.kf-chiprow { column-gap: 8px !important; row-gap: 8px !important; }
.e-con.kf-chip { margin: 0 !important; }
.e-con.kf-chip .elementor-widget-text-editor { margin: 0 !important; }

/* involves/advantages kartice: tijesan razmak naslov-tekst */
.e-con.kf-tight .elementor-widget-text-editor { margin-bottom: 0 !important; }
.e-con.kf-tight .elementor-widget:not(:last-child) { margin-bottom: 8px !important; }

/* chipovi moraju zadrzati vlastiti padding (kf-gap ga je nulirao) */
.e-con.kf-chip.kf-gap { padding: 6px 12px !important; }
.e-con.kf-chip { border-radius: 6px; }