/* /soncna-elektrarna/ — preslikava v svet OBRAČUN.

   Ta stran je nastala v Pinegrowu kot samostojna datoteka z 20 kB lastnega
   sloga in ni bila nikoli del oblikovnega sistema. Njene oznake in vsebina
   ostanejo nedotaknjene; zamenja se samo svet.

   Nalaga se ZA vgrajenim slogom strani, zato zadošča preslikava spremenljivk
   in izklop okrasa. Nič ni izbrisano iz same datoteke — popravek je
   povraten z odstranitvijo ene povezave.                                     */

/* ---- 1. spremenljivke ---- */
:root{
  --gold:#4A3A8C;        /* nekdanja rumena je zdaj žig */
  --orange:#4A3A8C;      /* drugega poudarka ta svet nima */
  --bg:#F2F0E6;          /* papir */
  --bg2:#EDEBE0;
  --bg3:#FBFAF4;         /* dvignjen list */
  --text:#17190F;        /* črnilo */
  --text-dim:#4C5041;
}

body{
  background:var(--bg);color:var(--text);
  font-family:'Public Sans','Segoe UI',system-ui,sans-serif;
}
h1,h2,h3,h4,h5{font-family:'Archivo','Public Sans',sans-serif;font-weight:700;letter-spacing:-.015em}

/* ---- 2. izklop okrasa ----
   Prelivi v besedilu, sij, lebdeče krogle in utripanje: vse to je bilo
   dvajset ponovitev istega učinka. V tem svetu težo nosita velikost in
   teža črke, globino pa list papirja. */
.accent,.stat-num,.step-num,.plan-price,.energy-value,.logo-foot,.bolt,.logo,.logo *,[class*="gradient"]{
  background:none !important;-webkit-background-clip:border-box !important;
  background-clip:border-box !important;-webkit-text-fill-color:currentColor !important;
  color:var(--text) !important}
.accent{color:var(--gold) !important}
.orb,.scroll-indicator{display:none !important}
*{text-shadow:none !important}
.plan,.feature,.step,.stat,.energy-box,.contact-detail,.contact-detail-icon,.feature-icon{
  box-shadow:none !important;border-radius:0 !important}

/* ---- 3. ploskve postanejo celice ---- */
.plan,.feature,.step,.stat,.energy-box{
  background:var(--bg3) !important;border:1px solid rgba(23,25,15,.16) !important}
.plan:hover,.feature:hover,.step:hover{transform:none !important;background:#F6F4EC !important}

/* Ikone v zaobljenih kvadratih so bile šeststopenjska ponovitev istega
   vzorca. Ostane sam znak, brez okvirja in podlage. */
.feature-icon,.step-icon,.contact-detail-icon{
  background:none !important;border:0 !important;width:auto !important;height:auto !important;
  font-size:1.35rem !important;margin-bottom:12px !important;animation:none !important}

/* Zaporedna številka koraka je informacija, zato sme ostati — a berljiva.
   Prej je bila 6-odstotni duh v ozadju; moj prvi popravek jo je dvignil na
   30 %, kar je še vedno padlo pod 4,5:1. Zdaj je polno črnilo. */
.step-num{opacity:1 !important;font-family:'Doto','Archivo',monospace !important;
  font-size:2.2rem !important;font-weight:700 !important;color:var(--gold) !important}

/* Drobno besedilo je bilo vezano na modrosivo #8899bb iz temnega sveta;
   na papirju to pade na 2,4:1. Vse drugotno besedilo dobi črnilo. */
.plan-tagline,.plan-price-note,.feature p,.contact-info p,.contact-detail,
.section-sub,footer p,.plan ul li,.muted,.stat-label{color:var(--text-dim) !important}
.plan ul li.muted{opacity:.75 !important}

/* Logotip nosi ime, ne preliva. */
.logo{color:var(--text) !important}
.logo .accent,.logo span[style*="F97316"]{color:var(--gold) !important}

/* ---- 4. gumbi so žig ----
   POZOR: stran nastavlja tudi "-webkit-text-fill-color: #000 !important".
   Ta lastnost prevlada nad "color" pri izrisu črk, zato sam popravek barve
   ne zaleže — napis ostane črn, čeprav getComputedStyle za "color" javi
   belo. Prav ta razlika me je prvič zavedla, da je gumb popravljen.
   Vsako pravilo za gumb zato nastavi OBOJE. */
.nav-cta,.btn-primary,.plan-btn-primary,.form-submit,
.nav-cta:hover,.btn-primary:hover,.plan-btn-primary:hover,.form-submit:hover,
.nav-cta:focus,.nav-cta:active,.nav-cta:visited,
a.btn-primary:visited,a.plan-btn-primary:visited{
  -webkit-text-fill-color:#F7F5EC !important}
.btn-secondary,.plan-btn-outline,.btn-secondary:hover,.plan-btn-outline:hover{
  -webkit-text-fill-color:currentColor !important}

.btn-primary,.plan-btn-primary,.form-submit,.nav-cta{
  background:var(--gold) !important;color:#F7F5EC !important;border:2px solid var(--gold) !important;
  border-radius:0 !important;box-shadow:inset 0 0 0 3px #F7F5EC !important;
  font-family:'Archivo',sans-serif !important;font-weight:800 !important;
  letter-spacing:.04em !important;text-transform:uppercase !important}
.btn-primary:hover,.plan-btn-primary:hover,.form-submit:hover,.nav-cta:hover{
  background:#17190F !important;border-color:#17190F !important;transform:none !important}
/* Gumb v glavi je manjsi od gumbov v vsebini in ne prenese trojne obrobe.
   Selektor mora vsebovati #nav-menu, sicer ga pravilo "#nav-menu a" nize
   prevlada po specifičnosti in napis ostane crn na vijolicnem. */
.nav-cta,#nav-menu a.nav-cta,nav a.nav-cta{
  background:var(--gold) !important;background-image:none !important;
  color:#F7F5EC !important;box-shadow:inset 0 0 0 2px #F7F5EC !important;
  padding:.5rem 1.1rem !important;font-size:.82rem !important}
/* Potemni se SAMO ob prehodu miske in pritisku.
   :visited sem tu najprej zdruzil s :hover — posledica je bila, da je gumb
   pri vsakem, ki je povezavo ze obiskal, ostal trajno temen. Obiskano stanje
   mora izgledati enako kot mirovanje. */
#nav-menu a.nav-cta:hover,nav a.nav-cta:hover,
#nav-menu a.nav-cta:active,nav a.nav-cta:active{
  background:var(--text) !important;color:#F7F5EC !important}
#nav-menu a.nav-cta:visited,nav a.nav-cta:visited,
#nav-menu a.nav-cta:focus,nav a.nav-cta:focus{
  background:var(--gold) !important;color:#F7F5EC !important}
/* Enako za gumbe v vsebini: povezava ostane bela v vseh stanjih. */
a.btn-primary,a.btn-primary:hover,a.btn-primary:focus,a.btn-primary:active,a.btn-primary:visited,
a.plan-btn-primary,a.plan-btn-primary:hover,a.plan-btn-primary:focus,
a.plan-btn-primary:active,a.plan-btn-primary:visited{color:#F7F5EC !important}

/* Zavihki v glavi so merili 20 px. WCAG 2.5.8 zahteva 24 px. */
#nav-menu a,nav a{display:inline-block;padding-block:.45rem !important}
/* Odsev, ki je pletel cez gumb ob prehodu miske, v tem svetu ne obstaja. */
.btn-primary::after,.plan-btn::after,.form-submit::after{display:none !important}

/* Tarce za dotik: WCAG 2.5.8 zahteva 24 px, priporocilo za prst je 44 px.
   Telefonska stevilka in povezave v nogi so merile 17-20 px. */
.contact-detail a,footer a,#cookie-bar a{display:inline-block;padding:.45rem 0 !important}
.btn-secondary,.plan-btn-outline{
  background:transparent !important;color:var(--text) !important;
  border:1px solid var(--text) !important;border-radius:0 !important;
  font-family:'Archivo',sans-serif !important;font-weight:700 !important;text-transform:uppercase !important}
.btn-secondary:hover,.plan-btn-outline:hover{background:var(--text) !important;color:var(--bg) !important}

/* Oznaka paketa je odtisnjen pravokotnik, ne utripajoča tabletka. */
.plan-badge{background:transparent !important;color:var(--gold) !important;
  border:1px solid var(--gold) !important;border-radius:0 !important;animation:none !important}

/* ---- 5. številke so natisnjene ---- */
.stat-num,.plan-price,.energy-value{
  font-family:'Doto','Archivo',monospace !important;font-weight:700 !important;
  font-variant-numeric:tabular-nums}
.stat-num{font-size:2.4rem !important}
.plan-price{font-size:2rem !important}

/* ---- 6. mnenja strank ----
   Deset drsečih mnenj z imeni ni bilo potrjenih kot resničnih. Izmišljenih
   ne objavljamo, zato pas ostane skrit, dokler ne prispejo prava. */
.ticker-wrap,.ticker{display:none !important}

/* ---- 7. nadnaslovna oznaka ----
   Oznaka nad naslovom je bila peti signal za isto stvar. Naslov nosi svojo
   težo sam, zato oznaka postane skromna vrstica glave dokumenta. */
.section-tag{color:var(--text-dim) !important;font-family:'Archivo',sans-serif !important;
  font-size:.76rem !important;letter-spacing:.12em !important;font-weight:700 !important}

/* ---- 8. polja obrazca ---- */
input,select,textarea{background:var(--bg) !important;border:1px solid rgba(23,25,15,.22) !important;
  border-radius:0 !important;color:var(--text) !important}
/* Oznaka izbrane točke mora biti vidna: prejšnja je bila obroč pri 8 %
   motnosti, kar je na zaslonu praktično nič. */
input:focus,select:focus,textarea:focus{
  border-color:var(--gold) !important;box-shadow:0 0 0 3px rgba(74,58,140,.35) !important}
input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--gold) !important;outline-offset:1px}
label{color:var(--text-dim) !important}

/* Telefon in e-pošta v stiku nosita barvo v slogu na sami oznaki, zato je
   preslikava spremenljivk ne doseže. Na papirju je modrosiva pri 2,4:1. */
.contact-detail a,.contact-detail a[style]{color:var(--gold) !important}
.contact-detail div,.contact-detail span{color:var(--text) !important}

/* Pas o piškotkih ima preliv zapisan z dobesednima barvama, ne s
   spremenljivkama, zato ga preslikava ni zajela. Postane žig. */
#cookie-bar{background:var(--bg) !important;border-top:2px solid var(--text) !important}
#cookie-bar p,#cookie-bar span{color:var(--text) !important}
#cookie-bar a{color:var(--gold) !important}
#cookie-bar button{
  background:var(--gold) !important;background-image:none !important;
  color:#F7F5EC !important;border:2px solid var(--gold) !important;border-radius:0 !important;
  box-shadow:inset 0 0 0 3px #F7F5EC !important;
  font-family:'Archivo',sans-serif !important;font-weight:800 !important;text-transform:uppercase !important}
#cookie-bar button:hover{background:var(--text) !important;border-color:var(--text) !important}

/* ---- 9. glava in noga ---- */
header,.header,nav{background:var(--bg) !important;border-bottom:2px solid var(--text) !important}

/* Odprti meni na telefonu je ostal temen (rgba(6,8,16,.98)), crke pa so
   po preslikavi postale crne — temno na temnem. Meni je papir. */
#nav-menu{background:var(--bg) !important;border-bottom:2px solid var(--text) !important}
#nav-menu a{color:var(--text) !important}
#nav-menu li{border-bottom:1px solid rgba(23,25,15,.14) !important}
#hamburger span,#hamburger div{background:var(--text) !important}

/* ---- 9b. hero nad videom ----
   Naslov je stal naravnost na posnetku: crno crnilo na svetlih sliCicah
   izgine. Zavesa je bila temna, ker je bila narejena za svetlo pisavo.
   V tem svetu je resitev list papirja, polozen cez posnetek — enako kot
   izpis na vstopni strani. Kontrast s tem ne visi vec od sliCice. */
.hero-overlay{background:linear-gradient(180deg,
  rgba(242,240,230,.55) 0%, rgba(242,240,230,.35) 45%, rgba(242,240,230,.92) 100%) !important}
.hero-content{
  background:#FBFAF4 !important;
  border:1px solid rgba(23,25,15,.22) !important;
  box-shadow:0 1px 0 rgba(23,25,15,.10), 0 18px 40px -26px rgba(23,25,15,.65) !important;
  padding:clamp(1.8rem,4vw,2.8rem) clamp(1.5rem,4vw,3rem) !important;
  max-width:820px !important;margin:0 1rem}
.hero-content h1,.hero-content h2{color:var(--text) !important}
.hero-content p{color:var(--text-dim) !important}
footer{background:var(--bg) !important;border-top:2px solid var(--text) !important}
a{color:var(--gold)}

/* ---- 10. gibanje ----
   Stran je imela pet neprekinjenih animacij in nobene izjeme za tiste,
   ki jih gibanje moti. */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important}
  .reveal,.reveal-left,.reveal-right{opacity:1 !important;transform:none !important;transition:none !important}
  html{scroll-behavior:auto}
}