/* Prva stran (domov.html): temen uvod, ena barvna shema (črna + rumena + papir). Dopolnjuje stil.css. */
.glava.t{background:var(--crnilo);border-bottom:1px solid #2A2E35;color:#fff}
.glava.t .ime span{color:#9AA0A8}
.glava.t .meni a{color:#C9CDD3}
.glava.t .meni a:hover{color:#fff}
.hero-t{background:var(--crnilo);color:#fff;padding:72px 0 88px}
.hero-t .ovoj{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.hero-t .nadnaslov{font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--rumena);margin-bottom:18px}
.hero-t h1{font-size:clamp(38px,5vw,64px);max-width:14ch}
.hero-t .vodilo{font-size:clamp(19px,1.8vw,22px);color:#C9CDD3;max-width:24em;margin-top:24px}
.hero-t .kompozicija{position:relative;padding:0 54px 44px 0}
.hero-t .kompozicija .telefon{position:absolute;right:0;bottom:0;width:31%;max-width:180px;border-radius:26px;padding:7px;background:#2A2E35;box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.hero-t .kompozicija .telefon img{border-radius:20px}
.hero-t .okno{border-color:#2A2E35;box-shadow:0 30px 70px -30px rgba(0,0,0,.8)}
.gumb.prazen-t{background:transparent;border-color:#5C6168;color:#fff}
.gumb.prazen-t:hover{background:#fff;border-color:#fff;color:var(--crnilo)}

.ponudba{padding:72px 0 64px;background:var(--papir)}
.ponudba .naslov-p{font-size:clamp(34px,4.4vw,54px)}
.uvod-p{font-size:20px;color:var(--siva);margin-top:10px}
.pregled-p{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.pregled-p a{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;text-decoration:none;background:var(--bela);border:1.5px solid var(--crta);border-radius:10px;padding:18px 20px;transition:border-color .2s,transform .2s}
.pregled-p a:hover{border-color:var(--crnilo);transform:translateY(-2px)}
.pregled-p b{grid-row:span 2;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--crnilo);color:#fff;font-size:17px}
.pregled-p span{font-weight:800;font-size:18px;line-height:1.2}
.pregled-p small{font-size:14.5px;color:var(--siva)}
.p-blok{padding:72px 0 80px;border-top:1px solid var(--crta);scroll-margin-top:0}
.p-blok.b1,.p-blok.b3{background:var(--bela)}
.p-blok.b2{background:var(--papir)}
.p-glava{display:flex;justify-content:space-between;align-items:flex-start;gap:16px 40px;flex-wrap:wrap;margin-bottom:30px}
.p-glava h3{font-size:clamp(26px,3.2vw,38px)}
.p-glava p{color:#2B2F35;margin-top:10px;max-width:32em}
.st-p{display:inline-block;font-weight:800;font-size:14px;background:var(--crnilo);color:#fff;border-radius:50%;width:32px;height:32px;line-height:32px;text-align:center;margin-bottom:14px}
.p-glava .cena-vrst{background:#F1F1EE;color:var(--crnilo);border:1px solid var(--crta)}

.izbira{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:36px}
.kartica{background:var(--bela);border:1.5px solid var(--crnilo);border-radius:10px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.kartica h4{margin:0;font-weight:800;font-size:24px;letter-spacing:-.01em}
.kartica p{color:#2B2F35}
.kartica.glavna-k{background:#FFF7CC;border-color:#E9D56B;color:var(--crnilo)}
.kartica.glavna-k p{color:#2B2F35}
.kartica .gumb{margin-top:auto}
.kartica.glavna-k .gumb{margin-top:auto;background:var(--crnilo);border-color:var(--crnilo);color:#fff}
.kartica.glavna-k .gumb:hover{background:#2A2E35;border-color:#2A2E35}
.p-blok .dela{margin-top:8px}
.p-blok:last-of-type{padding-bottom:80px}
.kontakt .obr .gumb{width:100%}
.p-blok .tri-tel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:780px;align-items:start}
.p-blok .tri-tel figure:nth-child(2){margin-top:48px}
.p-blok .tri-tel figcaption{font-size:14.5px}
/* programi: v isti shemi kot ostalo, brez rumene površine */
.p-blok .koraki-prog{border-top:2px solid var(--crnilo)}
.p-blok .koraki-prog li:last-child{background:#FFF7CC;color:var(--crnilo);padding-left:14px;border-radius:0 0 6px 6px;padding-bottom:14px}

@media (max-width:900px){
  .hero-t{padding:44px 0 52px}
  .hero-t .ovoj{grid-template-columns:1fr;gap:36px}
  .hero-t .kompozicija{padding:0 34px 30px 0}
  .ponudba{padding:48px 0 40px}
  .pregled-p{grid-template-columns:1fr;gap:10px;margin-top:24px}
  .p-blok{padding:44px 0 52px}
  .izbira{grid-template-columns:1fr}
  .p-blok .tri-tel{gap:10px}
  .p-blok .tri-tel figure:nth-child(2){margin-top:28px}
  .p-blok .tri-tel figcaption{font-size:13px}
  .kartica{padding:22px 18px}
}

.k-cena{margin:14px 0 0;font-size:15px;color:var(--siva)}
.k-cena b{color:var(--crnilo);font-weight:800}

/* Poglej si svojo stran (koda) */
.meni-koda{font:inherit;font-weight:700;font-size:15px;color:var(--crnilo);background:var(--rumena);border:0;border-radius:8px;padding:9px 14px;cursor:pointer;margin-left:8px;white-space:nowrap}
.meni-koda:hover{background:#F2C900}
.koda-dlg{border:0;border-radius:16px;padding:0;max-width:440px;width:calc(100% - 32px);box-shadow:0 30px 80px -20px rgba(0,0,0,.45);background:#fff;color:var(--crnilo)}
.koda-dlg::backdrop{background:rgba(15,17,20,.6)}
.koda-obr{display:grid;gap:12px;padding:28px 26px 24px;position:relative}
.koda-obr h2{margin:0;font-size:26px;line-height:1.15}
.koda-obr p{margin:0;color:#4a4d55}
.koda-obr label span{font-weight:700;font-size:14px}
.koda-obr input{font:inherit;font-size:26px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-align:center;padding:14px;border:2px solid var(--crnilo);border-radius:10px;width:100%}
.koda-obr .gumb{width:100%}
.koda-zapri{position:absolute;top:10px;right:12px;background:none;border:0;font-size:28px;line-height:1;cursor:pointer;color:#555}
.koda-st{min-height:1.4em;font-weight:600}
.koda-st.napaka{color:#b3261e}
.koda-st.uspeh{color:#2f6b3a}
.koda-pod{font-size:14px}
@media(max-width:700px){.meni-koda{margin-left:0;padding:8px 12px;font-size:14px}}