/* Traka C (10.10.2026): Kripto trziste, Edukacija (katalog) i strana kovanice. Tokeni iz l6-skin.css.
   [Dj] primeri 1 i 2 PROLAZE (artifact Mr7FpmjiZAHHKzaxsVHB3p). Tabela zeleno/crveno (kao CMC),
   toplotna mapa plavo-zeleno / hladno ljubicasto (DIZAJN kartice 7, odluka 2). */
.l6-mk{max-width:1280px;margin:0 auto;padding:0 var(--m) clamp(28px,4vw,48px)}
.mk{display:grid;gap:22px;min-width:0}
.mk-up{color:#16C784}.mk-dn{color:#EA3943}
.mk-h{font:600 clamp(18px,2vw,22px)/1.3 var(--f-d)!important;margin:12px 0 0!important}
.mk-sym{color:var(--ti);font:400 11px var(--f-m);letter-spacing:.02em}
.l6-glava .mk-sym{font-size:.5em}
.mk-stale{margin:0;border:1px solid #5A2E17;background:rgba(201,115,58,.08);color:#E0925A;padding:10px 14px;font-size:15px}
.mk-prazno{border:1px solid var(--line);background:var(--plate);padding:28px 18px;text-align:center;color:var(--ink2);font-size:16px}
.mk-sitno,.mk-izvor{font-size:13px;color:var(--ti);margin:0;line-height:1.55}
.mk-izvor{border-top:1px solid var(--line);padding-top:14px;max-width:80ch}
.mk-izvor a{color:var(--ti);text-decoration:underline;text-underline-offset:2px}

/* globalna traka */
.mk-glob{display:flex;flex-wrap:wrap;gap:1px;background:var(--line);border:1px solid var(--line)}
.mk-glob>div{flex:1 1 170px;background:var(--plate);padding:14px 16px;display:grid;gap:4px;align-content:start;min-width:0}
.mk-glob span{font-size:13px;color:var(--ink2)}
.mk-glob b{font:500 18px/1.3 var(--f-m);font-variant-numeric:tabular-nums;color:var(--ink)}
.mk-glob small{font-size:12px;color:var(--ti)}
.mk-glob small a{color:var(--ti);text-decoration:underline;text-underline-offset:2px;min-height:24px;display:inline-flex;align-items:center}
.mk-fng{display:block;position:relative;height:6px;margin:4px 0 2px;background:linear-gradient(90deg,#EA3943,#E3B341 50%,#16C784)}
.mk-fng i{position:absolute;top:-4px;width:3px;height:14px;background:#E8F7FF}

/* tabela: skrol samo u svom kontejneru, nikad stranica */
.mk-tbl{overflow-x:auto;border:1px solid var(--line);background:var(--plate);max-width:100%}
.mk-tbl table{border-collapse:collapse;width:100%;min-width:720px;margin:0;font-size:14px}
.mk-tbl th,.mk-tbl td{padding:10px 12px;text-align:right;white-space:nowrap;border:0;border-bottom:1px solid var(--line);background:none}
.mk-tbl th{font:500 11px/1.2 var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--ti);background:var(--magla)}
.mk-tbl td{font:400 13px/1.3 var(--f-m);font-variant-numeric:tabular-nums;color:var(--ink)}
.mk-tbl th:nth-child(2),.mk-tbl td:nth-child(2){text-align:left}
.mk-tbl td:nth-child(2) a{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--ink);text-decoration:none;font:500 14px var(--f-d)}
.mk-tbl td:nth-child(2) a:hover{color:var(--raiden)}
.mk-tbl tr:hover td{background:rgba(61,184,255,.04)}
.mk-ico{min-width:28px;padding:0 3px;height:28px;flex:none;display:grid;place-items:center;background:var(--magla);border:1px solid var(--line);font:500 11px var(--f-m);color:var(--raiden);clip-path:var(--cut8)}
.mk-spark{display:inline-block;vertical-align:middle}
.mk-uzivo::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--raiden);margin-left:6px;vertical-align:2px;box-shadow:0 0 8px var(--raiden)}
.mk-vise{justify-self:start;min-height:44px;padding:0 18px;background:none!important;border:1px solid var(--raiden)!important;color:var(--raiden)!important;font:600 14px var(--f-d)!important;clip-path:var(--cut8);border-radius:0!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important}
.mk-vise:hover{background:rgba(61,184,255,.1)!important}

/* toplotna mapa + kalkulator */
.mk-duo{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:start}
@media (max-width:860px){.mk-duo{grid-template-columns:minmax(0,1fr)}}
.mk-mapa-w{display:grid;gap:12px;min-width:0}
.mk-mapa{display:flex;flex-wrap:wrap;gap:2px;background:var(--line);padding:2px}
.mk-mapa a{flex-grow:1;min-height:56px;min-width:0;padding:6px 8px;display:grid;align-content:space-between;color:#E8F7FF;text-decoration:none;font:500 12px var(--f-m);overflow:hidden}
.mk-mapa a:hover{outline:1px solid #E8F7FF;outline-offset:-1px}
.mk-mapa small{font-size:11px;font-weight:400}
.mk-leg{display:flex;flex-wrap:wrap;gap:16px;margin:0;font-size:13px;color:var(--ink2)}
.mk-leg i{display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1px}
.mk-leg .r{background:#2FD6B0}.mk-leg .p{background:#8C7CFF}
.mk-kalk{background:var(--plate);border:1px solid var(--line);padding:18px;display:grid;gap:12px;align-content:start;min-width:0}
.mk-kalk label{display:grid;gap:6px;font-size:13px;color:var(--ink2)}
.mk-kalk input,.mk-kalk select{width:100%;min-height:44px;padding:8px 10px;background:var(--ponor)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:0!important;font:400 16px var(--f-m)}
.mk-rez{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:12px}
.mk-rez div{display:flex;justify-content:space-between;gap:12px;font-family:var(--f-m);font-variant-numeric:tabular-nums}
.mk-rez span{color:var(--ink2);font-size:13px}
.mk-rez b{font-weight:500;font-size:17px;color:var(--ink);overflow-wrap:anywhere;text-align:right}

/* Edukacija: katalog kovanica */
.mk-katalog{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.mk-katalog li{display:grid}
.mk-katalog a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 12px;align-items:center;padding:12px 14px;min-height:64px;height:100%;background:var(--plate);color:var(--ink);text-decoration:none}
.mk-katalog a:hover{background:var(--magla)}
.mk-katalog .mk-ico{grid-row:span 2}
/* telefon: 2 kolone, ime pa cena jedno ispod drugog (Kodeks P2 + QA BLOCKER 10.10: pravilo MORA posle osnovnog) */
@media (max-width:600px){.mk-katalog{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-katalog a{grid-template-columns:minmax(0,1fr);align-content:start;padding:10px 12px}.mk-katalog .mk-ico{display:none}.mk-katalog li:last-child:nth-child(odd){grid-column:1/-1}}
.mk-kn{font:500 15px/1.3 var(--f-d);overflow-wrap:anywhere}
.mk-kc{font:400 12px var(--f-m);color:var(--ink2);font-variant-numeric:tabular-nums}

/* strana kovanice */
.l6-coin .l6-glava h1{margin-bottom:10px}
.mk-mrvice{margin:0 0 10px;font:500 13px var(--f-m)}
.mk-mrvice a{color:var(--raiden);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.mk-glava{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 28px}
.mk-velika{margin:0;font:500 clamp(30px,5vw,48px)/1.1 var(--f-m);font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:-.02em}
.mk-cipovi{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.mk-cipovi>span{font:500 13px var(--f-m);padding:6px 10px;border:1px solid var(--line);background:var(--plate);color:var(--ink)}
.mk-coin-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:860px){.mk-coin-grid{grid-template-columns:minmax(0,1fr)}}
.mk-graf{margin:0;background:var(--plate);border:1px solid var(--line);padding:14px}
.mk-graf figcaption{font-size:13px;color:var(--ink2);margin:0 0 8px}
.mk-graf-p{position:relative}
.mk-graf svg{display:block;width:100%;height:clamp(180px,24vw,260px)}
.mk-graf-y span{position:absolute;left:0;transform:translateY(-50%);font:400 12px/1.3 var(--f-m);color:var(--ink2);background:rgba(11,18,27,.8);padding:0 4px;font-variant-numeric:tabular-nums}
.mk-graf-x{display:flex;justify-content:space-between;margin:6px 0 0;font:400 12px var(--f-m);color:var(--ti)}
.mk-cinj{margin:0;background:var(--plate);border:1px solid var(--line)}
.mk-cinj>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line)}
.mk-cinj>div:last-child{border-bottom:0}
.mk-cinj dt{font-size:14px;color:var(--ink2);margin:0}
.mk-cinj dd{margin:0;font:400 13px/1.4 var(--f-m);font-variant-numeric:tabular-nums;text-align:right;color:var(--ink);overflow-wrap:anywhere}
.mk-linkovi{display:flex;flex-wrap:wrap;gap:10px}
.mk-linkovi a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;background:var(--magla);border:1px solid var(--line);color:var(--ink);text-decoration:none;font:500 15px var(--f-d);clip-path:var(--cut8)}
.mk-linkovi a:hover{border-color:var(--raiden);color:var(--raiden)}
.mk-linkovi .mk-wp{border-color:var(--raiden)}
.mk-nasi{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.mk-nasi a{display:flex;align-items:center;min-height:52px;padding:10px 14px;background:var(--plate);color:var(--ink);text-decoration:none;font-size:16px}
.mk-nasi a:hover{color:var(--raiden)}
