/* AI Akademija – učionica (0.10.0) */
.aka-uc h1{font-size:clamp(30px,4vw,48px);line-height:1.1;font-weight:800;letter-spacing:-.03em;color:var(--aka-ink);margin:6px 0 12px}
.aka-uc h2{font-size:21px;font-weight:800;color:var(--aka-ink);margin:0 0 12px;letter-spacing:-.01em}
.aka-uc h3{font-size:16.5px;font-weight:700;color:var(--aka-ink);margin:16px 0 8px}
.aka-uc-top{padding:40px 0 24px}
.aka-uc-note,.aka-uc-small{font-size:14px;color:var(--aka-text)}
.aka-uc-meta{color:var(--aka-text);font-size:15px;margin:-4px 0 18px}

/* dashboard */
.aka-uc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.aka-uc-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--aka-line);border-radius:20px;padding:16px;text-decoration:none!important;color:var(--aka-ink);transition:transform .2s,box-shadow .2s}
.aka-uc-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(11,16,51,.10)}
.aka-uc-card .aka-thumb{height:120px;border-radius:14px}
.aka-uc-card b{font-size:18px}
.aka-uc-card small{color:var(--aka-text);font-size:13.5px}.aka-uc-card small em{font-style:normal}
.aka-uc-go{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--aka-blue)}
.aka-uc-go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.aka-uc-lock{text-align:center;max-width:640px}
.aka-uc-lock .aka-pk-i{margin:0 auto 10px}

/* tečaj */
.aka-uc-put ol{margin:0;padding-left:20px;line-height:1.9;color:var(--aka-text)}
.aka-uc-list{list-style:none;margin:0;padding:6px 0}
.aka-uc-list li a{display:flex;gap:14px;align-items:center;padding:14px 12px;border-radius:14px;text-decoration:none!important;color:var(--aka-ink)}
.aka-uc-list li a:hover{background:#F6F8FF}
.aka-uc-list small{display:block;color:var(--aka-text);font-size:13px}
.aka-uc-list b{display:block;font-size:16.5px;margin:2px 0 6px}
.aka-uc-kb{margin-left:auto;font-style:normal;font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:#EEF1FF;color:var(--aka-blue);white-space:nowrap}
.aka-uc-kb.is-ok{background:#E3F8EE;color:#0B7A47}
.aka-uc-st{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #C9CDEB;position:relative}
.is-done>a .aka-uc-st,.is-done .aka-uc-st,.aka-uc-proj.is-done .aka-uc-st{border-color:transparent;background:linear-gradient(135deg,#1F5BFF,#7B2FFF)}
.is-done .aka-uc-st::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.aka-chips{display:flex;flex-wrap:wrap;gap:6px}
.aka-chips i{font-style:normal;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:#F1EFFC;color:#4B3FC4}
.aka-uc-proj{display:flex;gap:14px;align-items:center;margin:18px 0;padding:18px;border-radius:18px;border:1px solid var(--aka-line);background:#fff;text-decoration:none!important;color:var(--aka-ink)}
.aka-uc-proj small{display:block;color:var(--aka-blue);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.aka-uc-proj b{display:block;font-size:18px}.aka-uc-proj em{font-style:normal;color:var(--aka-text);font-size:14px}
.aka-uc-proj .aka-uc-st{margin-left:auto}

/* lekcija */
.aka-uc-lesson{padding:28px 0 60px}
.aka-uc-layout{display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:start}
.aka-uc-side{position:sticky;top:20px;background:#fff;border:1px solid var(--aka-line);border-radius:18px;padding:16px;max-height:calc(100vh - 40px);overflow:auto}
.aka-uc-side .aka-progress{margin:10px 0 6px;padding:10px 12px}
.aka-uc-mod{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--aka-text);margin:14px 0 4px}
.aka-uc-nav{list-style:none;margin:0;padding:0}
.aka-uc-nav a{display:flex;gap:10px;align-items:center;padding:8px;border-radius:10px;font-size:14.5px;color:var(--aka-ink)!important;text-decoration:none!important;line-height:1.3}
.aka-uc-nav .aka-uc-st{width:18px;height:18px}
.is-done .aka-uc-nav .aka-uc-st::after,.aka-uc-nav .is-done .aka-uc-st::after{left:4px;top:1px;width:5px;height:9px}
.aka-uc-nav li.is-cur a{background:#EEF1FF;font-weight:700}
.aka-uc-main{min-width:0}
.aka-uc-card-b{background:#fff;border:1px solid var(--aka-line);border-radius:18px;padding:20px 22px;margin:0 0 18px}
.aka-uc-card-b p{margin:0 0 10px;line-height:1.65}
.aka-uc-tekst table{width:100%;border-collapse:collapse;margin:10px 0}
.aka-uc-tekst th,.aka-uc-tekst td{border:1px solid var(--aka-line);padding:8px 10px;text-align:left;font-size:15px}
.aka-uc-tekst th{background:#F6F8FF}
.aka-uc-video{margin:0 0 18px}
.aka-uc-video video{width:100%;border-radius:18px;background:#0B1033;display:block}
.aka-uc-video small{color:var(--aka-text);font-size:13px}
.aka-uc-audio-h{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.aka-uc-audio-h h2{margin:0}.aka-uc-audio-h small{color:var(--aka-text)}
.aka-uc-audio-h .aka-btn{margin-left:auto}
.aka-uc-audio details{margin-top:12px}
.aka-uc-audio summary{cursor:pointer;font-weight:700;color:var(--aka-blue)}
.aka-uc-skripta{margin-top:10px;max-height:340px;overflow:auto;padding-right:6px}

/* kviz */
.aka-q{border:0;margin:0 0 18px;padding:0}
.aka-q legend{font-weight:700;color:var(--aka-ink);margin-bottom:8px;line-height:1.45}
.aka-q legend span{display:block;font-size:12px;font-weight:800;color:var(--aka-blue);text-transform:uppercase;letter-spacing:.06em}
.aka-q label{display:grid;grid-template-columns:22px 1fr;gap:4px 10px;align-items:start;padding:10px 12px;border:1px solid var(--aka-line);border-radius:12px;margin:6px 0;cursor:pointer}
.aka-q label em{grid-column:2;font-style:normal;font-size:14px;color:var(--aka-text)}
.aka-q label.is-ok{border-color:#3CC48A;background:#EFFBF5}
.aka-q label.is-bad{border-color:#F08A8A;background:#FDF1F1}
.aka-kviz-r{font-weight:700;color:var(--aka-ink)}

/* zapamti */
.aka-zapamti{border-radius:18px;padding:20px 22px;margin:0 0 18px;color:#fff;background:linear-gradient(120deg,#1F5BFF,#7B2FFF 60%,#B12BFF)}
.aka-zapamti h2{color:#fff}
.aka-zapamti ol{margin:0;padding-left:22px;line-height:1.7;font-weight:600}

.aka-uc-foot{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:24px}
.aka-done-lg{font-size:15px;padding:12px 18px}

/* projekt */
.aka-uc-body{max-width:900px}
.aka-uc-koraci{padding-left:22px}.aka-uc-koraci li{margin-bottom:8px}.aka-uc-koraci p{margin:2px 0 0}
.aka-rub fieldset{border:1px solid var(--aka-line);border-radius:14px;padding:12px 14px;margin:0 0 12px}
.aka-rub legend{font-weight:800;color:var(--aka-ink);padding:0 6px}
.aka-rub label{display:grid;grid-template-columns:20px 22px 1fr;gap:8px;align-items:start;padding:6px 4px;font-size:14.5px;cursor:pointer}
.aka-rub-r{font-weight:700}

@media (max-width:900px){
  .aka-uc-layout{grid-template-columns:1fr}
  .aka-uc-side{position:static;max-height:none}
  .aka-uc-foot .aka-btn{flex:1 1 auto;justify-content:center}
}
.aka-uc [hidden]{display:none!important}
.aka-uc-card-b p,.aka-uc-card-b li,.aka-uc-skripta p{font-size:16px}

/* ===== 0.11.0: navigacija učionice, biblioteka, trening zona, mentor, standardna lekcija ===== */
.aka-uc-head{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}
.aka-progress-lg{padding:16px 18px;margin:8px 0 18px}
.aka-progress-lg .aka-progress-t b{font-size:17px}
.aka-progress-lg strong{color:var(--aka-ink)}
.aka-uc-tabs{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid var(--aka-line);border-bottom:1px solid var(--aka-line)}
.aka-uc-tabs .aka-wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.aka-uc-tabs a{flex:none;padding:14px 16px;font-weight:700;font-size:14.5px;letter-spacing:.02em;text-transform:uppercase;color:var(--aka-ink)!important;text-decoration:none!important;border-bottom:3px solid transparent}
.aka-uc-tabs a:hover,.aka-uc-tabs a:focus-visible{border-bottom-color:#7B2FFF;outline:0}
.aka-uc-sec{scroll-margin-top:60px;padding:44px 0}
.aka-uc-sec h2{font-size:clamp(24px,2.6vw,30px);margin-bottom:16px}
.aka-uc-modul{background:#fff;border:1px solid var(--aka-line);border-radius:20px;padding:8px 10px 6px;margin:0 0 14px}
.aka-uc-modul-h{display:flex;gap:12px;align-items:center;padding:10px 8px 4px}
.aka-uc-modul-h small{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--aka-text)}
.aka-uc-modul-h b{font-size:18px;color:var(--aka-ink)}
.aka-uc-modul-ok{margin-left:auto;font-style:normal;font-weight:700;font-size:13px;color:#0B7A47;background:#E3F8EE;padding:4px 10px;border-radius:999px}
.aka-uc-li{display:block}
.aka-uc-list li.is-locked a{color:var(--aka-text)}
.aka-uc-lock{margin-left:auto;display:inline-flex;gap:6px;align-items:center;font-style:normal;font-size:12.5px;font-weight:700;color:var(--aka-text);background:#F1F2F8;padding:4px 10px;border-radius:999px;white-space:nowrap}
.aka-uc-lock svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.aka-uc-list li:not(.is-locked) .aka-uc-lock{color:#0B7A47;background:#E3F8EE}
.aka-uc-kraj{border-style:dashed}

/* biblioteka */
.aka-filt{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}
.aka-filt button{font:600 14px/1 'Nunito Sans',sans-serif;padding:10px 14px;border-radius:999px;border:1px solid var(--aka-line);background:#fff;color:var(--aka-ink);cursor:pointer}
.aka-filt button small{color:var(--aka-text);font-weight:600;margin-left:2px}
.aka-filt button[aria-pressed=true]{background:var(--aka-ink);color:#fff;border-color:var(--aka-ink)}
.aka-filt button[aria-pressed=true] small{color:#C9CDEB}
.aka-filt button:focus-visible{outline:3px solid #7B2FFF;outline-offset:2px}
.aka-mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.aka-mk-row{margin-top:14px}
.aka-mk{display:flex;flex-direction:column;background:#fff;border:1px solid var(--aka-line);border-radius:18px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.aka-mk:hover{box-shadow:0 12px 30px rgba(11,16,51,.08);transform:translateY(-2px)}
.aka-mk[hidden]{display:none!important}
.aka-mk-b{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px;flex:1}
.aka-mk-b b{font-size:15.5px;color:var(--aka-ink);line-height:1.35}
.aka-mk-b small{font-size:13px;color:var(--aka-text);line-height:1.45}
.aka-mk-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:10px}

/* trening zona */
.aka-trening{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:start}
.aka-trening .aka-sal{grid-template-columns:1fr 1fr}
.aka-trening h4{font-size:15px;margin:0 0 6px;color:var(--aka-ink)}

/* mentor */
.aka-mentor-tip{display:flex;gap:14px;align-items:flex-start;background:#F7F5FF;border:1px solid #E6E1FB;border-radius:18px;padding:16px 18px;margin:0 0 18px}
.aka-mentor-tip img{width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid #fff;box-shadow:0 0 0 2px #C9B8FF;flex:none;object-fit:cover}
.aka-mentor-tip b{display:block;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7B2FFF;margin-bottom:4px}
.aka-mentor-tip p{margin:0;color:var(--aka-ink);font-size:15.5px;line-height:1.55}
.aka-mentor-tip.is-dobrodoslica{background:#fff;box-shadow:0 14px 40px rgba(11,16,51,.07)}

/* lekcija */
.aka-uc-crumb{font-size:13.5px;color:var(--aka-text);margin-bottom:6px}
.aka-uc-crumb a{color:var(--aka-blue)!important;font-weight:600}
.aka-uc-blok{margin:0 0 22px}
.aka-uc-blok p{font-size:16px;line-height:1.65;margin:0 0 10px}
.aka-uc-ishodi{background:#fff;border:1px solid var(--aka-line);border-radius:18px;padding:16px 20px}
.aka-uc-ishodi h2{font-size:17px}
.aka-uc-video{margin:0 0 14px}
.aka-uc-audio{display:block;background:#fff;border:1px solid var(--aka-line);border-radius:16px;padding:12px 16px;margin:0 0 22px}
.aka-uc-audio-h b{display:block;color:var(--aka-ink)}
.aka-uc-det summary{cursor:pointer;list-style:none}
.aka-uc-det summary h2{display:inline;font-size:18px}
.aka-uc-det summary::after{content:" ▾";color:var(--aka-blue)}
.aka-uc-det[open] summary::after{content:" ▴"}
.aka-uc-kart a{font-weight:700}
.aka-uc-side > summary{display:none}
.aka-uc-side-links{font-size:13.5px;margin:14px 0 0;color:var(--aka-text)}
.aka-uc-main{max-width:820px}

@media (max-width:900px){
  .aka-uc-head,.aka-trening{grid-template-columns:1fr}
  .aka-trening .aka-sal{grid-template-columns:1fr}
  .aka-uc-side > summary{display:flex;flex-direction:column;gap:2px;cursor:pointer;list-style:none}
  .aka-uc-side > summary span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--aka-blue)}
  .aka-uc-side > summary b{color:var(--aka-ink)}
  .aka-uc-side > summary::after{content:"Sve lekcije ▾";font-size:13px;color:var(--aka-text)}
  .aka-uc-side[open] > summary::after{content:"Sakrij ▴"}
  .aka-uc-foot{position:sticky;bottom:0;z-index:15;background:rgba(255,255,255,.97);padding:10px 0;margin:24px -16px 0;padding-left:16px;padding-right:16px;border-top:1px solid var(--aka-line);gap:8px}
  .aka-uc-foot .aka-btn{padding:12px 14px;font-size:14px}
  .aka-uc-foot .aka-btn-ghost span{display:none}
  .aka-uc-foot .aka-done-lg{flex:1 1 auto;justify-content:center}
  .aka-mk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .aka-mk-b{padding:12px}
}
@media (max-width:480px){ .aka-mk-grid{grid-template-columns:1fr 1fr} .aka-mk-b b{font-size:14.5px} }
@media (prefers-reduced-motion:reduce){ .aka-mk,.aka-uc-card{transition:none} }
.aka.aka-uc{overflow:visible;overflow-x:clip}
/* 0.12.4: placeholder naslovnice u stilu AI Akademije (dok nema prave slike istog imena) */
.aka-mk-uc{color:#4B5275}
.aka-mk-uc svg{width:14px;height:14px}
/* 0.12.5: stanje tečaja i napredak po modulima */
.aka-uc-statusi{list-style:none;margin:10px 0 0!important;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:var(--aka-text)}
.aka-uc-statusi li{margin:0}
.aka-uc-statusi b{color:var(--aka-ink)}
.aka-uc-modul-n{margin-left:auto;font-size:13px;font-weight:600;color:#4B5275;white-space:nowrap}
/* 0.18: P1-1 – donja traka lekcije na mobitelu u jednom redu (← · Označi završeno · Sljedeća →), ~64 px */
.aka-uc-foot .aka-kratko{display:none}
@media (max-width:600px){
  .aka-uc-foot{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto;align-items:stretch;gap:8px;padding-top:8px!important;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;flex-wrap:nowrap}
  .aka-uc-foot > *{width:auto!important;min-width:0;margin:0!important;min-height:44px;flex:none!important}
  .aka-uc-foot .aka-btn{padding:10px 12px!important;font-size:14px!important;white-space:nowrap}
  .aka-uc-foot .aka-btn-ghost{padding:10px 0!important;justify-content:center}
  .aka-uc-foot .aka-done-lg{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px!important;font-size:13.5px!important;line-height:1.2;text-align:center}
  .aka-uc-foot .aka-done-lg span{display:inline!important}
  .aka-uc-foot .aka-done-lg svg{flex:none;width:16px;height:16px}
  .aka-uc-foot .aka-btn-grad > span:first-child{display:none}
  .aka-uc-foot .aka-btn-grad .aka-kratko{display:inline}
}
.aka-cert-postoji{margin-top:14px;padding:16px;border-radius:14px;background:#EEF9F3;border:1px solid #BFE6CF}
.aka-cert-postoji p{margin:0 0 10px!important}
/* 0.19: jedan cover sustav za sve kartice materijala – AI AKADEMIJA / TIP / NASLOV, omjer 240:170, bez slika.
   Položaji su fiksni: naslov ima rezerviran prostor za 3 retka, pa duljina naslova ne pomiče tip ni visinu. */
.aka-mk-cover{position:relative;display:flex;flex-direction:column;aspect-ratio:240/170;overflow:hidden;padding:9cqw 8cqw 8cqw;color:#fff;background:linear-gradient(135deg,#0B1033 0%,#1F2A7A 55%,#5B2BD9 100%)}
.aka-mk-cover::after{content:"";position:absolute;right:-12cqw;top:-12cqw;width:50cqw;height:50cqw;border-radius:50%;background:radial-gradient(closest-side,rgba(0,210,255,.45),rgba(0,210,255,0));pointer-events:none}
.aka-mk-cover > *{position:relative;z-index:1;display:block;font-style:normal;max-width:100%}
.aka-mk-cover i{font-size:clamp(8.5px,4.6cqw,11px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.85;line-height:1.2}
.aka-mk-cover b{margin-top:auto;font-size:clamp(8.5px,4.6cqw,11px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9FB4FF;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aka-mk-cover span{margin-top:3cqw;font-size:clamp(11px,6.6cqw,16px);font-weight:700;line-height:1.2;height:3.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.aka-mk{container-type:inline-size} /* cqw na coveru = širina kartice */
/* 0.19.2: onemogućen gumb AI Challengea izgleda nedostupno (prije je zadržavao aktivni gradijent) */
.aka [data-aka-predaj]:disabled{background:#E6E9F5!important;color:#6B7194!important;box-shadow:none!important;cursor:not-allowed;animation:none!important;transform:none!important;opacity:1}
.aka [data-aka-predaj]:disabled svg{stroke:#6B7194}
.aka .aka-rub-r.is-blok{color:#9A3412;font-weight:600}
/* 0.19.2: što još nedostaje za certifikat */
.aka-cert-fali{margin-top:12px;padding:12px 14px;border-radius:12px;background:#FFF7ED;border:1px solid #FED7AA;color:#7C2D12;font-size:14px}
.aka-cert-fali b{display:block;margin-bottom:4px}
.aka-cert-fali ul{margin:0!important;padding-left:18px}
.aka-cert-fali li{margin:2px 0}