/* Educate: oznake, ki jih ustvarita Breakdance (paginacija zanke) in LearnDash. Oblika kartic/strani je v Breakdance razredih blog-*. */

/* Paginacija knjiznice tecajev (Figma 399:4326) */
.blog-edu-pager .bde-posts-pagination { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-top: 24px; font-family: 'Montserrat', sans-serif; }
.blog-edu-pager .bde-posts-pagination ul { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.blog-edu-pager .bde-posts-pagination li { margin: 0; padding: 0; }
.blog-edu-pager .bde-posts-pagination ul a,
.blog-edu-pager .bde-posts-pagination ul span { display: inline-flex; align-items: center; justify-content: center; min-width: 35px; height: 40px; padding: 8px 10px; border-radius: 8px; font-size: 16px; line-height: 24px; font-weight: 500; color: #0d0c0c; text-decoration: none; }
.blog-edu-pager .bde-posts-pagination ul a:hover { background: #e8eefc; color: #013bce; }
.blog-edu-pager .bde-posts-pagination ul a.is-active,
.blog-edu-pager .bde-posts-pagination li.bde-posts-navigation-numbers--active a { background: #0a4df8; color: #f9f9f9; border-radius: 4px; font-size: 14px; line-height: 18px; font-weight: 600; }
.blog-edu-pager .bde-posts-pagination ul span.dots,
.blog-edu-pager .bde-posts-pagination ul .dots { color: #9a9898; }
.blog-edu-pager .bde-posts-prev-next-link { display: inline-flex; }
.blog-edu-pager .bde-posts-prev-next-link:empty { display: none; }
.blog-edu-pager .bde-posts-prev-next-link a { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 35px; padding: 0; border: 1px solid #9a9898; border-radius: 8px; font-size: 0; color: transparent; text-decoration: none; background: center / 10px 16px no-repeat; }
.blog-edu-pager .bde-posts-prev-next-link:first-child a { background-image: url('icons/page-prev.svg'); }
.blog-edu-pager .bde-posts-prev-next-link:last-child a { background-image: url('icons/page-next.svg'); }
.blog-edu-pager .bde-posts-prev-next-link a:hover { border-color: #0d0c0c; }
@media (max-width: 767px) {
	.blog-edu-pager .bde-posts-pagination { justify-content: center; }
}

/* Kartica: ikone v vrstici meta */
.blog-course-meta-item svg, .blog-course-rating svg, .blog-course-cta svg { flex: none; display: block; }

/* ===== Detajl tecaja: izpis kratkih kod ===== */
.blog-course-hero-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.blog-course-hero-meta .blog-course-badge { text-transform: none; }
.blog-course-hero-rating { display: inline-flex; align-items: center; gap: 12px; font-size: 14px; line-height: 20px; color: var(--cm-text-inverse); }
.blog-course-hero-stars { display: inline-flex; align-items: center; }
.blog-course-hero-stars svg { display: block; width: 18px; height: 16px; }
.blog-course-hero-mentor { display: flex; align-items: center; gap: 16px; color: var(--cm-text-inverse); }
.blog-course-hero-avatar { width: 48px; height: 48px; border-radius: 9999px; border: 2px solid var(--cm-border); object-fit: cover; flex: none; }
.blog-course-hero-mentor-text { display: flex; flex-direction: column; gap: 12px; }
.blog-course-hero-mentor-name { font-size: 14px; line-height: 20px; font-weight: 700; }
.blog-course-hero-mentor-name a { color: inherit; text-decoration: none; }
.blog-course-hero-mentor-sub { font-size: 14px; line-height: 20px; }
.blog-course-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.blog-course-hero-img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 30px; }

/* Gumbi */
.blog-course-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 16px 24px; border-radius: var(--cm-radius); border: 2px solid transparent; font-family: var(--cm-font), sans-serif; font-size: 16px; line-height: 24px; font-weight: 700; text-decoration: none; cursor: pointer; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.blog-course-btn svg { flex: none; display: block; }
.blog-course-btn-neon { background: var(--cm-neon); color: var(--cm-text); border-width: 0; min-height: 56px; }
.blog-course-btn-neon:hover { background: #a8f046; color: var(--cm-text); }
.blog-course-btn-ghost { border-color: var(--cm-text-inverse); color: var(--cm-text-inverse); min-height: 60px; }
.blog-course-btn-ghost:hover, .blog-course-btn-ghost[aria-pressed="true"] { background: rgba(249, 249, 249, .12); color: var(--cm-text-inverse); }
.blog-course-btn-primary { width: 100%; border-width: 0; background: var(--cm-violet-500); color: var(--cm-text-inverse); font-size: 14px; line-height: 20px; }
.blog-course-btn-primary:hover { background: var(--cm-violet-700); color: var(--cm-text-inverse); }
.blog-course-btn-outline-violet { width: 100%; border-color: var(--cm-violet-500); color: var(--cm-violet-500); }
.blog-course-btn-outline-violet:hover, .blog-course-btn-outline-violet[aria-pressed="true"] { background: var(--cm-surface-violet-subtle); color: var(--cm-violet-500); }
.blog-course-btn-outline-blue { width: 100%; border-color: var(--cm-blue-500); color: var(--cm-blue-600); font-size: 14px; line-height: 20px; }
.blog-course-btn-outline-blue:hover { background: var(--cm-surface-blue-subtle); color: var(--cm-blue-600); }
.blog-course-btn-strong { width: 100%; border-width: 0; background: var(--cm-violet-700); color: var(--cm-text-inverse); font-size: 14px; line-height: 20px; }
.blog-course-btn-strong:hover { background: var(--cm-violet-800); color: var(--cm-text-inverse); }

/* Kartice v desnem stolpcu */
.blog-course-card-box { display: flex; flex-direction: column; gap: 24px; padding: 24px; background: var(--cm-white); border-radius: var(--cm-radius-xl); box-shadow: 0 4px 12px rgba(0, 0, 0, .10); font-family: var(--cm-font), sans-serif; }
.blog-course-buy-wrap { display: flex; flex-direction: column; gap: 24px; }
.blog-course-box-title { margin: 0; font-family: var(--cm-font), sans-serif; font-size: 20px; line-height: 24px; font-weight: 700; color: var(--cm-text); }
.blog-course-video { position: relative; display: flex; align-items: center; justify-content: center; height: 186px; border-radius: var(--cm-radius-lg); overflow: hidden; background: linear-gradient(145.39deg, var(--cm-blue-600) 7.3%, var(--cm-violet-700) 90.7%); box-shadow: 0 4px 4px rgba(0, 0, 0, .25); }
.blog-course-video-play { display: block; width: 58px; height: 58px; padding: 0; border: 0; background: none; cursor: pointer; transition: transform .2s ease; }
.blog-course-video-play:hover { transform: scale(1.06); }
.blog-course-video-play svg { width: 58px; height: 58px; }
.blog-course-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.blog-course-buy-actions { display: flex; flex-direction: column; gap: 12px; }
.blog-course-details-list { display: flex; flex-direction: column; gap: 12px; }
.blog-course-detail-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 14px; line-height: 20px; color: var(--cm-text); }
.blog-course-detail-row > span:first-child { color: var(--cm-text-muted); }
.blog-course-detail-row a { color: var(--cm-blue-500); text-decoration: none; text-align: right; }
.blog-course-detail-row a:hover { text-decoration: underline; }
.blog-course-edu-card { gap: 16px; }
.blog-course-edu-person { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; }
.blog-course-edu-avatar { width: 80px; height: 80px; border-radius: 9999px; border: 4px solid var(--cm-blue-500); object-fit: cover; }
.blog-course-edu-name { font-size: 16px; line-height: 24px; font-weight: 700; color: var(--cm-text); }
.blog-course-edu-title { font-size: 14px; line-height: 20px; color: var(--cm-text-muted); }
.blog-course-edu-bio { margin: 0; font-size: 14px; line-height: 20px; color: var(--cm-text-muted); }
.blog-course-edu-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; text-align: center; }
.blog-course-edu-stat { display: flex; flex-direction: column; }
.blog-course-edu-stat strong { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--cm-text); }
.blog-course-edu-stat span { font-size: 14px; line-height: 20px; color: var(--cm-text-muted); }
.blog-course-prog { gap: 12px; }
.blog-course-prog-bar-wrap { display: flex; flex-direction: column; gap: 8px; }
.blog-course-prog-bar { position: relative; height: 8px; border-radius: 9999px; background: var(--cm-border); overflow: hidden; }
.blog-course-prog-bar span { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 9999px; background: var(--cm-blue-600); }
.blog-course-notice { margin: 0 0 24px; padding: 14px 18px; border-radius: var(--cm-radius); background: var(--cm-surface-violet-subtle); color: var(--cm-violet-700); font-size: 14px; line-height: 20px; font-weight: 600; }

/* Pregled tecaja */
.blog-course-ov { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.blog-course-ov-item { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.blog-course-ov-icon { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 9999px; background: linear-gradient(124.09deg, var(--cm-violet-500) 10%, var(--cm-violet-700) 89.2%); }
.blog-course-ov-icon-dark { background: linear-gradient(129.57deg, var(--cm-violet-700) 4.4%, var(--cm-violet-800) 94.8%); }
.blog-course-ov-icon-blue { background: linear-gradient(114.75deg, var(--cm-blue-500) 4.4%, var(--cm-blue-800) 92.5%); }
.blog-course-ov-icon svg { display: block; }
.blog-course-ov-value { font-size: 16px; line-height: 24px; font-weight: 700; color: var(--cm-text); }
.blog-course-ov-label { font-size: 14px; line-height: 20px; color: var(--cm-text-muted); }
.blog-course-learn { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; }
.blog-course-learn-col { display: flex; flex-direction: column; gap: 16px; margin: 0; padding: 0; list-style: none; }
.blog-course-learn-item { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; line-height: 24px; font-weight: 500; color: var(--cm-text-muted); }
.blog-course-learn-item svg { flex: none; margin-top: 3px; }
.blog-course-prereq { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; font-size: 16px; line-height: 24px; font-weight: 500; color: var(--cm-text-muted); }

/* Kurikulum */
.blog-course-cur-summary { font-size: 14px; line-height: 20px; color: var(--cm-text-muted); white-space: nowrap; }
.blog-course-cur { display: flex; flex-direction: column; gap: 16px; font-family: var(--cm-font), sans-serif; }
.blog-course-mod { border: 1px solid var(--cm-border); border-radius: var(--cm-radius); background: var(--cm-page); }
.blog-course-mod.is-open { background: transparent; }
.blog-course-mod-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; padding: 16px; border: 0; background: none; font-family: inherit; text-align: left; cursor: pointer; }
.blog-course-mod-title { font-size: 14px; line-height: 20px; font-weight: 700; color: var(--cm-text); }
.blog-course-mod-meta { font-size: 14px; line-height: 20px; color: var(--cm-text-muted); white-space: nowrap; }
.blog-course-mod-body { display: none; flex-direction: column; padding: 16px; }
.blog-course-mod.is-open .blog-course-mod-body { display: flex; }
.blog-course-les { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; color: inherit; text-decoration: none; }
a.blog-course-les:hover .blog-course-les-title { color: var(--cm-violet-500); }
.blog-course-les-main { display: flex; align-items: center; gap: 12px; min-width: 0; }
.blog-course-les-icon { display: flex; align-items: center; justify-content: center; flex: none; width: 32px; height: 32px; border-radius: 999px; background: linear-gradient(124.09deg, var(--cm-violet-500) 10%, var(--cm-violet-700) 89.2%); }
.blog-course-les-done .blog-course-les-icon { background: linear-gradient(129.57deg, var(--cm-violet-700) 4.4%, var(--cm-violet-800) 94.8%); }
.blog-course-les-done.blog-course-les-alt .blog-course-les-icon { background: linear-gradient(124.09deg, var(--cm-violet-500) 10%, var(--cm-violet-700) 89.2%); }
.blog-course-les-current .blog-course-les-icon { background: linear-gradient(114.75deg, var(--cm-blue-500) 4.4%, var(--cm-blue-800) 92.5%); }
.blog-course-les-icon svg { display: block; }
.blog-course-les-text { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.blog-course-les-title { font-size: 14px; line-height: 20px; font-weight: 700; color: var(--cm-text); transition: color .2s ease; }
.blog-course-les-sub { font-size: 14px; line-height: 20px; color: var(--cm-text-muted); }
.blog-course-les-locked:not(.blog-course-les-guest) .blog-course-les-title,
.blog-course-les-locked:not(.blog-course-les-guest) .blog-course-les-sub { color: var(--cm-text-subtle); }
.blog-course-les-time { display: inline-flex; align-items: center; gap: 8px; flex: none; font-size: 14px; line-height: 20px; color: var(--cm-text-subtle); }

@media (max-width: 1023px) {
	.blog-course-ov { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 32px; }
}
@media (max-width: 767px) {
	.blog-course-learn { grid-template-columns: minmax(0, 1fr); row-gap: 16px; }
	.blog-course-hero-actions { flex-direction: column; align-items: stretch; }
	.blog-course-mod-head { flex-direction: column; align-items: flex-start; gap: 4px; }
	.blog-course-les { align-items: flex-start; }
	.blog-course-les-time { padding-top: 6px; }
}

/* Detajl: izvlecek v glavi (wpautop doda <p>) */
.blog-course-hero-excerpt p { margin: 0; }
.blog-course-hero-excerpt p:empty { display: none; }

/* ===== Lekcija / enota (Figma 1493:4730) ===== */
.blog-lesson-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font-family: var(--cm-font), sans-serif; font-size: 14px; line-height: 20px; color: #4b5563; }
.blog-lesson-crumbs a { color: #4b5563; text-decoration: none; }
.blog-lesson-crumbs a:hover { color: var(--cm-violet-500); }
.blog-lesson-crumbs span[aria-current] { font-weight: 500; color: var(--cm-black); }
.blog-lesson-crumbs svg { display: block; flex: none; }

.blog-lesson-card { display: flex; flex-direction: column; gap: 16px; padding: 32px; background: var(--cm-white); border-radius: 16px; font-family: var(--cm-font), sans-serif; }
.blog-lesson-card-title { margin: 0; font-family: var(--cm-font), sans-serif; font-size: 20px; line-height: 28px; font-weight: 700; color: var(--cm-black); }

/* Stranski meni */
.blog-lesson-nav { position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--cm-header-h, 78px) + 24px); display: flex; flex-direction: column; max-height: calc(100vh - var(--cm-header-h, 78px) - 48px); background: var(--cm-white); border-radius: 0; overflow: visible; font-family: var(--cm-font), sans-serif; box-shadow: 0 1px 4px rgba(25, 33, 61, .08); }
.blog-lesson-nav-head { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 64px; padding: 16px 20px; background: var(--cm-blue-500); }
.blog-lesson-nav-course { display: flex; align-items: center; gap: 10px; color: var(--cm-white); font-size: 16px; line-height: 22px; font-weight: 700; text-decoration: none; }
.blog-lesson-nav-course:hover { color: var(--cm-white); text-decoration: underline; }
.blog-lesson-nav-course svg { flex: none; }
.blog-lesson-nav-collapse { display: flex; padding: 0; border: 0; background: none; cursor: pointer; margin-right: -34px; }
.blog-lesson-nav-collapse svg { display: block; transition: transform .2s ease; }
.blog-lesson-nav-body { overflow-y: auto; }
.blog-lesson-nav.is-collapsed .blog-lesson-nav-body { display: none; }
.blog-lesson-nav.is-collapsed .blog-lesson-nav-collapse svg { transform: rotate(180deg); }
.blog-lesson-nav-mod { border-bottom: 1px solid var(--cm-border); }
.blog-lesson-nav-mod-link { display: flex; align-items: flex-start; gap: 10px; padding: 16px 20px; color: var(--cm-text); font-size: 15px; line-height: 22px; font-weight: 500; text-decoration: none; }
.blog-lesson-nav-mod-link:hover { color: var(--cm-blue-500); }
.blog-lesson-nav-mod.is-open .blog-lesson-nav-mod-link { color: var(--cm-blue-500); font-weight: 600; padding-bottom: 8px; }
.blog-lesson-nav-dot { flex: none; width: 14px; height: 14px; margin-top: 4px; border: 2px solid #c7cbd1; border-radius: 9999px; background: var(--cm-white); }
.blog-lesson-nav-mod.is-open .blog-lesson-nav-mod-link .blog-lesson-nav-dot { border-color: var(--cm-blue-500); }
.blog-lesson-nav-dot.is-done { border-color: var(--cm-blue-500); background: var(--cm-blue-500) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M1 4l2.5 2.5L9 1' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3C/svg%3E") center / 8px no-repeat; }
.blog-lesson-nav-toggle { display: flex; align-items: center; gap: 8px; margin: 0 0 12px 44px; padding: 0; border: 0; background: none; font-family: inherit; font-size: 13px; line-height: 18px; font-weight: 700; color: var(--cm-text); cursor: pointer; }
.blog-lesson-nav-toggle svg { display: block; transition: transform .2s ease; }
.blog-lesson-nav-toggle[aria-expanded="false"] svg { transform: rotate(180deg); }
.blog-lesson-nav-sep { padding-left: 8px; border-left: 1px solid #c7cbd1; }
.blog-lesson-nav-topics { display: none; flex-direction: column; gap: 4px; padding: 16px 20px 16px 44px; background: #eceee6; }
.blog-lesson-nav-topics.is-open { display: flex; }
.blog-lesson-nav-topic { display: flex; align-items: flex-start; gap: 10px; padding: 6px 0; color: var(--cm-text); font-size: 13px; line-height: 19px; text-decoration: none; }
.blog-lesson-nav-topic:hover { color: var(--cm-blue-500); }
.blog-lesson-nav-topic .blog-lesson-nav-dot { width: 12px; height: 12px; margin-top: 3px; }
.blog-lesson-nav-topic.is-current { color: var(--cm-blue-500); font-weight: 600; }
.blog-lesson-nav-topic.is-current .blog-lesson-nav-dot { border-color: var(--cm-blue-500); }
.blog-lesson-nav-quiz svg { flex: none; margin-top: 1px; }

/* Video */
.blog-lesson-media { display: flex; flex-direction: column; background: var(--cm-black); border-radius: 16px; overflow: hidden; }
.blog-lesson-stage { position: relative; aspect-ratio: 811 / 456; overflow: hidden; }
.blog-lesson-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.blog-lesson-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, .4); pointer-events: none; }
.blog-lesson-video-play { position: absolute; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; padding: 0 0 0 6px; border: 0; border-radius: 9999px; background: #c238e2; transform: translate(-50%, -50%); cursor: pointer; transition: transform .2s ease; }
.blog-lesson-video-play:hover { transform: translate(-50%, -50%) scale(1.06); }
.blog-lesson-stage iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; z-index: 2; }
.blog-lesson-controls { display: flex; align-items: center; justify-content: space-between; height: 60px; padding: 16px 24px; }
.blog-lesson-controls-left, .blog-lesson-controls-right { display: flex; align-items: center; gap: 16px; color: var(--cm-white); font-size: 14px; line-height: 20px; }
.blog-lesson-controls svg { display: block; flex: none; }

/* Identiteta */
.blog-lesson-title-row { display: flex; align-items: flex-start; gap: 16px; }
.blog-lesson-title-col { display: flex; flex-direction: column; gap: 12px; flex: 1; min-width: 0; }
.blog-lesson-title { margin: 0; font-family: var(--cm-font), sans-serif; font-size: 30px; line-height: 36px; font-weight: 700; color: var(--cm-black); }
.blog-lesson-meta { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.blog-lesson-meta > span { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; line-height: 24px; color: #4b5563; }
.blog-lesson-meta svg { display: block; flex: none; }
.blog-lesson-tools { display: flex; gap: 16px; flex: none; }
.blog-lesson-tool { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 8px; background: var(--cm-page); cursor: pointer; transition: background-color .2s ease; }
.blog-lesson-tool:hover, .blog-lesson-tool.is-active { background: var(--cm-surface-blue-subtle); }
.blog-lesson-tool svg { display: block; }
.blog-lesson-instructor { display: flex; align-items: center; gap: 16px; padding-top: 16px; border-top: 1px solid #e5e7eb; }
.blog-lesson-instructor img { width: 48px; height: 48px; border-radius: 9999px; object-fit: cover; }
.blog-lesson-instructor div { display: flex; flex-direction: column; }
.blog-lesson-instructor-name { font-size: 16px; line-height: 24px; font-weight: 600; color: var(--cm-black); }
.blog-lesson-instructor-title { font-size: 14px; line-height: 20px; color: #4b5563; }

/* Napredek */
.blog-lesson-progress-head { display: flex; align-items: center; justify-content: space-between; }
.blog-lesson-progress-pct { font-size: 24px; line-height: 32px; font-weight: 700; color: var(--cm-blue-600); }
.blog-lesson-progress-bar { position: relative; height: 12px; border-radius: 9999px; background: #e5e7eb; overflow: hidden; }
.blog-lesson-progress-bar span { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 9999px; background: linear-gradient(90deg, #013bce, #7d0598); }
.blog-lesson-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.blog-lesson-stat { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 16px; border-radius: 8px; background: var(--cm-page); text-align: center; }
.blog-lesson-stat strong { font-size: 24px; line-height: 32px; font-weight: 700; }
.blog-lesson-stat span { font-size: 14px; line-height: 20px; color: #4b5563; }
.blog-lesson-stat-blue { color: #013bce; }
.blog-lesson-stat-violet { color: #7d0598; }
.blog-lesson-stat-pink { color: #c238e2; }

/* Pregled */
.blog-lesson-content { font-size: 16px; line-height: 26px; color: #374151; }
.blog-lesson-content p { margin: 0 0 16px; }
.blog-lesson-content p:last-child { margin-bottom: 0; }
.blog-lesson-subtitle { margin: 0; font-family: var(--cm-font), sans-serif; font-size: 18px; line-height: 28px; font-weight: 600; color: var(--cm-black); }
.blog-lesson-learn { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.blog-lesson-learn li { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; line-height: 24px; color: #374151; }
.blog-lesson-learn svg { flex: none; margin-top: 4px; }

/* Oznaci kot opravljeno */
.blog-lesson-steps { flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 32px; }
.blog-lesson-step-link { flex: 1; font-size: 14px; line-height: 20px; font-weight: 600; color: var(--cm-blue-600); text-decoration: none; }
.blog-lesson-step-link:hover { color: var(--cm-violet-500); }
.blog-lesson-step-next { text-align: right; }
.blog-lesson-steps > span { flex: 1; }
.blog-lesson-mark { display: flex; justify-content: center; }
.blog-lesson-mark form { margin: 0; }
.blog-lesson-mark input[type="submit"], .blog-lesson-mark .learndash_mark_complete_button, .blog-lesson-mark-btn { padding: 12px 24px; border: 0; border-radius: 8px; background: var(--cm-violet-500); color: var(--cm-text-inverse); font-family: var(--cm-font), sans-serif; font-size: 14px; line-height: 20px; font-weight: 700; cursor: pointer; }
.blog-lesson-mark input[type="submit"]:hover, .blog-lesson-mark .learndash_mark_complete_button:hover { background: var(--cm-violet-700); }
.blog-lesson-done-badge { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 8px; background: var(--cm-success-surface); color: #15803d; font-size: 14px; font-weight: 700; }
.blog-lesson-done-badge svg path { fill: #15803d; }
.blog-lesson-done-hint { font-size: 14px; color: #4b5563; }

/* Gradiva */
.blog-lesson-materials { gap: 24px; }
.blog-lesson-mat-list { display: flex; flex-direction: column; gap: 16px; }
.blog-lesson-mat { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px; border-radius: 8px; background: var(--cm-page); }
.blog-lesson-mat-info { display: flex; align-items: center; gap: 16px; min-width: 0; }
.blog-lesson-mat-info > div { display: flex; flex-direction: column; min-width: 0; }
.blog-lesson-mat-icon { display: flex; align-items: center; justify-content: center; flex: none; width: 48px; height: 48px; border-radius: 8px; background: rgba(194, 56, 226, .1); }
.blog-lesson-mat-icon-mat-pptx { background: rgba(1, 59, 206, .1); }
.blog-lesson-mat-icon-mat-xlsx { background: #dcfce7; }
.blog-lesson-mat-icon-mat-txt { background: rgba(125, 5, 152, .1); }
.blog-lesson-mat-title { font-size: 16px; line-height: 24px; font-weight: 600; color: var(--cm-black); }
.blog-lesson-mat-meta { font-size: 14px; line-height: 20px; color: #4b5563; }
.blog-lesson-mat-btn { display: inline-flex; align-items: center; gap: 8px; flex: none; height: 40px; padding: 8px 20px; border-radius: 8px; background: #013bce; color: var(--cm-white); font-size: 16px; font-weight: 500; text-decoration: none; transition: background-color .2s ease; }
.blog-lesson-mat-btn:hover { background: var(--cm-blue-800); color: var(--cm-white); }

/* Kviz */
.blog-lesson-quiz { display: flex; align-items: flex-start; gap: 24px; padding: 32px; border-radius: 16px; background: linear-gradient(161.97deg, #013bce 0%, #7d0598 70.7%); font-family: var(--cm-font), sans-serif; }
.blog-lesson-quiz-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; flex: 1; min-width: 0; }
.blog-lesson-quiz-title { margin: 0; font-family: var(--cm-font), sans-serif; font-size: 24px; line-height: 32px; font-weight: 700; color: var(--cm-white); }
.blog-lesson-quiz-text { margin: 0; font-size: 16px; line-height: 24px; color: var(--cm-white); }
.blog-lesson-quiz-meta { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.blog-lesson-quiz-meta span { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; line-height: 24px; color: var(--cm-white); }
.blog-lesson-quiz-meta svg { flex: none; display: block; }
.blog-lesson-quiz-btn { display: inline-flex; align-items: center; gap: 10px; height: 48px; padding: 12px 24px; border-radius: 8px; background: var(--cm-neon); color: #013bce; font-size: 16px; font-weight: 600; text-decoration: none; }
.blog-lesson-quiz-btn:hover { background: #a8f046; color: #013bce; }
.blog-lesson-quiz-badge { display: flex; align-items: center; justify-content: center; flex: none; width: 96px; height: 96px; border-radius: 9999px; background: rgba(255, 255, 255, .2); }

/* Mnenja */
.blog-lesson-reviews { gap: 24px; }
.blog-lesson-rating-sum { display: flex; gap: 32px; padding-bottom: 24px; border-bottom: 1px solid #e5e7eb; }
.blog-lesson-rating-big { display: flex; flex-direction: column; align-items: center; gap: 8px; flex: none; width: 90px; }
.blog-lesson-rating-big strong { font-size: 48px; line-height: 48px; font-weight: 700; color: var(--cm-black); }
.blog-lesson-rating-big > span:last-child { font-size: 14px; line-height: 20px; color: #4b5563; white-space: nowrap; }
.blog-lesson-stars { display: inline-flex; align-items: center; gap: 1.5px; }
.blog-lesson-stars svg { display: block; }
.blog-lesson-stars-sm svg { width: 12.4px; height: 12px; }
.blog-lesson-rating-dist { display: flex; flex-direction: column; gap: 8px; flex: 1; min-width: 0; }
.blog-lesson-dist-row { display: flex; align-items: center; gap: 12px; font-size: 14px; line-height: 20px; color: #4b5563; }
.blog-lesson-dist-row > span:first-child { width: 48px; flex: none; }
.blog-lesson-dist-row > span:last-child { width: 48px; flex: none; text-align: right; }
.blog-lesson-dist-bar { position: relative; flex: 1; height: 8px; }
.blog-lesson-dist-bar span { position: absolute; left: 0; top: 0; bottom: 0; min-width: 5px; border-radius: 9999px; background: #facc15; }
.blog-lesson-review-list { display: flex; flex-direction: column; gap: 24px; }
.blog-lesson-review { display: flex; align-items: flex-start; gap: 16px; }
.blog-lesson-review.is-hidden { display: none; }
.blog-lesson-review > img { flex: none; width: 48px; height: 48px; border-radius: 9999px; object-fit: cover; }
.blog-lesson-review-body { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.blog-lesson-review-head { display: flex; flex-direction: column; }
.blog-lesson-review-name { font-size: 16px; line-height: 24px; font-weight: 600; color: var(--cm-black); }
.blog-lesson-review-sub { display: inline-flex; align-items: center; gap: 12px; font-size: 14px; line-height: 20px; color: #4b5563; }
.blog-lesson-review-text { font-size: 16px; line-height: 24px; color: #374151; }
.blog-lesson-review-text p { margin: 0; }
.blog-lesson-review-actions { display: flex; gap: 16px; padding-top: 4px; }
.blog-lesson-review-actions a { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; line-height: 20px; color: #4b5563; text-decoration: none; }
.blog-lesson-review-actions a:hover { color: var(--cm-violet-500); }
.blog-lesson-more { width: 100%; height: 48px; border: 0; border-radius: 8px; background: var(--cm-page); font-family: var(--cm-font), sans-serif; font-size: 16px; font-weight: 500; color: var(--cm-black); cursor: pointer; }
.blog-lesson-more:hover { background: var(--cm-border); }

/* Razprava */
.blog-lesson-discussion { gap: 24px; }
.blog-lesson-form { display: flex; flex-direction: column; gap: 16px; margin: 0; }
.blog-lesson-form textarea { width: 100%; min-height: 122px; padding: 11px 15px; border: 1px solid #e5e7eb; border-radius: 8px; font-family: var(--cm-font), sans-serif; font-size: 16px; line-height: 24px; color: var(--cm-text); resize: vertical; }
.blog-lesson-form textarea::placeholder { color: #adaebc; }
.blog-lesson-form textarea:focus { outline: none; border-color: var(--cm-violet-500); }
.blog-lesson-form-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.blog-lesson-rate { display: flex; align-items: center; gap: 12px; font-size: 14px; color: #4b5563; }
.blog-lesson-rate-stars { display: inline-flex; flex-direction: row-reverse; }
.blog-lesson-rate-stars input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.blog-lesson-rate-stars label { padding: 2px; cursor: pointer; }
.blog-lesson-rate-stars label svg { width: 18px; height: 18px; filter: grayscale(1) opacity(.45); transition: filter .15s ease; }
.blog-lesson-rate-stars input:checked ~ label svg, .blog-lesson-rate-stars label:hover svg, .blog-lesson-rate-stars label:hover ~ label svg { filter: none; }
.blog-lesson-form-btn { padding: 12px 28px; border: 0; border-radius: 8px; background: var(--cm-violet-500); color: var(--cm-text-inverse); font-family: var(--cm-font), sans-serif; font-size: 14px; line-height: 20px; font-weight: 700; cursor: pointer; }
.blog-lesson-form-btn:hover { background: var(--cm-violet-700); }

@media (max-width: 1023px) {
	.blog-lesson-nav { position: static; max-height: none; }
	.blog-lesson-nav-collapse { margin-right: 0; }
	.blog-lesson-nav-body { max-height: 420px; }
}
@media (max-width: 767px) {
	.blog-lesson-card, .blog-lesson-quiz { padding: 24px 20px; }
	.blog-lesson-title { font-size: 24px; line-height: 30px; }
	.blog-lesson-title-row { flex-direction: column; }
	.blog-lesson-stats { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.blog-lesson-mat { flex-direction: column; align-items: stretch; }
	.blog-lesson-mat-btn { justify-content: center; }
	.blog-lesson-quiz-badge { display: none; }
	.blog-lesson-rating-sum { flex-direction: column; gap: 16px; }
	.blog-lesson-rating-big { width: auto; align-items: flex-start; }
	.blog-lesson-steps { flex-direction: column; align-items: stretch; text-align: center; }
	.blog-lesson-step-next { text-align: center; }
	.blog-lesson-controls-right { display: none; }
}

/* Prazni izhodi kratkih kod ne smejo zasedati razmika */
.blog-lesson-pg-main > .bde-shortcode:empty, .blog-course-side > .bde-shortcode:empty, .blog-course-main > .bde-shortcode:empty { display: none; }

/* ===== Educate LP: vrstica filtrov in stevci ===== */
.blog-edu-fbar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; font-family: var(--cm-font), sans-serif; }
.blog-edu-fbar-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.blog-edu-fbar-label { font-size: 16px; line-height: 24px; font-weight: 700; color: var(--cm-text); }
.blog-edu-lp-stat-num { background: linear-gradient(155.6deg, #d20dff 10%, #8200a0 89.2%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.blog-edu-lp-stat-num-dark { background: linear-gradient(153.8deg, #7d0598 4.4%, #4a025b 94.8%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
@media (max-width: 1023px) {
	.blog-edu-fbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.blog-edu-fbar { grid-template-columns: minmax(0, 1fr); }
}