/* ==========================================================================
   Predstavitve: vrste datotek, prikazi, zaklepanje, pregledovalnik.
   Osnovne kartice (.pres-card) so v blocks-data.css.
   ========================================================================== */

/* Barve vrst datotek */
.pres-kind--pdf, .pres-icon--pdf, .pres-type--pdf { --pres-c: #d93025; }
.pres-kind--slides, .pres-icon--slides, .pres-type--slides { --pres-c: #e8710a; }
.pres-kind--doc, .pres-icon--doc, .pres-type--doc { --pres-c: #1a73e8; }
.pres-kind--sheet, .pres-icon--sheet, .pres-type--sheet { --pres-c: #188038; }
.pres-kind--archive, .pres-icon--archive, .pres-type--archive { --pres-c: #6f42c1; }
.pres-kind--video, .pres-icon--video, .pres-type--video { --pres-c: #c2185b; }
.pres-kind--other, .pres-icon--other, .pres-type--other, .pres-kind--none { --pres-c: #5f6368; }

.pres-card__icon[class*="pres-icon--"] { background: color-mix(in srgb, var(--pres-c) 12%, transparent); color: var(--pres-c); }
.surface.is-dark .pres-card__icon[class*="pres-icon--"] { background: color-mix(in srgb, var(--pres-c) 30%, transparent); color: #fff; }
.pres-type { display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px; border-radius: 7px; background: color-mix(in srgb, var(--pres-c) 12%, transparent); color: var(--pres-c); font-size: .72rem; line-height: 1.4; white-space: nowrap; }
.pres-type strong { font-weight: 800; letter-spacing: .04em; }
.pres-type small { color: var(--s-soft); font-size: .72rem; font-weight: 500; }
.surface.is-dark .pres-type { color: #fff; background: color-mix(in srgb, var(--pres-c) 35%, transparent); }
.pres-card__type { flex: none; }
.pres-card__meta { margin: 4px 0 0; }
.pres-card__names { margin: 0; color: var(--s-soft); font-size: .9rem; }
.pres-card__actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.pres-btn .icon { width: 16px; height: 16px; }

/* Program (01, 02 …) */
.pres-card--program { flex-direction: row; align-items: center; gap: 22px; padding: 20px 24px; border-left: 4px solid var(--pres-c); }
.pres-card__num { flex: none; min-width: 2.2ch; color: color-mix(in srgb, var(--s-heading) 22%, transparent); font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 800; line-height: 1; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.pres-card--program .pres-card__title { font-size: 1.12rem; }
@media (max-width: 640px) {
	.pres-card--program { flex-wrap: wrap; gap: 12px 16px; }
	.pres-card--program .pres-card__actions { width: 100%; }
}

/* Kompaktno */
.pres-list--compact { gap: 0; border: 1px solid var(--s-border); border-radius: var(--radius); overflow: hidden; background: var(--s-card); }
.pres-card--compact { flex-direction: row; align-items: center; gap: 12px; padding: 10px 16px; border-radius: 0; box-shadow: none !important; background: transparent; border-top: 1px solid var(--s-border); }
.pres-card--compact:first-child { border-top: 0; }
.pres-card--compact:hover { transform: none; background: color-mix(in srgb, var(--s-heading) 3%, transparent); }
.pres-card__line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 0; }
.pres-card--compact .pres-card__title { font-size: .97rem; font-weight: 650; }
.pres-card--compact .pres-card__names { font-size: .85rem; }
.pres-card--compact .pres-btn { min-height: 34px; padding: 6px 10px; }
@media (max-width: 640px) { .pres-card--compact { flex-wrap: wrap; } .pres-card--compact .pres-card__actions { width: auto; } .pres-card--compact .pres-card__actions .btn { width: auto; } }

/* Zaklenjeno */
.pres-card.is-locked { opacity: .82; }
.pres-card.is-locked .pres-card__icon { background: var(--s-chip); color: var(--s-soft); }
.pres-locked { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: var(--s-chip); color: var(--s-soft); font-size: .84rem; font-weight: 650; text-decoration: none; }
.pres-locked .icon { width: 15px; height: 15px; }
.pres-locked:hover { color: var(--s-heading); }

.pres-public-head { margin: 0 0 16px; font-size: 1.1rem; }

.pres-note { display: flex; align-items: center; gap: 8px; margin: 0 0 18px; padding: 10px 14px; border-radius: var(--radius-sm); background: color-mix(in srgb, var(--c-primary) 7%, transparent); color: var(--s-heading); font-size: .9rem; }
.pres-note .icon { width: 18px; height: 18px; color: var(--s-accent); flex: none; }
.pres-empty { margin: 12px 0; color: var(--s-soft); }
.pres-section + .pres-section { margin-top: clamp(28px, 4vw, 48px); }

/* Pregledovalnik */
.pres-viewer { position: fixed; inset: 0; z-index: 1000; display: flex; flex-direction: column; background: rgb(6 10 16 / 92%); }
.pres-viewer__bar { display: flex; align-items: center; gap: 8px; padding: 10px 14px; color: #fff; }
.pres-viewer__title { flex: 1; min-width: 0; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 650; }
.pres-viewer__btn { display: inline-flex; align-items: center; min-height: 38px; padding: 6px 14px; border: 1px solid rgb(255 255 255 / 25%); border-radius: 999px; background: transparent; color: #fff; font: inherit; font-size: .88rem; text-decoration: none; cursor: pointer; }
.pres-viewer__btn:hover { background: rgb(255 255 255 / 12%); }
.pres-viewer__close { width: 38px; justify-content: center; padding: 0; font-size: 1.4rem; line-height: 1; }
.pres-viewer__frame { flex: 1; width: 100%; border: 0; background: #fff; }
.pres-viewer:fullscreen .pres-viewer__bar { padding: 6px 10px; }