/* =====================================================================
   PODSTRANI + KRAJŠANJE DOMAČE STRANI – Verzija 4 (29. 10. 2026)
   pt-more: povezava »Več …« na domači strani; pg-*: ogrodje novih podstrani
   ===================================================================== */

/* Povezava »Več …« (deluje na temni in svetli podlagi) */
.pt-more-w{display:flex;justify-content:center;margin-top:clamp(28px,3vw,44px)}
.pt-more-w.is-left{justify-content:flex-start}
.pt-more{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:12px 14px 12px 22px;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 26%,transparent);background:color-mix(in srgb,currentColor 5%,transparent);color:inherit;font:600 15.5px/1.25 var(--x-sans);text-decoration:none;transition:background-color .3s var(--x-ease),border-color .3s var(--x-ease),transform .3s var(--x-ease)}
.pt-more:hover{background:color-mix(in srgb,currentColor 11%,transparent);border-color:color-mix(in srgb,currentColor 45%,transparent)}
.pt-more:focus-visible{outline:3px solid #7FDBFF;outline-offset:3px}
.pt-more small{font-weight:500;opacity:.7}
.pt-more .pt-more-i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#38B6FF,#1E6FD9);color:#fff;flex:none;transition:transform .3s var(--x-ease)}
.pt-more:hover .pt-more-i{transform:translateX(3px)}
.pt-more .pt-more-i svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-reduced-motion:reduce){.pt-more,.pt-more .pt-more-i{transition:none}}

/* Podstrani: drobtinice pod glavo */
.pg-top{position:relative;z-index:2;background:#040B16;color:rgba(232,240,248,.72);padding:16px 0 14px;border-bottom:1px solid rgba(169,233,255,.1)}
.pg-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:600 13px/1.3 var(--x-sans)}
.pg-crumbs a{color:#7FDBFF;text-decoration:none}
.pg-crumbs a:hover{text-decoration:underline}
.pg-crumbs [aria-current]{color:#fff}
@media (min-width:1024px){
  .pg-top{padding-top:calc(var(--pg-head,92px) + 14px)}
  .pg-top + .sec{padding-top:clamp(64px,5vw,104px)}
}

/* Podstrani: zaključni poziv */
.pg-end{position:relative;overflow:hidden;background:radial-gradient(60% 120% at 85% 0%,rgba(30,111,217,.32),transparent 60%),linear-gradient(180deg,#071628,#040B16);color:#E8F0F8;padding:clamp(56px,6vw,96px) 0}
.pg-end-in{display:grid;gap:22px;align-items:center}
.pg-end-in > div:first-child{display:grid;gap:14px}
.pg-end h2{margin:0;font:300 clamp(30px,2.2vw + 14px,48px)/1.08 Manrope,var(--x-sans);letter-spacing:-.015em;color:#fff}
.pg-end h2 em{font-style:normal;color:#7FDBFF}
.pg-end p{margin:0;max-width:36em;font:400 16.5px/1.55 var(--x-sans);color:rgba(232,240,248,.8)}
.pg-end-btns{display:flex;flex-wrap:wrap;gap:12px}
@media (min-width:1024px){.pg-end-in{grid-template-columns:minmax(0,1.3fr) auto;gap:48px}}

/* ---------- Verzija 5: »Iz naše ambulante« – dva prava posnetka na domači strani ---------- */
.pt-vids{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);max-width:980px;margin:clamp(36px,4vw,56px) auto clamp(28px,3vw,44px)}
.pt-vid{position:relative;margin:0;border-radius:clamp(20px,2vw,28px);overflow:hidden;background:#040B16;aspect-ratio:4/5;isolation:isolate;box-shadow:0 40px 80px -40px rgba(0,0,0,.85),0 0 0 1px rgba(169,233,255,.14)}
.pt-vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pt-vid::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(4,11,22,.86) 0%,rgba(4,11,22,.35) 30%,rgba(4,11,22,0) 52%)}
.pt-vid-tag,.pt-vid-live{position:absolute;z-index:2;top:16px;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:rgba(4,11,22,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(169,233,255,.22);color:#fff;font:600 12.5px/1.2 var(--x-sans)}
.pt-vid-tag{left:16px}
.pt-vid-tag .ico{width:15px;height:15px;color:#7FDBFF}
.pt-vid-live{right:16px}
.pt-vid-live i{width:8px;height:8px;border-radius:50%;background:#3BE38C;box-shadow:0 0 8px #3BE38C}
.pt-vid-btn{position:absolute;z-index:2;right:16px;top:58px;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:rgba(4,11,22,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer}
.pt-vid-btn:focus-visible{outline:3px solid #7FDBFF;outline-offset:2px}
.pt-vid-btn svg{width:16px;height:16px;fill:currentColor}
.pt-vid-btn .pv-play{display:none}
.pt-vid-btn[aria-pressed="true"] .pv-play{display:block}
.pt-vid-btn[aria-pressed="true"] .pv-pause{display:none}
.pt-vid figcaption{position:absolute;z-index:2;left:clamp(16px,1.8vw,24px);right:clamp(16px,1.8vw,24px);bottom:clamp(16px,1.8vw,24px);display:grid;gap:6px;color:#fff}
.pt-vid figcaption b{font:700 clamp(16px,.4vw + 14px,19px)/1.3 var(--x-sans)}
.pt-vid figcaption span{font:400 clamp(14px,.3vw + 12.5px,15.5px)/1.5 var(--x-sans);color:rgba(232,240,248,.86)}
.pt-vid figcaption em{font-style:normal;font-weight:700;color:#7FDBFF}
@media (max-width:719.98px){
  .pt-vids{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--gutter,20px) * -1);padding:0 var(--gutter,20px) 6px;scrollbar-width:none}
  .pt-vids::-webkit-scrollbar{display:none}
  .pt-vid{flex:0 0 82%;scroll-snap-align:center}
  .pt-vid-live{display:none}
}