/* ═══════════════════════════════════════════════════════════════ KofetARTca učilnica – koža 2026 · v0.2.0 Napisano proti PRAVEMU izpisu lekcije (LearnDash 5.0.5.1 Focus Mode + Elementorjeva predloga lekcije 267565 + ohio-child). Velja samo, ko ima razred .kof-skin. Selektorji začnejo z "html body.kof-skin", da premagajo LD-jev inline barvni CSS (!important) in Elementorjev inline CSS. ═══════════════════════════════════════════════════════════════ */ body.kof-skin{ --kof-paper:#f9f4f0;--kof-paper-2:#f6efe8;--kof-white:#fff;--kof-ink:#191815;--kof-ink-2:#4f4b45; --kof-accent:#f08571;--kof-citron:#dcdf7a;--kof-olive:#85882e;--kof-olive-deep:#5f621b;--kof-pink:#ffd3ca; --kof-mono:"Space Mono",ui-monospace,Menlo,Consolas,monospace; --kof-display:"Wix Madefor Display","Helvetica Neue",Arial,sans-serif; --kof-text:"Wix Madefor Text","Helvetica Neue",Arial,sans-serif; --kof-b2:2px solid var(--kof-ink);--kof-b1:1.5px solid var(--kof-ink); --kof-r-s:8px;--kof-r-m:16px;--kof-r-l:22px;--kof-shadow:5px 5px 0 var(--kof-ink); } html body.kof-skin,html body.kof-skin .learndash-wrapper .ld-focus{background:var(--kof-paper-2)!important;color:var(--kof-ink);font-family:var(--kof-text)} html body.kof-skin .learndash-wrapper *:focus-visible{outline:3px solid var(--kof-ink)!important;outline-offset:3px} /* ─────────────── GLAVA ─────────────── */ html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header{ height:auto!important;min-height:64px!important;display:flex!important;align-items:center!important;gap:24px; padding:10px 24px!important;background:var(--kof-paper)!important;border-bottom:var(--kof-b2)!important;box-shadow:none!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-mobile-nav{order:0} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo{order:1;background:transparent!important;height:auto!important;padding:0!important;display:flex;align-items:center;gap:16px;min-width:0} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .kof-brand{display:inline-flex;align-items:center;gap:10px;font:800 19px/1 var(--kof-display);letter-spacing:-.02em;color:var(--kof-ink)!important;text-decoration:none;white-space:nowrap} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .kof-brand::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--kof-accent);border:1.5px solid var(--kof-ink)} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .kof-course{font:12px/1.2 var(--kof-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--kof-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px} /* napredek: LD ga naredi kot stolpec čez celo glavo */ html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-progress{order:2;flex:0 0 auto!important;margin:0 0 0 auto!important;padding:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;width:auto!important;max-width:none!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-progress-wrap{width:auto!important;max-width:none!important;display:flex!important;align-items:center;gap:12px} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-progress-heading{margin:0!important;padding:0!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-progress-stats{display:flex!important;align-items:center;gap:10px;margin:0!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-progress-percentage, html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-progress-steps{font:12px/1.2 var(--kof-mono)!important;letter-spacing:.04em;color:var(--kof-ink-2)!important;margin:0!important;padding:0!important;white-space:nowrap;text-transform:none} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-progress-bar{width:120px!important;height:10px!important;margin:0!important;background:var(--kof-white)!important;border:1.5px solid var(--kof-ink)!important;border-radius:99px!important;overflow:hidden} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-progress-bar .ld-progress-bar-percentage{height:100%!important;background:var(--kof-olive)!important} /* gumb "Označi" v glavi: skrit (ostane samo spodaj) */ html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-content-actions{display:none!important} /* uporabniški meni */ html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu{order:3;flex:0 0 auto;display:flex;align-items:center;gap:10px;margin:0 0 0 24px!important;padding:0!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-text{max-width:190px;white-space:normal!important;font:11px/1.25 var(--kof-mono)!important;letter-spacing:0;color:var(--kof-ink-2)!important;padding:0!important;text-align:right} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-profile-avatar img{width:36px!important;height:36px!important;border:1.5px solid var(--kof-ink);border-radius:50%} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items{background:var(--kof-white)!important;border:var(--kof-b2)!important;border-radius:var(--kof-r-m)!important;box-shadow:var(--kof-shadow)!important;padding:8px!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a{font:600 14px var(--kof-text)!important;color:var(--kof-ink)!important;text-transform:none!important;padding:10px 12px!important;border-radius:8px} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a:hover{background:var(--kof-paper-2)!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-trigger-mobile-nav span{background:var(--kof-ink)!important} /* ─────────────── STRANSKI MENI ─────────────── */ html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar{background:var(--kof-paper-2)!important;border-right:1px dashed var(--kof-ink)!important;box-shadow:none!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading{ display:flex!important;align-items:flex-start;gap:12px;padding:18px 16px 6px!important;background:transparent!important;color:var(--kof-ink-2)!important;min-height:0!important;height:auto!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading .ld-focus-sidebar-trigger{ order:2;position:static!important;flex:none;width:36px!important;height:36px!important;margin:-4px 0 0 auto!important;padding:0!important; background:var(--kof-white)!important;border:var(--kof-b1)!important;border-radius:8px!important;display:grid;place-items:center;box-shadow:none!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading .ld-focus-sidebar-trigger .ld-icon{position:static!important;transform:none!important;background:transparent!important;color:var(--kof-ink)!important;width:auto!important;height:auto!important;font-size:14px} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading .ld-focus-mode-course-heading-wrapper{order:1;display:flex;align-items:center;gap:8px;min-width:0} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading .ld-focus-mode-course-heading-wrapper::before{content:"";flex:none;width:10px;height:10px;background:var(--kof-accent);border:1px solid var(--kof-ink);border-radius:3px} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading a{font:12px/1.4 var(--kof-mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--kof-ink-2)!important;text-decoration:none} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading .ld-icon-content{display:none!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar-wrapper{padding:6px 16px 40px!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-lesson-items{padding:0!important;margin:0!important} /* razdelki */ html body.kof-skin .learndash-wrapper .ld-lesson-item-section-heading{margin:20px 6px 10px!important;padding:0!important;background:transparent!important;border:0!important} html body.kof-skin .learndash-wrapper .ld-lesson-item-section-heading .ld-lesson-section-heading{font:12px/1.4 var(--kof-mono)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--kof-ink-2)!important} /* lekcija = bel gumb */ html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-item{ background:var(--kof-white)!important;border:var(--kof-b2)!important;border-radius:var(--kof-r-m)!important;margin:0 0 12px!important;padding:0!important;overflow:hidden;box-shadow:none!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-item .ld-lesson-item-preview{padding:0!important;margin:0!important;background:transparent!important;display:block!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-item .ld-lesson-item-preview a.ld-lesson-item-preview-heading{ display:flex!important;align-items:center;gap:12px;min-height:58px;padding:10px 12px 10px 12px!important;margin:0!important;color:var(--kof-ink)!important;text-decoration:none!important;background:transparent!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-item .ld-lesson-item-preview a.ld-lesson-item-preview-heading:hover .ld-lesson-title{text-decoration:underline;text-underline-offset:3px} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-title{ flex:1;min-width:0;display:block!important;padding:0!important;margin:0!important; font-family:var(--kof-display)!important;font-weight:700!important;font-size:15px!important;line-height:1.25!important;letter-spacing:-.01em;color:var(--kof-ink)!important} /* status kvadratek (prazen div, LD riše krog) */ html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-status-icon{ position:relative!important;flex:none!important;box-sizing:border-box;width:32px!important;height:32px!important;min-width:32px;margin:0!important; border:var(--kof-b1)!important;border-radius:var(--kof-r-s)!important;background:var(--kof-white)!important;box-shadow:none!important;display:grid;place-items:center;color:var(--kof-ink)!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-status-icon::before{position:static!important;transform:none!important;margin:0!important;font-size:13px;color:var(--kof-ink)!important;background:transparent!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-status-icon.ld-status-complete{background:var(--kof-citron)!important;border-color:var(--kof-ink)!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-status-icon.ld-status-in-progress, html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-status-icon.ld-status-progress{border:var(--kof-b1)!important;border-left-color:var(--kof-ink)!important;border-top-color:var(--kof-ink)!important;background:var(--kof-white)!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-status-icon.ld-status-in-progress::after, html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-status-icon.ld-status-progress::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--kof-accent);border:1px solid var(--kof-ink)} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-status-icon.ld-status-incomplete::before, html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-status-icon.ld-status-unlocked::before{content:none!important} /* trenutna lekcija: oranžna, ČRN tekst (LD inline: barva !important) */ html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson{box-shadow:var(--kof-shadow)!important;background:var(--kof-accent)!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading, html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title{color:var(--kof-ink)!important} /* + / − in teme */ html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-expand-button{ flex:none;width:40px!important;height:40px!important;padding:0!important;margin:0 0 0 auto!important;border:var(--kof-b1)!important;border-radius:var(--kof-r-s)!important;background:var(--kof-paper)!important;color:var(--kof-ink)!important;display:grid;place-items:center;box-shadow:none!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-expand-button .ld-icon, html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-expand-button .ld-expand-text, html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-expand-button .ld-text{display:none!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-expand-button::before{content:"+";font:700 18px/1 var(--kof-mono)} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-expand-button[aria-expanded="true"], html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-expand-button.ld-expanded{background:var(--kof-citron)!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-expand-button[aria-expanded="true"]::before, html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-expand-button.ld-expanded::before{content:"−"} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-item-expanded{background:transparent!important;padding:0!important;margin:0!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-topic-list{border-top:1.5px dashed var(--kof-ink)!important;padding:6px!important;margin:0!important;background:transparent!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-table-list-items,html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-table-list-item{background:transparent!important;border:0!important;padding:0!important;margin:0!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-table-list-item a.ld-table-list-item-preview{display:block!important;min-height:44px;padding:8px!important;border-radius:var(--kof-r-s)!important;color:var(--kof-ink)!important;text-decoration:none!important;background:transparent!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-table-list-item a.ld-table-list-item-preview:hover{background:var(--kof-paper-2)!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-table-list-item .ld-topic-title{display:flex!important;align-items:center;gap:10px;padding:0!important;margin:0!important;font:15px/1.3 var(--kof-text)!important;color:var(--kof-ink)!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-table-list-item .ld-status-icon{width:26px!important;height:26px!important;min-width:26px} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-table-list-item.ld-is-current-item a.ld-table-list-item-preview, html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-table-list-item a.ld-table-list-item-preview.ld-is-current-item{background:var(--kof-pink)!important;font-weight:600} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-table-list-footer{border:0!important;padding:0!important} /* ─────────────── VSEBINA ─────────────── */ html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-main{background:transparent!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:56px 40px 96px!important;max-width:940px} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content>h1{font-family:var(--kof-display)!important;font-weight:800!important;font-size:clamp(34px,4.6vw,52px)!important;line-height:1.06!important;letter-spacing:-.035em;margin:0 0 24px!important;padding:0!important;color:var(--kof-ink)!important} /* Elementorjeva predloga lekcije: bele sekcije, siv trak, veliki razmiki */ html body.kof-skin .ld-focus-content .elementor-section,html body.kof-skin .ld-focus-content .elementor-container, html body.kof-skin .ld-focus-content .elementor-column,html body.kof-skin .ld-focus-content .elementor-widget-wrap, html body.kof-skin .ld-focus-content .e-con,html body.kof-skin .ld-focus-content .e-con-inner, html body.kof-skin .ld-focus-content .elementor-widget-container{background:transparent!important;background-color:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important} html body.kof-skin .ld-focus-content .elementor-section,html body.kof-skin .ld-focus-content .e-con{padding:0!important;margin:0!important;max-width:none!important} html body.kof-skin .ld-focus-content .elementor-widget-wrap{padding:0!important} html body.kof-skin .ld-focus-content .elementor-widget{margin:0 0 24px!important} html body.kof-skin .ld-focus-content .elementor-widget>.elementor-widget-container{margin:0!important;padding:0!important} /* drobtine in stanje */ html body.kof-skin .learndash-wrapper .ld-lesson-status{display:flex!important;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px!important;padding:0!important;background:transparent!important} html body.kof-skin .learndash-wrapper .ld-lesson-status .ld-breadcrumbs{background:transparent!important;padding:0!important;margin:0!important;flex:1;min-width:0} html body.kof-skin .learndash-wrapper .ld-lesson-status .ld-breadcrumbs .ld-breadcrumbs-segments{padding:0!important;margin:0!important;font:12px/1.6 var(--kof-mono)!important;letter-spacing:.04em;color:var(--kof-ink-2)!important} html body.kof-skin .learndash-wrapper .ld-lesson-status .ld-breadcrumbs .ld-breadcrumbs-segments li,html body.kof-skin .learndash-wrapper .ld-lesson-status .ld-breadcrumbs .ld-breadcrumbs-segments a{font:12px/1.6 var(--kof-mono)!important;color:var(--kof-ink-2)!important;text-decoration:none!important} html body.kof-skin .learndash-wrapper .ld-lesson-status .ld-status{flex:none;display:inline-flex!important;align-items:center;gap:6px;background:var(--kof-white)!important;color:var(--kof-ink)!important;border:var(--kof-b1)!important;border-radius:6px!important;padding:7px 10px!important;font:12px/1 var(--kof-mono)!important;text-transform:none!important;letter-spacing:.04em;margin:0!important} html body.kof-skin .learndash-wrapper .ld-lesson-status .ld-status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--kof-accent)} html body.kof-skin .learndash-wrapper .ld-lesson-status .ld-status.ld-status-complete::before{background:var(--kof-olive)} /* tipografija vsebine (Elementor besedilni gradniki) */ html body.kof-skin .ld-focus-content,html body.kof-skin .ld-focus-content .elementor-widget-text-editor,html body.kof-skin .ld-focus-content p,html body.kof-skin .ld-focus-content li{font-family:var(--kof-text)!important;font-size:17px!important;line-height:1.55!important;color:var(--kof-ink)!important} html body.kof-skin .ld-focus-content p{margin:0 0 16px!important;max-width:70ch} html body.kof-skin .ld-focus-content ul,html body.kof-skin .ld-focus-content ol{margin:0 0 16px!important;padding-left:1.2em!important;max-width:70ch} html body.kof-skin .ld-focus-content li{margin:0 0 8px!important} html body.kof-skin .ld-focus-content h2,html body.kof-skin .ld-focus-content .elementor-widget-heading h2{font-family:var(--kof-display)!important;font-weight:700!important;font-size:clamp(24px,2.8vw,32px)!important;line-height:1.12!important;letter-spacing:-.03em;margin:48px 0 16px!important;color:var(--kof-ink)!important} html body.kof-skin .ld-focus-content h3,html body.kof-skin .ld-focus-content .elementor-widget-heading h3{font-family:var(--kof-display)!important;font-weight:700!important;font-size:20px!important;margin:32px 0 8px!important;color:var(--kof-ink)!important} html body.kof-skin .ld-focus-content a:not([class]){color:var(--kof-ink)!important} /* video v okvirju */ html body.kof-skin .ld-focus-content .elementor-widget-video .elementor-widget-container, html body.kof-skin .ld-focus-content .ld-video{border:var(--kof-b2)!important;border-radius:var(--kof-r-l)!important;overflow:hidden;background:var(--kof-ink)!important;margin:0 0 24px!important} html body.kof-skin .ld-focus-content .elementor-widget-video .elementor-video,html body.kof-skin .ld-focus-content .elementor-widget-video iframe{border-radius:0!important} /* Elementorjevi gumbi (npr. Knjižica) */ html body.kof-skin .ld-focus-content .elementor-button{background:var(--kof-white)!important;color:var(--kof-ink)!important;border:var(--kof-b2)!important;border-radius:var(--kof-r-s)!important;padding:14px 22px!important;font:700 16px var(--kof-text)!important;text-transform:none!important;box-shadow:none!important} html body.kof-skin .ld-focus-content .elementor-button:hover{background:var(--kof-citron)!important} html body.kof-skin .learndash-wrapper .ld-alert{background:var(--kof-pink)!important;border:var(--kof-b1)!important;border-radius:var(--kof-r-m)!important;color:var(--kof-ink)!important;box-shadow:none!important} html body.kof-skin .learndash-wrapper .ld-tabs .ld-tabs-navigation{border-bottom:1px dashed var(--kof-ink)!important;margin:0 0 24px!important} html body.kof-skin .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab{font:600 14px var(--kof-text)!important;color:var(--kof-ink)!important} /* ─────────────── DNO: eno glavno dejanje ─────────────── */ html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions{display:flex!important;align-items:center;gap:16px;margin:40px 0 0!important;padding:24px 0 0!important;border-top:1px dashed var(--kof-ink)!important;background:transparent!important} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action{flex:none;margin:0!important;padding:0!important;display:flex;align-items:center;gap:16px} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action.ld-empty{display:none!important} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action:last-child{margin-left:auto!important} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .sfwd-mark-complete{margin:0!important} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions input.learndash_mark_complete_button{ background:var(--kof-citron)!important;color:var(--kof-ink)!important;border:var(--kof-b2)!important;border-radius:var(--kof-r-s)!important;box-shadow:var(--kof-shadow)!important; min-height:52px;padding:14px 22px!important;font:700 16px var(--kof-text)!important;text-transform:none!important;cursor:pointer;transition:transform .1s,box-shadow .1s;margin:0!important} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions input.learndash_mark_complete_button:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--kof-ink)!important} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-course-step-back{font:12px/1.4 var(--kof-mono)!important;color:var(--kof-ink-2)!important;text-decoration:none!important;margin:0!important} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action a.ld-button{ background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;min-height:44px; display:inline-flex!important;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;font:600 15px var(--kof-text)!important;color:var(--kof-ink)!important;text-decoration:none!important;text-transform:none!important} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action a.ld-button .ld-text{font:600 15px var(--kof-text)!important;color:var(--kof-ink)!important;text-transform:none!important} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action a.ld-button:hover .ld-text{text-decoration:underline;text-underline-offset:3px} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action a.ld-button .ld-icon{color:var(--kof-ink)!important;font-size:14px} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action a.ld-button .kof-next-title{display:block;font:11px/1.3 var(--kof-mono)!important;letter-spacing:.04em;color:var(--kof-ink-2)!important} /* ─────────────── bloki kof-* za vsebino lekcij ─────────────── */ body.kof-skin .kof-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px} body.kof-skin .kof-chip{display:inline-flex;align-items:center;gap:6px;font:12px/1 var(--kof-mono)!important;border:var(--kof-b1);border-radius:6px;padding:7px 10px;background:var(--kof-white);color:var(--kof-ink)!important} body.kof-skin .kof-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--kof-olive)} body.kof-skin .kof-chip.run::before{background:var(--kof-accent)} body.kof-skin .kof-video{border:var(--kof-b2);border-radius:var(--kof-r-l);overflow:hidden;background:var(--kof-ink);margin:0 0 24px} body.kof-skin .kof-video .h{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;font:11px/1 var(--kof-mono)!important;letter-spacing:.1em;text-transform:uppercase;color:#c9c0b5!important;border-bottom:1px solid #3a3530} body.kof-skin .kof-video .h b{color:var(--kof-citron)!important;font-weight:400} body.kof-skin .kof-video .f{position:relative;padding-top:56.25%;background:#000} body.kof-skin .kof-video .f iframe,body.kof-skin .kof-video .f video{position:absolute;inset:0;width:100%;height:100%;border:0} body.kof-skin .kof-steps{margin:24px 0} body.kof-skin .kof-step{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:16px 24px;background:var(--kof-white);border:var(--kof-b1);border-radius:var(--kof-r-m);margin-bottom:16px} body.kof-skin .kof-step .n{display:grid;place-items:center;width:40px;height:40px;background:var(--kof-citron);border:var(--kof-b1);border-radius:var(--kof-r-s);font:700 15px/1 var(--kof-mono)!important} body.kof-skin .kof-step p{margin:0 0 6px!important} body.kof-skin .kof-step p:last-child{margin-bottom:0!important} body.kof-skin .kof-step a{color:var(--kof-ink)!important;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px} body.kof-skin .kof-callout{background:var(--kof-pink);border:var(--kof-b1);border-radius:var(--kof-r-m);padding:16px 24px;margin:24px 0} body.kof-skin .kof-callout .tag{font:12px var(--kof-mono)!important;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:6px} body.kof-skin .kof-callout p:last-child{margin-bottom:0!important} body.kof-skin .kof-term{background:var(--kof-ink);color:#f3ede6;border-radius:var(--kof-r-m);overflow:hidden;margin:24px 0} body.kof-skin .kof-term .h{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 8px 8px 16px;border-bottom:1px solid #3a3530;font:11px/1 var(--kof-mono)!important;letter-spacing:.1em;text-transform:uppercase;color:#c9c0b5!important} body.kof-skin .kof-term pre{margin:0!important;padding:16px 18px!important;font:15px/1.6 var(--kof-mono)!important;white-space:pre-wrap;overflow-wrap:anywhere;color:#f3ede6!important;background:transparent!important;border:0!important} body.kof-skin .kof-term button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border:0;border-radius:6px;background:var(--kof-accent);color:var(--kof-ink);font:600 13px var(--kof-text);cursor:pointer} body.kof-skin .kof-term button.ok{background:var(--kof-citron)} body.kof-skin .kof-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0} body.kof-skin .kof-tile{background:var(--kof-white);border:var(--kof-b1);border-radius:var(--kof-r-m);padding:16px 24px} body.kof-skin .kof-tile h4{display:flex;align-items:center;gap:8px;font:600 13px/1.4 var(--kof-mono)!important;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px!important} body.kof-skin .kof-tile p{margin:0!important;font-size:16px!important} body.kof-skin details.kof{border:var(--kof-b1);border-radius:var(--kof-r-m);background:var(--kof-white);margin:0 0 16px} body.kof-skin details.kof summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;min-height:52px;padding:12px 24px;font-family:var(--kof-display)!important;font-weight:700;font-size:18px} body.kof-skin details.kof summary::-webkit-details-marker{display:none} body.kof-skin details.kof summary::before{content:"+";font:700 20px/1 var(--kof-mono);width:24px;text-align:center} body.kof-skin details.kof[open] summary::before{content:"−"} body.kof-skin details.kof>div{padding:0 24px 24px} body.kof-skin .kof-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px} body.kof-skin .kof-table th,body.kof-skin .kof-table td{text-align:left;vertical-align:top;padding:10px 10px 10px 0;border-bottom:1px dashed var(--kof-ink)} body.kof-skin .kof-table th{font:12px var(--kof-mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--kof-ink-2)} body.kof-skin .kof-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 18px;border:var(--kof-b2);border-radius:var(--kof-r-s);background:var(--kof-white);color:var(--kof-ink)!important;font:700 16px var(--kof-text)!important;text-decoration:none!important} body.kof-skin .kof-btn.primary{background:var(--kof-citron);box-shadow:var(--kof-shadow)} /* ─────────────── mobilno ─────────────── */ @media (max-width:900px){ html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header{gap:12px;padding:10px 16px!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .kof-course, html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-progress-bar, html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-text{display:none!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content{padding:24px 16px 80px!important} body.kof-skin .kof-grid{grid-template-columns:1fr} body.kof-skin .kof-step{grid-template-columns:36px 1fr;padding:16px} body.kof-skin .kof-step .n{width:32px;height:32px;font-size:13px} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions{flex-direction:column;align-items:stretch} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action, html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action:last-child{margin-left:0!important;justify-content:center} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions input.learndash_mark_complete_button{width:100%} } /* ── v0.2.0b · po lokalnem posnetku ── */ /* bela škatla za vsebino: ovoji znotraj ld-focus-content */ html body.kof-skin .ld-focus-content .learndash,html body.kof-skin .ld-focus-content .learndash-wrapper, html body.kof-skin .ld-focus-content .ld-tabs,html body.kof-skin .ld-focus-content .ld-tabs-content,html body.kof-skin .ld-focus-content .ld-tab-content, html body.kof-skin .ld-focus-content .elementor,html body.kof-skin .ld-focus-content [class*="elementor-267565"]{background:transparent!important;background-color:transparent!important;box-shadow:none!important;border:0!important} /* glava je 64 px, LD računa s 51 px: premakni meni in vsebino */ html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar{top:64px!important;height:calc(100vh - 64px)!important;padding-top:0!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-main{margin-top:0!important;padding-top:64px!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content{padding-top:40px!important} /* glava menija v eni vrsti */ html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading{flex-wrap:nowrap!important;align-items:center!important;padding:16px 16px 8px!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading .ld-focus-mode-course-heading-wrapper{flex:1;min-width:0} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading .ld-focus-sidebar-trigger{margin:0 0 0 8px!important} /* gumb Označi v eni vrsti */ html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions input.learndash_mark_complete_button{white-space:nowrap;width:auto!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading{flex-direction:row!important;justify-content:space-between!important;width:auto!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading .ld-focus-mode-course-heading-wrapper{padding:0!important;font-weight:400!important} /* ── v0.2.0c · glava strogo 64 px (LD-jevi otroci jo raztegnejo na 100 px) + logotip ── */ html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header{height:64px!important;min-height:64px!important;max-height:64px!important;padding:0 24px!important;overflow:visible!important;box-sizing:border-box} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header>*{height:auto!important;min-height:0!important;max-height:64px;margin-top:0!important;margin-bottom:0!important;line-height:1.25} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu,html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu>*{height:auto!important;min-height:0!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo img.kof-logo{display:block;width:150px;height:auto;max-height:28px;border:0!important;border-radius:0!important;box-shadow:none!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .kof-brand{padding:0} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .kof-brand.has-logo::before{content:none} /* opomba pod menijem */ html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .kof-sidebar-note{margin:24px 6px 0;font:13px/1.5 var(--kof-mono)!important;color:var(--kof-ink-2)!important} /* ── vsebina: uvod, mini, oštevilčeni naslovi, časovni žigi, vdelane strani, gumbi v vrsti ── */ html body.kof-skin .ld-focus-content p.kof-lead{font-size:19px!important;line-height:1.55!important;max-width:62ch;margin:0 0 32px!important} html body.kof-skin .ld-focus-content p.kof-mini,html body.kof-skin .ld-focus-content .kof-mini{font-size:14px!important;color:var(--kof-ink-2)!important} html body.kof-skin .ld-focus-content h2 .idx{display:flex;align-items:center;gap:10px;font:13px/1 var(--kof-mono)!important;letter-spacing:.1em;color:var(--kof-ink-2)!important;margin-bottom:8px} html body.kof-skin .ld-focus-content h2 .idx::before{content:"";width:10px;height:10px;background:var(--kof-accent);border:1px solid var(--kof-ink);border-radius:3px;flex:none} html body.kof-skin .ld-focus-content details.kof.kof-acc{margin:-8px 0 32px} html body.kof-skin .ld-focus-content ul.kof-stamps{list-style:none!important;margin:0!important;padding:0!important;max-width:none} html body.kof-skin .ld-focus-content ul.kof-stamps li{display:grid;grid-template-columns:64px 1fr;gap:12px;margin:0!important;padding:9px 0;border-bottom:1px dashed var(--kof-ink);font-size:15px!important;line-height:1.45!important} html body.kof-skin .ld-focus-content ul.kof-stamps li:last-child{border-bottom:0} html body.kof-skin .ld-focus-content ul.kof-stamps a{font:700 13px/1.5 var(--kof-mono)!important;color:var(--kof-olive-deep)!important;text-decoration:none!important;white-space:nowrap} html body.kof-skin .ld-focus-content ul.kof-stamps a:hover{text-decoration:underline!important;text-underline-offset:3px} html body.kof-skin .ld-focus-content iframe.kof-embed{display:block;width:100%;min-height:900px;border:var(--kof-b2);border-radius:var(--kof-r-l);background:var(--kof-white);margin:0 0 24px} html body.kof-skin .ld-focus-content .kof-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0} html body.kof-skin .ld-focus-content .kof-actions a.kof-btn{color:var(--kof-ink)!important} html body.kof-skin .ld-focus-content table.kof-table tr:last-child td{border-bottom:0} html body.kof-skin .ld-focus-content .kof-term .h span{display:inline-flex;align-items:center;gap:8px} html body.kof-skin .ld-focus-content .kof-term button svg,html body.kof-skin .ld-focus-content .kof-tile h4 svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none} html body.kof-skin .ld-focus-content .kof-video .h span{display:inline-flex;align-items:center;gap:8px} html body.kof-skin .ld-focus-content .kof-video .h svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} @media (max-width:900px){ html body.kof-skin .ld-focus-content ul.kof-stamps li{grid-template-columns:56px 1fr} html body.kof-skin .ld-focus-content iframe.kof-embed{min-height:700px} } /* admin vrstica (32 px): glava je pod njo, meni in vsebina se premakneta */ html body.kof-skin.admin-bar .learndash-wrapper .ld-focus .ld-focus-header{top:32px!important} html body.kof-skin.admin-bar .learndash-wrapper .ld-focus .ld-focus-sidebar{top:96px!important;height:calc(100vh - 96px)!important} html body.kof-skin.admin-bar .learndash-wrapper .ld-focus .ld-focus-main{padding-top:96px!important} @media (max-width:782px){ html body.kof-skin.admin-bar .learndash-wrapper .ld-focus .ld-focus-header{top:46px!important} html body.kof-skin.admin-bar .learndash-wrapper .ld-focus .ld-focus-sidebar{top:110px!important;height:calc(100vh - 110px)!important} html body.kof-skin.admin-bar .learndash-wrapper .ld-focus .ld-focus-main{padding-top:110px!important} } /* ime tečaja v glavi naj se ne reže */ html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo{flex:1 1 auto!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .kof-course{max-width:none} /* LD-jev H1 naslov lekcije mora biti viden (tema ga skrije) */ html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content>h1{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;overflow:visible!important} /* ── telefon: glava lepljiva, brez vodoravnega drsenja ── */ @media (max-width:900px){ html body.kof-skin{overflow-x:hidden} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header{position:sticky!important;top:0!important;height:auto!important;max-height:none!important;min-height:56px!important;padding:8px 12px!important;gap:10px;flex-wrap:nowrap} html body.kof-skin.admin-bar .learndash-wrapper .ld-focus .ld-focus-header{top:46px!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header>*{max-height:none} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo{flex:1 1 auto!important;min-width:0} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-brand-logo img.kof-logo{width:118px} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-progress .ld-progress-steps{display:none!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-progress{margin-left:auto!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu{margin-left:8px!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-main,html body.kof-skin.admin-bar .learndash-wrapper .ld-focus .ld-focus-main{padding-top:0!important;margin:0!important;width:100%!important;max-width:100vw!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content{width:100%!important;max-width:100vw!important;box-sizing:border-box;padding:24px 16px 80px!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar,html body.kof-skin.admin-bar .learndash-wrapper .ld-focus .ld-focus-sidebar{top:0!important;height:100vh!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content>h1{font-size:30px!important;overflow-wrap:anywhere} html body.kof-skin .learndash-wrapper .ld-lesson-status{flex-wrap:wrap} html body.kof-skin .ld-focus-content .kof-video .h b{display:none} } /* telefon, popravek: glava je v LD-ju za vsebino (order), zato fiksna + odmik vsebine, ne lepljiva */ @media (max-width:900px){ html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:56px!important;min-height:56px!important;max-height:56px!important;z-index:1001!important} html body.kof-skin.admin-bar .learndash-wrapper .ld-focus .ld-focus-header{top:46px!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-main,html body.kof-skin.admin-bar .learndash-wrapper .ld-focus .ld-focus-main{padding-top:56px!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar{top:56px!important;height:calc(100vh - 56px)!important} html body.kof-skin.admin-bar .learndash-wrapper .ld-focus .ld-focus-sidebar{top:102px!important;height:calc(100vh - 102px)!important} } /* ── v0.2.1 · meni kot v mokapu: številke, meta vrstica, trenutna samo v glavi, teme v vrsti; kicker nad H1 ── */ html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-item .ld-lesson-item-preview{display:flex!important;align-items:center;gap:6px;padding:0 10px 0 0!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-item .ld-lesson-item-preview a.ld-lesson-item-preview-heading{flex:1;min-width:0;padding:12px 8px 12px 14px!important;gap:12px} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson{background:var(--kof-white)!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview{background:var(--kof-accent)!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-title .kof-title{display:block} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-title .kof-meta{display:block;font:12px/1.4 var(--kof-mono)!important;font-weight:400!important;letter-spacing:.04em;color:var(--kof-ink-2)!important;margin-top:3px} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-is-current-lesson .ld-lesson-title .kof-meta{color:var(--kof-ink)!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-item-preview-heading .ld-status-icon{width:34px!important;height:34px!important;min-width:34px} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-item-preview-heading .ld-status-icon.ld-status-incomplete::before, html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-item-preview-heading .ld-status-icon.ld-status-unlocked::before{content:attr(data-n)!important;font:700 13px/1 var(--kof-mono)!important;color:var(--kof-ink)!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-is-current-lesson .ld-lesson-item-preview-heading .ld-status-icon::before{content:none!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-is-current-lesson .ld-lesson-item-preview-heading .ld-status-icon::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--kof-accent);border:1px solid var(--kof-ink)} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-item-preview-heading .ld-status-icon.ld-status-complete::after{content:none} /* teme pod lekcijo */ html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-item-expanded{display:block} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-table-list-item a.ld-table-list-item-preview{display:flex!important;align-items:center;gap:10px;font:15px/1.3 var(--kof-text)!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-table-list-item .ld-status-icon.ld-status-incomplete::before, html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-table-list-item .ld-status-icon.ld-status-unlocked::before{content:none!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-table-list-item a.ld-table-list-item-preview[aria-current="page"]{background:var(--kof-pink)!important;font-weight:600!important} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-table-list-item .ld-topic-title{flex:1;min-width:0} /* nad H1: "1. srečanje · Lekcija 2 od 19 · 3 teme" + stanje; drobtine skrite */ html body.kof-skin .learndash-wrapper .ld-focus-content .kof-kicker-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px} html body.kof-skin .learndash-wrapper .ld-focus-content p.kof-kicker{display:flex;align-items:center;gap:10px;font:12px/1.4 var(--kof-mono)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--kof-ink-2)!important;margin:0!important;max-width:none} html body.kof-skin .learndash-wrapper .ld-focus-content p.kof-kicker::before{content:"";width:10px;height:10px;background:var(--kof-accent);border:1px solid var(--kof-ink);border-radius:3px;flex:none} html body.kof-skin .learndash-wrapper .ld-lesson-status.kof-hidden{display:none!important} html body.kof-skin .learndash-wrapper .ld-focus-content .kof-kicker-row .ld-status{flex:none;display:inline-flex!important;align-items:center;gap:6px;background:var(--kof-white)!important;color:var(--kof-ink)!important;border:var(--kof-b1)!important;border-radius:6px!important;padding:7px 10px!important;font:12px/1 var(--kof-mono)!important;text-transform:none!important;letter-spacing:.04em;margin:0!important} html body.kof-skin .learndash-wrapper .ld-focus-content .kof-kicker-row .ld-status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--kof-accent)} html body.kof-skin .learndash-wrapper .ld-focus-content .kof-kicker-row .ld-status.ld-status-complete::before{background:var(--kof-olive)} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content>h1{margin-top:0!important} /* ── v0.2.1 · noga lekcije kot v mokapu: levo Prejšnja, sredina Označi (kljukica levo), desno Pojdi naprej + ime ── */ html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:40px 0 0!important;padding:24px 0 0!important} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action{flex:none;margin:0!important;padding:0!important;display:flex;align-items:center;gap:16px;min-width:0} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action.ld-empty{display:block!important;visibility:hidden} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action:first-child{justify-self:start} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action:nth-child(2){justify-self:center} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action:last-child{justify-self:end;margin-left:0!important} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-course-step-back{display:none!important} /* gumb Označi: obrazec je gumb, kljukica (JS) levo, vnosno polje prozorno */ html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions form.sfwd-mark-complete{position:relative;display:inline-flex!important;align-items:center;gap:10px;margin:0!important;padding:0 22px 0 18px!important;min-height:52px;background:var(--kof-citron)!important;border:var(--kof-b2)!important;border-radius:var(--kof-r-s)!important;box-shadow:var(--kof-shadow)!important;transition:transform .1s,box-shadow .1s;cursor:pointer} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions form.sfwd-mark-complete:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--kof-ink)!important} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions form.sfwd-mark-complete::before,html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions form.sfwd-mark-complete::after{content:none!important;display:none!important} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions form.sfwd-mark-complete .kof-check{width:18px;height:18px;flex:none;stroke:var(--kof-ink);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions input.learndash_mark_complete_button{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;min-height:0;height:auto!important;font:700 16px var(--kof-text)!important;color:var(--kof-ink)!important;text-transform:none!important;cursor:pointer;white-space:nowrap;width:auto!important} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions input.learndash_mark_complete_button:active{transform:none} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .sfwd-mark-complete input[type="submit"]::after,html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .sfwd-mark-complete input[type="submit"]::before{content:none!important} /* Prejšnja / Pojdi naprej: ikona in tekst v vrsti, ime enote spodaj (desno poravnano) */ html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action a.ld-button{display:inline-flex!important;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:2px 8px;min-height:44px;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action:last-child a.ld-button{justify-content:flex-end} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action a.ld-button .ld-icon{display:inline-flex!important;align-items:center;font-size:14px;color:var(--kof-ink)!important;margin:0!important} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action a.ld-button .kof-next-title{flex-basis:100%;text-align:right;display:block;font:11px/1.3 var(--kof-mono)!important;letter-spacing:.04em;color:var(--kof-ink-2)!important;margin-top:2px} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action:first-child a.ld-button .kof-next-title{text-align:left} @media (max-width:900px){ html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions{grid-template-columns:1fr;justify-items:stretch} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action.ld-empty{display:none!important} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action,html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action:first-child,html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action:last-child{justify-self:stretch;justify-content:center} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions .ld-content-action:nth-child(2){order:-1} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions form.sfwd-mark-complete{width:100%;justify-content:center} } /* ── zaklenjene lekcije v meniju in na strani tečaja ── */ html body.kof-skin .learndash-wrapper .ld-lesson-item.kof-locked .ld-lesson-item-preview a.ld-lesson-item-preview-heading{opacity:.62} html body.kof-skin .learndash-wrapper .ld-lesson-item.kof-locked .ld-lesson-item-preview a.ld-lesson-item-preview-heading:hover .kof-title{text-decoration:none} html body.kof-skin .learndash-wrapper .ld-lesson-item.kof-locked .ld-expand-button{display:none!important} html body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item.kof-locked .ld-item-list-item-preview{opacity:.62} /* ── "Kje si zdaj?" v lekciji (isti gumbi kot na strani tečaja, brez sekcij) ── */ html body.kof-skin .ld-focus-content .kof-router{margin:0 0 32px} html body.kof-skin .ld-focus-content .kof-router .router-options{display:grid;gap:10px} html body.kof-skin .ld-focus-content .kof-router .router-option{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;width:100%;min-height:64px;padding:12px 16px;border:var(--kof-b2);border-radius:var(--kof-r-m);background:var(--kof-white);text-align:left;cursor:pointer;box-shadow:none;font:inherit;color:var(--kof-ink);transition:transform .15s} html body.kof-skin .ld-focus-content .kof-router .router-option:hover{transform:translateX(4px)} html body.kof-skin .ld-focus-content .kof-router .router-option[aria-pressed="true"]{background:var(--kof-pink)} html body.kof-skin .ld-focus-content .kof-router .box{position:relative;display:grid;place-items:center;width:28px;height:28px;border:var(--kof-b1);border-radius:6px;background:var(--kof-white)} html body.kof-skin .ld-focus-content .kof-router .router-option[aria-pressed="true"] .box::after{content:"";width:.8rem;height:.45rem;margin-top:-.2rem;border-left:3px solid var(--kof-accent);border-bottom:3px solid var(--kof-accent);transform:rotate(-45deg)} html body.kof-skin .ld-focus-content .kof-router .router-option strong{font-family:var(--kof-display)!important;font-size:16px;line-height:1.2} html body.kof-skin .ld-focus-content .kof-router .router-option .arrow{font:700 20px/1 var(--kof-mono)} html body.kof-skin .ld-focus-content .kof-router .recommendation{min-height:0;margin-top:12px;padding:14px 18px;border:var(--kof-b2);border-radius:var(--kof-r-m);background:var(--kof-ink);color:#f3ede6;font-size:16px!important} html body.kof-skin .ld-focus-content .kof-router .recommendation b{color:var(--kof-citron)} html body.kof-skin .ld-focus-content .kof-router .recommendation a.rec-link{display:inline-block;margin-top:8px;padding:6px 12px;border:2px solid #f3ede6;border-radius:999px;color:#f3ede6!important;font-weight:700;text-decoration:none!important} html body.kof-skin .ld-focus-content .kof-router .recommendation a.rec-link:hover{background:#f3ede6;color:var(--kof-ink)!important} /* velikosti kot v mokapu: naslov lekcije v meniju 16 px */ html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-lesson-title{font-size:16px!important} /* gumb za skrit meni: brez LD-jevega krogca ob hoverju/fokusu, naš hover = citron */ html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger .ld-icon, html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:hover .ld-icon, html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:focus .ld-icon, html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:not([disabled]):not(:hover):not(:focus) .ld-icon{border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--kof-ink)!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:hover, html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:focus{background:var(--kof-citron)!important;box-shadow:none!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:focus-visible{outline:3px solid var(--kof-ink)!important;outline-offset:3px} /* ── v0.2.2 · črne povezave, črni kvadratki tem, +/− na sredino, več zraka, seznam tem v lekciji, drobtine tudi na temah ── */ html body.kof-skin .ld-focus-content a:not([class]){color:var(--kof-ink)!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px} html body.kof-skin .ld-focus-content ul.kof-stamps a{color:var(--kof-ink)!important;text-decoration:none!important} html body.kof-skin .ld-focus-content ul.kof-stamps a:hover{text-decoration:underline!important;text-underline-offset:3px} /* meni: kvadratki tem in lekcij črni (LD-jev inline oranžen rob), +/− na sredino, razprta lekcija z več zraka spodaj */ html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item .ld-table-list-item a.ld-table-list-item-preview .ld-status-icon, html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item a.ld-lesson-item-preview-heading .ld-status-icon{border:1.5px solid var(--kof-ink)!important;border-color:var(--kof-ink)!important;box-shadow:none!important;color:var(--kof-ink)!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item .ld-table-list-item a.ld-table-list-item-preview .ld-status-icon{width:28px!important;height:28px!important;min-width:28px;border-radius:var(--kof-r-s)!important;background:var(--kof-white)!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item .ld-table-list-item a.ld-table-list-item-preview .ld-status-icon.ld-status-complete{background:var(--kof-citron)!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item .ld-lesson-item-preview .ld-expand-button{align-self:center!important;position:static!important;top:auto!important;right:auto!important;transform:none!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item.ld-is-current-lesson, html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item.ld-expanded{margin-bottom:24px!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item .ld-table-list-items{padding:4px 0!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item .ld-table-list-item a.ld-table-list-item-preview{min-height:48px;padding:8px 10px!important} /* drobtine: tudi na temah in kvizih (LD: ld-topic-status, ld-quiz-status) */ html body.kof-skin .learndash-wrapper .ld-topic-status,html body.kof-skin .learndash-wrapper .ld-quiz-status{display:flex!important;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important} html body.kof-skin .learndash-wrapper .ld-topic-status .ld-breadcrumbs,html body.kof-skin .learndash-wrapper .ld-quiz-status .ld-breadcrumbs{background:transparent!important;padding:0!important;margin:0!important} html body.kof-skin .learndash-wrapper .ld-topic-status .ld-breadcrumbs *,html body.kof-skin .learndash-wrapper .ld-quiz-status .ld-breadcrumbs *{font:12px/1.6 var(--kof-mono)!important;color:var(--kof-ink-2)!important;text-decoration:none!important} html body.kof-skin .learndash-wrapper .ld-topic-status.kof-hidden,html body.kof-skin .learndash-wrapper .ld-quiz-status.kof-hidden,html body.kof-skin .learndash-wrapper .ld-lesson-status.kof-hidden{display:none!important} /* seznam tem v vsebini lekcije (LD "Lekcija Content"): bela kartica, naslov "Teme te faze" (JS) */ html body.kof-skin .ld-focus-content .ld-item-list.ld-lesson-list{background:transparent!important;padding:0!important;margin:32px 0 0!important;border:0!important;box-shadow:none!important} html body.kof-skin .ld-focus-content .ld-table-list.ld-topic-list{background:var(--kof-white)!important;border:var(--kof-b2)!important;border-radius:var(--kof-r-m)!important;overflow:hidden;margin:32px 0!important;box-shadow:none!important;padding:0!important} html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-header{background:var(--kof-paper-2)!important;border-bottom:1.5px dashed var(--kof-ink)!important;padding:12px 18px!important;display:flex!important;align-items:center;justify-content:space-between;gap:16px;color:var(--kof-ink)!important;border-radius:0!important;margin:0!important} html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-header .ld-table-list-title{font:12px/1.4 var(--kof-mono)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--kof-ink)!important;display:flex;align-items:center;gap:10px;margin:0!important;padding:0!important} html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-header .ld-table-list-title::before{content:"";width:10px;height:10px;background:var(--kof-accent);border:1px solid var(--kof-ink);border-radius:3px;flex:none} html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-header .ld-item-icon,html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-header .ld-icon{display:none!important} html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-header .ld-table-list-lesson-details,html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-header .ld-progress,html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-header .ld-progress *{font:12px/1.4 var(--kof-mono)!important;font-weight:400!important;color:var(--kof-ink-2)!important;text-transform:none!important;letter-spacing:.04em;margin:0!important;padding:0!important;background:transparent!important;border:0!important;width:auto!important} html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-header .ld-progress .ld-progress-bar,html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-header .ld-progress-heading .ld-sep{display:none!important} html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-header .ld-progress-heading,html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-header .ld-progress-stats{display:flex!important;gap:10px;align-items:center} html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-items{padding:6px!important;background:transparent!important;margin:0!important} html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-item{border:0!important;background:transparent!important;margin:0!important;padding:0!important;box-shadow:none!important} html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-item a.ld-table-list-item-preview{display:flex!important;align-items:center;gap:12px;min-height:52px;padding:10px 12px!important;border-radius:var(--kof-r-s)!important;color:var(--kof-ink)!important;text-decoration:none!important;font:16px/1.3 var(--kof-text)!important;background:transparent!important;border:0!important} html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-item a.ld-table-list-item-preview:hover{background:var(--kof-paper-2)!important} html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-item .ld-status-icon{flex:none;width:28px!important;height:28px!important;min-width:28px;border:1.5px solid var(--kof-ink)!important;border-color:var(--kof-ink)!important;border-radius:var(--kof-r-s)!important;background:var(--kof-white)!important;box-shadow:none!important;margin:0!important;display:grid;place-items:center;color:var(--kof-ink)!important} html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-item .ld-status-icon::before{position:static!important;transform:none!important;margin:0!important;font-size:12px;color:var(--kof-ink)!important;background:transparent!important} html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-item .ld-status-icon.ld-status-incomplete::before{content:none!important} html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-item .ld-status-icon.ld-status-complete{background:var(--kof-citron)!important} html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-item .ld-topic-title{color:var(--kof-ink)!important;font:16px/1.3 var(--kof-text)!important;margin:0!important;padding:0!important;flex:1;display:flex;align-items:center;gap:8px} html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-footer{display:none!important} /* +/− v meniju: znak na sredini gumba (LD-jev flex/padding ga potisne levo) */ html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-expand-button{display:grid!important;place-items:center!important;justify-content:center!important;align-items:center!important;text-align:center!important;padding:0!important;line-height:1!important;min-width:40px;box-sizing:border-box} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-expand-button::before{position:static!important;display:block;width:100%;text-align:center;margin:0!important;padding:0!important;line-height:1} html body.kof-skin .learndash-wrapper .ld-course-navigation .ld-expand-button>*{display:none!important} html body.kof-skin .ld-focus-content .kof-cp a.btn{color:var(--kof-ink)!important;text-decoration:none!important} /* seznam tem ("Kaj vsebuje?") povsod: glava v rožnati iz nabora, LD-jev oranžen ld-primary-background ven */ html body.kof-skin .learndash-wrapper .ld-table-list .ld-table-list-header,html body.kof-skin .learndash-wrapper .ld-table-list-header.ld-primary-background{background:var(--kof-pink)!important;background-color:var(--kof-pink)!important;color:var(--kof-ink)!important;border:0!important;border-bottom:1.5px dashed var(--kof-ink)!important;border-radius:0!important;padding:12px 18px!important;margin:0!important;display:flex!important;align-items:center;justify-content:space-between;gap:16px} html body.kof-skin .learndash-wrapper .ld-table-list-header::before,html body.kof-skin .learndash-wrapper .ld-table-list-header::after{display:none!important;content:none!important} html body.kof-skin .learndash-wrapper .ld-table-list-header .ld-table-list-title{font:12px/1.4 var(--kof-mono)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--kof-ink)!important;display:flex;align-items:center;gap:10px;margin:0!important;padding:0!important} html body.kof-skin .learndash-wrapper .ld-table-list-header .ld-table-list-title::before{content:"";width:10px;height:10px;background:var(--kof-accent);border:1px solid var(--kof-ink);border-radius:3px;flex:none} html body.kof-skin .learndash-wrapper .ld-table-list-header .ld-table-list-title .ld-item-icon,html body.kof-skin .learndash-wrapper .ld-table-list-header .ld-icon{display:none!important} html body.kof-skin .learndash-wrapper .ld-table-list-header .ld-table-list-lesson-details,html body.kof-skin .learndash-wrapper .ld-table-list-header .ld-table-list-lesson-details *,html body.kof-skin .learndash-wrapper .ld-table-list-header .ld-progress,html body.kof-skin .learndash-wrapper .ld-table-list-header .ld-progress *{font:12px/1.4 var(--kof-mono)!important;font-weight:400!important;color:var(--kof-ink-2)!important;text-transform:none!important;background:transparent!important;border:0!important;margin:0!important;padding:0!important;width:auto!important} html body.kof-skin .learndash-wrapper .ld-table-list-header .ld-progress-bar,html body.kof-skin .learndash-wrapper .ld-table-list-header .ld-sep{display:none!important} html body.kof-skin .learndash-wrapper .ld-table-list-header .ld-progress-heading,html body.kof-skin .learndash-wrapper .ld-table-list-header .ld-progress-stats{display:flex!important;gap:10px;align-items:center} /* "Kje si zdaj?" gumbi: en sam obroč ob fokusu, povezava v črnem okvirčku vidna in cela */ html body.kof-skin .ld-focus-content .router-option:focus,html body.kof-skin .ld-focus-content .router-option:active{outline:0!important;box-shadow:none!important} html body.kof-skin .ld-focus-content .router-option:focus-visible{outline:3px solid var(--kof-ink)!important;outline-offset:3px!important;box-shadow:none!important} html body.kof-skin .ld-focus-content .recommendation a.rec-link{display:inline-flex!important;align-items:center;white-space:nowrap;margin:10px 0 0!important;padding:8px 14px!important;border:2px solid #f3ede6!important;border-radius:999px!important;color:#f3ede6!important;font-weight:700;text-decoration:none!important;line-height:1.2} html body.kof-skin .ld-focus-content .recommendation a.rec-link:hover{background:#f3ede6!important;color:var(--kof-ink)!important} /* "Kaj vsebuje?": presledek med "0 % dokončano" in "0/3 korakov" */ html body.kof-skin .learndash-wrapper .ld-table-list-header .ld-sep{display:inline!important;margin:0 8px!important;color:var(--kof-ink-2)!important} html body.kof-skin .learndash-wrapper .ld-table-list-header .ld-progress-percentage{margin-right:8px!important} /* gumbi kof-btn: jasen rob in senca, prostor za senco, brez rezanja */ html body.kof-skin .ld-focus-content a.kof-btn{position:relative;display:inline-flex!important;align-items:center;gap:10px;min-height:48px;padding:12px 18px!important;border:2px solid var(--kof-ink)!important;border-radius:10px!important;background:var(--kof-white)!important;color:var(--kof-ink)!important;font:700 16px var(--kof-text)!important;text-decoration:none!important;box-shadow:none!important;margin:0 5px 5px 0;line-height:1.2;white-space:nowrap;-webkit-appearance:none;overflow:visible} html body.kof-skin .ld-focus-content a.kof-btn.primary{background:var(--kof-citron)!important;box-shadow:5px 5px 0 var(--kof-ink)!important} html body.kof-skin .ld-focus-content a.kof-btn:hover{background:var(--kof-citron)!important} html body.kof-skin .ld-focus-content a.kof-btn.primary:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--kof-ink)!important} html body.kof-skin .ld-focus-content .kof-actions{overflow:visible;padding:0 6px 6px 0} /* uporabniški meni (avatar): gumbi v naši oranžni, z razmiki */ html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items{padding:10px!important;display:flex!important;flex-direction:column;gap:8px;min-width:260px} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a, html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a.ld-primary-background, html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a:not([disabled]){display:block;margin:0!important;padding:12px 14px!important;background:var(--kof-accent)!important;background-color:var(--kof-accent)!important;color:var(--kof-ink)!important;border:1.5px solid var(--kof-ink)!important;border-radius:10px!important;font:600 15px/1.2 var(--kof-text)!important;text-transform:none!important;text-decoration:none!important;box-shadow:none!important} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a:hover{background:var(--kof-citron)!important;background-color:var(--kof-citron)!important} /* povezave v besedilu: vedno podčrtane (tema jih sicer razčrta) */ html body.kof-skin .ld-focus-content a:not([class]),html body.kof-skin .ld-focus-content .kof-step a,html body.kof-skin .ld-focus-content .kof-callout a,html body.kof-skin .ld-focus-content .kof-tile a,html body.kof-skin .ld-focus-content table a{color:var(--kof-ink)!important;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px!important} html body.kof-skin .ld-focus-content a:not([class]):hover{background:var(--kof-citron)} /* status kvadratki v kazalu: vedno kvadrat 34/28 px, nikoli raztegnjeni čez višino vrstice */ html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item a.ld-lesson-item-preview-heading .ld-status-icon{flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;align-self:center!important;aspect-ratio:1/1} html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-lesson-item .ld-table-list-item a.ld-table-list-item-preview .ld-status-icon{flex:0 0 28px!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;align-self:center!important} html body.kof-skin .ld-focus-content .ld-table-list .ld-table-list-item .ld-status-icon{flex:0 0 28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;align-self:center!important} /* noga: brez oranžnega roba ob kliku (LD fokus), obroč samo pri tipkovnici */ html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions a.ld-button:focus,html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions a.ld-button:active, html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions form.sfwd-mark-complete:focus-within,html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions input.learndash_mark_complete_button:focus{outline:0!important;box-shadow:none!important;border-color:transparent!important} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions form.sfwd-mark-complete:focus-within{box-shadow:var(--kof-shadow)!important;border-color:var(--kof-ink)!important} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions a.ld-button:focus-visible{outline:3px solid var(--kof-ink)!important;outline-offset:4px;border-radius:4px} html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions a.ld-button .ld-icon:focus,html body.kof-skin .learndash-wrapper .ld-focus-content .ld-content-actions a.ld-button:focus .ld-icon{outline:0!important;box-shadow:none!important;border:0!important} /* 2026-09-05: cel rob gumbov za gradiva in prostor za senco. Omejeno na vsebinske gumbe .kof-btn v učilnici. */ html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-content .kof-actions, html body.kof-skin #content .ld-focus-content .kof-actions { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; height: auto !important; max-height: none !important; overflow: visible !important; padding: 4px 10px 14px 0 !important; margin-bottom: 24px !important; box-sizing: border-box; } html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-content a.kof-btn, html body.kof-skin #content .ld-focus-content a.kof-btn { box-sizing: border-box !important; height: auto !important; max-height: none !important; min-height: 48px !important; max-width: 100% !important; min-width: 0 !important; padding: 12px 18px !important; border: 2px solid var(--kof-ink) !important; border-bottom: 2px solid var(--kof-ink) !important; background-image: none !important; line-height: 1.4 !important; white-space: normal !important; overflow-wrap: anywhere; overflow: visible !important; margin-bottom: 8px !important; flex-shrink: 1; } html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-content a.kof-btn.primary, html body.kof-skin #content .ld-focus-content a.kof-btn.primary { box-shadow: 5px 5px 0 var(--kof-ink) !important; } html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-content a.kof-btn.primary:active, html body.kof-skin #content .ld-focus-content a.kof-btn.primary:active { box-shadow: 2px 2px 0 var(--kof-ink) !important; } /* v0.3.10 · Podlekcije: naslov, navodilo in ločena podatka o napredku. */ html body.kof-skin .learndash-wrapper .ld-table-list.ld-topic-list.kof-topic-section > .ld-table-list-header { padding:16px 20px!important; align-items:flex-start!important; flex-wrap:wrap!important; gap:12px 24px!important; } html body.kof-skin .learndash-wrapper .ld-table-list.ld-topic-list.kof-topic-section .kof-topic-intro { flex:1 1 300px; min-width:0; margin:0!important; padding:0!important; } html body.kof-skin .learndash-wrapper .ld-table-list.ld-topic-list.kof-topic-section .ld-table-list-header .ld-table-list-title { font:700 14px/1.5 var(--kof-mono)!important; letter-spacing:.04em!important; align-items:center!important; overflow-wrap:anywhere; } html body.kof-skin .learndash-wrapper .ld-table-list.ld-topic-list.kof-topic-section .kof-topic-hint { font:400 15px/1.5 var(--kof-text)!important; color:var(--kof-ink)!important; text-transform:none!important; letter-spacing:normal!important; margin:6px 0 0!important; padding:0!important; overflow-wrap:anywhere; } html body.kof-skin .learndash-wrapper .ld-table-list.ld-topic-list.kof-topic-section .ld-table-list-header .ld-table-list-lesson-details { display:flex!important; flex:0 1 auto!important; flex-wrap:wrap!important; align-items:center!important; justify-content:flex-start!important; gap:6px 16px!important; max-width:100%!important; min-width:0!important; } html body.kof-skin .learndash-wrapper .ld-table-list.ld-topic-list.kof-topic-section .ld-table-list-header .ld-table-list-lesson-details > span { display:block!important; margin:0!important; color:var(--kof-ink-2)!important; white-space:normal!important; overflow-wrap:anywhere; } /* v0.3.11 · Naslednje dejanje na začetku lekcije; celotna pot na voljo na klik. */ html body.kof-skin .learndash-wrapper .ld-focus-content .kof-next-step { margin:20px 0 28px!important; padding:22px!important; background:var(--kof-pink)!important; border:2px solid var(--kof-ink)!important; border-radius:18px!important; } html body.kof-skin .learndash-wrapper .ld-focus-content .kof-next-step h2 { margin:0 0 8px!important; font:700 24px/1.25 var(--kof-display)!important; color:var(--kof-ink)!important; } html body.kof-skin .learndash-wrapper .ld-focus-content .kof-next-step p { margin:0 0 14px!important; font:400 17px/1.5 var(--kof-text)!important; } html body.kof-skin .learndash-wrapper .ld-focus-content .kof-next-step .kof-actions { margin:0!important; gap:12px 18px!important; } html body.kof-skin .learndash-wrapper .ld-focus-content .kof-next-step .kof-jump { display:inline-flex; align-items:center; min-height:44px; padding:6px 0; color:var(--kof-ink)!important; font:600 16px/1.4 var(--kof-text)!important; text-decoration:underline!important; text-underline-offset:3px; } html body.kof-skin .learndash-wrapper .ld-focus-content .kof-course-overview { margin:32px 0!important; padding:0!important; border:2px solid var(--kof-ink)!important; border-radius:18px!important; background:var(--kof-white)!important; } html body.kof-skin .learndash-wrapper .ld-focus-content .kof-course-overview > summary { display:list-item!important; cursor:pointer; padding:18px 22px!important; font:700 20px/1.4 var(--kof-text)!important; color:var(--kof-ink)!important; list-style:disclosure-closed inside!important; } html body.kof-skin .learndash-wrapper .ld-focus-content .kof-course-overview[open] > summary { list-style-type:disclosure-open!important; border-bottom:1px dashed var(--kof-ink); } html body.kof-skin .learndash-wrapper .ld-focus-content .kof-course-overview > .kof-overview-content { padding:20px!important; min-width:0; } html body.kof-skin .learndash-wrapper .ld-focus-content .kof-course-overview > summary:focus-visible, html body.kof-skin .learndash-wrapper .ld-focus-content .kof-next-step a:focus-visible { outline:3px solid var(--kof-ink)!important; outline-offset:4px!important; } html body.kof-skin #posnetek-srecanja, html body.kof-skin #kako-uporabljas-ucilnico { scroll-margin-top:100px; } @media(max-width:600px) { html body.kof-skin .learndash-wrapper .ld-focus-content .kof-next-step, html body.kof-skin .learndash-wrapper .ld-focus-content .kof-course-overview > .kof-overview-content { padding:16px!important; } } /* 0.3.13: povezave za pomoč in prilagodljiv pregled programa. */ body.kof-skin .kof-sidebar-note a{color:#191815;text-decoration:underline;text-underline-offset:3px} body.kof-skin .ld-focus-content .kof-next-step{margin:24px 0 32px} body.kof-skin .ld-focus-content .kof-actions{display:flex;flex-wrap:wrap;gap:12px} body.kof-skin .ld-focus-content .kof-actions a{margin:0} body.kof-skin .ld-focus-content ol.kof-steps{list-style:none;padding-left:0} body.kof-skin .kof-cp .recommendation{scroll-margin-top:120px} @media(max-width:700px){body.kof-skin .kof-inline .stage{grid-template-columns:minmax(0,1fr)}body.kof-skin .kof-inline .stage-cards,body.kof-skin .kof-inline .pillar-grid{grid-template-columns:minmax(0,1fr)}body.kof-skin .ld-focus-content .kof-next-step{padding:20px 16px;margin:20px 0 28px}} /* 0.3.14: dostopen mobilni meni in jasen zaključek odprtega dela programa. */ body.kof-skin .ld-focus .ld-trigger-mobile-nav{min-height:44px;min-width:44px} body.kof-skin .ld-focus .ld-expand-button{min-height:44px;min-width:44px} body.kof-skin .ld-focus .kof-navigation-locked{cursor:default;box-shadow:none!important} body.kof-skin .ld-focus :is(button,a):focus-visible{outline:3px solid #191815;outline-offset:3px} /* 0.3.15: mobilna glava podlekcij ne rezervira višine namiznega stolpca. */ @media(max-width:900px){html body.kof-skin .learndash-wrapper .ld-table-list.ld-topic-list.kof-topic-section .kof-topic-intro{flex:0 1 auto!important;width:100%;min-width:0}} /* 0.3.16: meni ostane na zaslonu tudi po pomiku po lekciji. */ @media(max-width:900px){ html body.kof-skin .learndash-wrapper .ld-focus .ld-focus-sidebar{position:fixed!important} body.kof-skin.single-sfwd-courses .header-wrap-inner .right-part{min-width:0;max-width:calc(100% - 68px)} body.kof-skin.single-sfwd-courses .header-wrap-inner .menu-optional{min-width:0;max-width:100%} body.kof-skin.single-sfwd-courses .header-wrap-inner .button-group{display:flex;flex-wrap:wrap;gap:6px;min-width:0} body.kof-skin.single-sfwd-courses .header-wrap-inner .button-group a{white-space:normal;min-height:44px;font-size:12px;padding:8px 10px;margin:0;max-width:100%} } /* 0.3.19: zaključena lekcija – uspeh je zelen, slovenski in enoten. */ html body.kof-skin .learndash-wrapper .ld-alert.ld-alert-success.kof-completion-success { display:flex!important; align-items:center!important; gap:18px!important; padding:20px!important; background:#eff2c4!important; border:2px solid var(--kof-ink)!important; border-radius:18px!important; color:var(--kof-ink)!important; box-shadow:4px 4px 0 var(--kof-ink)!important; } html body.kof-skin .learndash-wrapper .ld-alert.ld-alert-success.kof-completion-success .ld-alert-icon { flex:0 0 52px!important; width:52px!important; height:52px!important; display:grid!important; place-items:center!important; margin:0!important; background:var(--kof-citron)!important; color:var(--kof-ink)!important; border:1.5px solid var(--kof-ink)!important; border-radius:12px!important; } html body.kof-skin .learndash-wrapper .ld-alert.ld-alert-success.kof-completion-success .ld-alert-content { flex:1 1 auto!important; min-width:0!important; margin:0!important; color:var(--kof-ink)!important; } html body.kof-skin .learndash-wrapper .ld-alert.ld-alert-success.kof-completion-success .ld-alert-messages { margin:0!important; color:var(--kof-ink)!important; font:600 18px/1.45 var(--kof-text)!important; letter-spacing:0!important; } html body.kof-skin .learndash-wrapper .ld-alert.ld-alert-success.kof-completion-success :is(.ld-alert-button,.ld-alert-actions) { flex:0 0 auto!important; margin:0!important; } html body.kof-skin .learndash-wrapper .ld-alert.ld-alert-success.kof-completion-success a.ld-button { min-height:48px!important; padding:12px 20px!important; background:var(--kof-citron)!important; color:var(--kof-ink)!important; border:2px solid var(--kof-ink)!important; border-radius:10px!important; box-shadow:none!important; font:700 16px/1.2 var(--kof-text)!important; text-transform:none!important; } html body.kof-skin .learndash-wrapper .ld-alert.ld-alert-success.kof-completion-success a.ld-button:hover { background:#d0d45c!important; transform:translateY(-1px); } html body.kof-skin .learndash-wrapper .ld-alert.ld-alert-success.kof-completion-success a.ld-button:focus-visible { outline:3px solid var(--kof-ink)!important; outline-offset:3px!important; } @media(max-width:700px) { html body.kof-skin .learndash-wrapper .ld-alert.ld-alert-success.kof-completion-success { display:grid!important; grid-template-columns:44px minmax(0,1fr)!important; gap:12px!important; padding:16px!important; } html body.kof-skin .learndash-wrapper .ld-alert.ld-alert-success.kof-completion-success .ld-alert-icon { width:44px!important; height:44px!important; flex-basis:44px!important; } html body.kof-skin .learndash-wrapper .ld-alert.ld-alert-success.kof-completion-success :is(.ld-alert-button,.ld-alert-actions) { grid-column:1 / -1!important; width:100%!important; } html body.kof-skin .learndash-wrapper .ld-alert.ld-alert-success.kof-completion-success a.ld-button { width:100%!important; justify-content:center!important; } } /* 0.3.20: LearnDashova stara absolutna ikona ne sme prekriti sporočila. */ html body.kof-skin .learndash-wrapper .ld-alert.ld-alert-success.kof-completion-success .ld-alert-icon { position:static!important; inset:auto!important; transform:none!important; } html body.kof-skin .learndash-wrapper .ld-alert.ld-alert-success.kof-completion-success .ld-alert-content, html body.kof-skin .learndash-wrapper .ld-alert.ld-alert-success.kof-completion-success .ld-alert-messages { padding:0!important; } /* 0.3.21: ikona in sporočilo sta ena poravnana vsebinska vrstica. */ html body.kof-skin .learndash-wrapper .ld-alert.ld-alert-success.kof-completion-success .ld-alert-content { display:flex!important; align-items:center!important; gap:16px!important; } html body.kof-skin .learndash-wrapper .ld-alert.ld-alert-success.kof-completion-success .ld-alert-messages { flex:1 1 auto!important; min-width:0!important; } @media(max-width:700px) { html body.kof-skin .learndash-wrapper .ld-alert.ld-alert-success.kof-completion-success { display:block!important; } html body.kof-skin .learndash-wrapper .ld-alert.ld-alert-success.kof-completion-success .ld-alert-content { display:flex!important; gap:12px!important; } html body.kof-skin .learndash-wrapper .ld-alert.ld-alert-success.kof-completion-success :is(.ld-alert-button,.ld-alert-actions) { width:100%!important; margin-top:14px!important; } }