/* Prva stran po vzoru ucenje.azi.si (naložen samo tam) */
.prva-stran .site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 50; background: transparent; border-bottom: 0; transition: background .2s, box-shadow .2s; }
.prva-stran .site-header .site-nav a, .prva-stran .site-header .nav-user, .prva-stran .site-header .nav-user a, .prva-stran .site-header .nav-toggle { color: #fff; }
.prva-stran .site-header .nav-user { border-left-color: rgba(255,255,255,.3); }
.prva-stran .site-header .site-logo img { content: url(images/logo-white.svg); }
.prva-stran .site-header.is-scrolled { background: #fff; box-shadow: 0 1px 0 var(--border); }
.prva-stran .site-header.is-scrolled .site-nav a, .prva-stran .site-header.is-scrolled .nav-user, .prva-stran .site-header.is-scrolled .nav-user a, .prva-stran .site-header.is-scrolled .nav-toggle { color: var(--text); }
.prva-stran .site-header.is-scrolled .nav-user a:hover, .prva-stran .site-header.is-scrolled .site-nav a:hover { color: var(--primary); }
.prva-stran .site-header.is-scrolled .site-logo img { content: url(images/logo.svg); }
.prva-stran .site-header.is-scrolled .nav-user { border-left-color: var(--border); }
.prva-stran .site-header .site-nav .sub-menu a, .prva-stran .site-header .site-nav .children a { color: var(--text); }
.prva-stran .site-header .site-nav .sub-menu a:hover, .prva-stran .site-header .site-nav .sub-menu a:focus, .prva-stran .site-header .site-nav .children a:hover, .prva-stran .site-header .site-nav .children a:focus { color: var(--primary); }
.prva-stran .site-header .nav-user a.btn, .prva-stran .site-header.is-scrolled .nav-user a.btn { color: #fff; }
.prva-stran .site-header .nav-user a.btn--odjava { border-color: #fff; color: #fff; }
.prva-stran .site-header .nav-user a.btn--odjava:hover, .prva-stran .site-header .nav-user a.btn--odjava:focus { background: #fff; color: var(--primary); }
.prva-stran .site-header.is-scrolled .nav-user a.btn--odjava { border-color: var(--primary); color: var(--primary); }
.prva-stran .site-header.is-scrolled .nav-user a.btn--odjava:hover, .prva-stran .site-header.is-scrolled .nav-user a.btn--odjava:focus { background: var(--primary); color: #fff; }
@media (max-width: 991px) { .prva-stran .site-header .site-nav.is-open { background: #fff; margin: 0 calc(-1 * var(--gutter)); padding: .5rem var(--gutter) 1rem; }
  .prva-stran .site-header .site-nav.is-open a { color: var(--text); } }

.hero--full { min-height: 100vh; overflow: hidden; }
.hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.hero--full::before { z-index: 1; }
.hero--full .container { z-index: 2; }
.hero--full h1 { font-size: clamp(2rem, 1rem + 3vw, 4rem); font-weight: 700; }
.hero--full p { font-weight: 300; font-size: 1.15rem; color: rgba(255,255,255,.7); margin-bottom: 2.5rem; }
@media (prefers-reduced-motion: reduce) { .hero-video { display: none; } }

.prijava { display: flex; gap: .5rem; flex-wrap: wrap; margin: 2rem 0 .5rem; }
.prijava input { flex: 1 1 14rem; height: 3.25rem; font-size: 1.1rem; border: 0; }
.prijava input:focus { box-shadow: 0 0 0 3px rgba(255,255,255,.4); }
.prijava .btn { height: 3.25rem; padding: 0 1.75rem; }
.notice--light { background: rgba(255,255,255,.2); color: #fff; }

#predmeti { padding: 6rem 0; }
.predmeti { list-style: none; margin: 0; padding: 0; display: grid; gap: 2rem; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); text-align: center; }
.predmet-ikona { display: inline-block; width: 4rem; height: 4rem; color: var(--primary); margin-bottom: 1rem; }
.predmet-ikona svg { width: 100%; height: 100%; }
.predmet h3 { font-size: 1.35rem; } .predmet h3 a { color: var(--text); } .predmet p { color: var(--muted); }

.portfolio { display: grid; grid-template-columns: repeat(3, 1fr); }
@media (max-width: 991px) { .portfolio { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .portfolio { grid-template-columns: 1fr; } }
.portfolio-box { position: relative; display: block; overflow: hidden; outline: none; }
.portfolio-box img { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 3 / 2; }
.portfolio-caption { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(255,14,90,.9); color: #fff; opacity: 0; transition: opacity .2s; text-align: center; }
.portfolio-box:hover .portfolio-caption, .portfolio-box:focus .portfolio-caption { opacity: 1; }
.portfolio-faza { font-size: .9rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; opacity: .8; }
.portfolio-ime { font-family: var(--font-head); font-size: 1.4rem; }

.section--dark { background: #212529; color: #fff; text-align: center; padding: 6rem 0; }
.section--dark h2, .section--dark a { color: #fff; }
.section--dark .section-title::after { background: var(--primary); }
.section--dark a:hover { color: var(--primary); }
.kontakt-ikona svg { width: 3rem; height: 3rem; }
html { scroll-behavior: smooth; }

/* Fiksna glava pod WP admin vrstico (32 px, pod 783 px 46 px) */
.prva-stran.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .prva-stran.admin-bar .site-header { top: 46px; } }