/* ═══════════════════════════════════════════════════════════════════
   TERMINA — LAYOUT

   Kaj nosi ta datoteka: postavitev, mere, dotikalne tarče, fokusne
   obroče in prelomne točke za telefon. Barvo določi podoba.css, ki se
   naloži za njo in tu povozi vse barvno.

   Zakaj barve kljub temu ostanejo: odstranitev je bila preizkušena —
   41 žetonov in 215 deklaracij — s primerjavo posnetkov dvanajstih
   strani pred in po. Prijava in ponudniška plošča sta se premaknili za
   74 %, naslovnica za 15 %, pravne strani za 2–4 %. Nekatera od teh
   pravil torej še vedno nosijo težo. Čiščenje je delo po pravilih z
   meritvijo in ne en sam prelet skozi datoteko.
   ═══════════════════════════════════════════════════════════════════ */
:root{
  /* ohišje in številčnice */
  --ohisje:    #0E1220;   /* the instrument's outer casing */
  --noc:       #141829;   /* dial */
  --plosca:    #1A1F33;   /* raised panel */
  --plosca-hi: #212741;   /* panel under emphasis */

  /* medenina in slonovina */
  --medenina:  #E8A05C;   /* svit — medenina, Signal */
  --medenina-d:#C07F42;   /* patinirana medenina */
  --slonovina: #F7DFBE;   /* glow — ivory dial */
  --mrak:      #5B4C92;   /* the system's violet shadow */
  --mrak-d:    #493B7C;

  /* gravura */
  --gravura:   rgba(247,223,190,.16);
  --gravura-2: rgba(247,223,190,.09);
  --meja:      rgba(247,223,190,.14);
  --meja2:     rgba(247,223,190,.09);
  /* Vdolbina: podlaga vnosnih polj. Ime je v DESIGN.md obstajalo, žeton
     pa ne, zato je vsako polje nosilo svojo vpisano vrednost. */
  --vdolbina:  var(--papir-2);
  --vdolbina-2:var(--papir-2);
  --medenina-nisa:var(--tan-mehki);

  /* pisave */
  --telo:      #B9B5CC;
  /* Izmerjeno na izrisanih pikslih, ne prebrano iz CSS. Na telefonu
     najsvetlejša lisa zamegljenega ozadja dvigne podlago na rgb(49,44,53);
     ta vrednost tam drži 4,83:1 in 6,61:1 na mirni podlagi. Pregled, ki
     bere samo slogovno datoteko, tega ne vidi — barva v CSS ne ve ničesar
     o plasti pod sabo. */
  --telo-2:    #9B97B0;
  --mleko:     #141829;   /* legacy name: now the dial */
  --sij:       #F7DFBE;
  --kamen:     #9B97B0;   /* isto merjenje kot --telo-2: opombe, oznake polj, »← Najdi« */
  --kamen-d:   #B9B5CC;
  --noc-telo:  #B9B5CC;
  --napaka:    #E0937A;
  --svit:      #E8A05C;
  --shadow:    none;

  /* ── ena pisava ───────────────────────────────────────────────────
     Ena družina, hierarhijo nosita teža in velikost. Archivo je izbran,
     ker je variabilen (400–700 iz ene datoteke), ima tabelarne števke za
     ure in cene ter ostane berljiv pri 12 px na telefonu zvečer.

     Druga možnost sta bili dve družini in 39 različnih velikostnih
     stopenj, med njimi 9,5 / 10 / 10,5 / 11 / 11,5 px — razlike, ki jih
     oko ne loči, sistem pa jih mora vzdrževati. */
  --display:"Archivo",system-ui,-apple-system,sans-serif;
  --body:"Archivo",system-ui,-apple-system,sans-serif;
  --num:"Archivo",ui-monospace,monospace;

  /* ── lestvica: devet stopenj ─────────────────────────────────────
     Vsaka stopnja ima nalogo. Kadar novo besedilo ne najde stopnje, na
     katero bi sedlo, je prvo vprašanje, ali je vloga zares nova.
     Stopnje so v rem (skill Apple Design §15, 28. 10. 2026): pri privzeti
     pisavi so enake kot prej v px, ob povečani pisavi uporabnika rastejo z njo. */
  --t-micro:  .78125rem;  /* 12,5 px */  /* verzalne mikro oznake s sledjo (24. 10. 2026: nič drobnejšega od 12,5) */
  --t-xs:     .8125rem;  /* 13 px */    /* meta podatki, datumi, ure */
  --t-sm:     .9375rem;  /* 15 px */    /* opombe, drugotno besedilo (24. 10. 2026: 13,5 → 15, različica B po taste skillu) */
  --t-md:     1rem;  /* 16 px */    /* kontrole, vnosna polja, navigacija */
  --t-vnos:   var(--t-md);  /* vnosna polja in izbirniki; na dotikalnih zaslonih 16 px (spodaj) */
  --t-vnos-drobno: var(--t-sm); /* drobni vnosi: ure, koda, opombe */
  --t-base:   1.0625rem;  /* 17 px */    /* branje */
  --t-lg:     1.25rem;  /* 20 px */    /* naslovi kartic in postavk */
  --t-xl:     1.5rem;  /* 24 px */    /* naslovi razdelkov */
  --t-2xl:    clamp(1.6875rem,4vw,2.125rem);  /* page and panel headings */
  --t-3xl:    clamp(2.125rem,5vw,2.875rem);  /* h1 podstrani */
  --t-display:clamp(2.5rem,6vw,4rem);  /* junak */


  /* ── žetoni, podedovani od prejšnjih podob ───────────────────────
     Pravila, ki jih berejo, so preživela, ker so bila popravki
     postavitve in ne barve: ovoj strani, ponudniški profil, izbirnik
     države, kartica prijave. Vrednosti dobijo v jeziku te podobe, da ne
     visijo v prazno.

     Radiji: strop 12 px je podpis instrumenta. Oval je izjema za čipe,
     ki so oznake in ne plošče. */
  --r-drobno:  6px;
  --r-polje:   6px;
  --r-kartica: 12px;
  --r-velika:  12px;
  --r-oval:    999px;

  /* Ploskve in robovi pod imeni iz poznejših podob. */
  --kartica:   var(--plosca);
  --papir-2:   #12172A;   /* recess: an input field, darker than the panel */
  --rob:       var(--gravura);
  --rob-2:     var(--gravura-2);
  /* Rob krmilnega elementa mora doseči 3:1. Pri .34 se slonovina nad
     ohišjem sestavi v rgb(93,88,86) in meri 2,66:1, torej pod pragom;
     pri .42 meri 3,41 na ohišju in 3,36 na plošči. Prosojnost se nikoli
     ne oceni: sestavi jo s podlago in izmeri. */
  --rob-k:     rgba(247,223,190,.42);
  --na-tanu:   var(--noc);             /* besedilo na medenini */

  /* Glava je lepljiva z zameglitvijo za sabo; barva je ohišje pri 92 %
     in ne papir. Nadomestek v barvi papirja nariše svetel pas nad
     temnim junakom. */
  --nav-bg:    rgba(14,18,32,.92);

  /* Medeninasti odtenki: niša, sij in sled. */
  --tan-mehki: rgba(232,160,92,.14);
  --tan-sij:   rgba(232,160,92,.20);
  --tan-sled:  rgba(91,76,146,.12);

  /* gravirana stopinjska skala — podpis sveta */
  --skala: repeating-linear-gradient(90deg,
            var(--gravura) 0 1px, transparent 1px 12px);
  --skala-gosta: repeating-linear-gradient(90deg,
            var(--gravura-2) 0 1px, transparent 1px 6px);

  /* Delci krogle okoli besednega znaka in prah okoli nje. Vrednosti so
     zapisane kot "r,g,b", ker jih platno sestavi s svojo prosojnostjo.
     Svetle v temnem svetu, modre v svetlem: slonovina je na papirju
     nevidna, siva pa bi bila videti umazana. */
  --pika:          247,223,190;
  --pika-poudarek: 232,160,92;
  --prah:          rgba(247,223,190,.55);
  --prah-topli:    rgba(232,160,92,.6);
}

/* ═══════════════════════════════════════════════════════════════════
   SVETLI NAČIN

   Isti instrument v drugi sobi. Ploskve ne posvetlijo zgolj — zamenjajo
   si vloge.

   Kaj velja in zakaj:
   • Ena nasičena barva. Medenina ostane medenina, a dobi patino
     (#8A4E14). Svetla #E8A05C meri na slonovinasti podlagi 1,9:1 in ne
     more nositi besedila; patinirana vrednost meri 5,62:1 na ohišju in
     6,23:1 na plošči, kot ploskev pa nosi svetlo besedilo pri 6,23.
     Gumb se zato tu obrne: temna medeninasta ploščica s slonovinasto
     oznako namesto svetle ploščice s temno.
   • Kartice še vedno ne loči svetlost (1,11:1 proti ohišju, 1,14 v
     temnem). Loči jo gravura. To je podpis instrumenta in mehka senca
     bi ga uničila hitreje od česarkoli drugega.
   • Tudi tu ni senc.

   Kaj je bilo treba premisliti znova in ne prenesti:
   • Robovi krmilnih elementov. Slonovina drži pri .42 v temnem; črnilo
     pri isti vrednosti tu meri 2,50–2,63:1 in pade pod prag 3:1. Drži
     šele .52 s 3,27–3,53. Prosojnost se med svetovi ne prenaša.
   • #5B4C92 na svetlem doseže 5,6:1 in bi bila kot besedilo dovoljena.
     Ostaja prepovedana: ena nasičena barva je pravilo znamke in ne
     posledica kontrasta.

   Način sledi nastavitvi naprave. `data-theme` na <html> ga povozi, če
   bi kdaj nastalo stikalo. */
/* Temnega načina ni: svet je samo papir. Temni žetoni ostajajo v tej
   datoteki kot osnova, a jih [data-theme="light"] na <html> vsake strani
   vedno povozi. */
:root{color-scheme:light}

@media(prefers-color-scheme:light){
  :root:not([data-theme="dark"]){
    --ohisje:    #F3ECE0;   /* the paper the instrument rests on */
    --noc:       #EADFCC;   /* dial */
    --plosca:    #FCF8F0;   /* raised panel */
    --plosca-hi: #FFFDF9;
    --papir-2:   #EFE6D6;   /* recess: an input field, darker than the panel */

    --medenina:  #8A4E14;
    --medenina-d:#6B3A0C;
    --svit:      #8A4E14;
    --slonovina: #171B2E;   /* the role stays "heading"; the substance is ink */
    --sij:       #171B2E;   /* likewise: --sij was always ivory */
    --mleko:     #FCF8F0;
    --na-tanu:   #FCF8F0;   /* besedilo na patinirani medenini — 6,23:1 */

    --telo:      #3D3A52;   /* 9.29:1 on the casing */
    --telo-2:    #5A5670;   /* 5.96:1 on the casing, 5.31 on the dial */
    --kamen:     #5A5670;
    --kamen-d:   #3D3A52;
    --noc-telo:  #3D3A52;
    --napaka:    #A8391A;   /* 5,48:1 */

    --gravura:   rgba(23,27,46,.18);
    --gravura-2: rgba(23,27,46,.10);
    --meja:      rgba(23,27,46,.16);
    --meja2:     rgba(23,27,46,.10);
    --rob-k:     rgba(23,27,46,.52);

    --nav-bg:    rgba(243,236,224,.92);
    --tan-mehki: rgba(138,78,20,.12);
    --tan-sij:   rgba(138,78,20,.18);
    --tan-sled:  rgba(91,76,146,.10);
    --pika:92,107,153; --pika-poudarek:138,78,20;
    --prah:rgba(23,27,46,.30); --prah-topli:rgba(138,78,20,.40);
  }
}

/* Izrecna izbira povozi napravo. Vrednosti so enake in ponovljene, ker
   CSS med izbirniki nima dedovanja. */
:root[data-theme="light"]{
  --ohisje:#F3ECE0; --noc:#EADFCC; --plosca:#FCF8F0; --plosca-hi:#FFFDF9;
  --papir-2:#EFE6D6;
  --medenina:#8A4E14; --medenina-d:#6B3A0C; --svit:#8A4E14;
  --slonovina:#171B2E; --sij:#171B2E; --mleko:#FCF8F0; --na-tanu:#FCF8F0;
  --telo:#3D3A52; --telo-2:#5A5670; --kamen:#5A5670; --kamen-d:#3D3A52;
  --noc-telo:#3D3A52; --napaka:#A8391A;
  --gravura:rgba(23,27,46,.18); --gravura-2:rgba(23,27,46,.10);
  --meja:rgba(23,27,46,.16); --meja2:rgba(23,27,46,.10);
  --rob-k:rgba(23,27,46,.52);
  --nav-bg:rgba(243,236,224,.92);
  --tan-mehki:rgba(138,78,20,.12); --tan-sij:rgba(138,78,20,.18);
  --tan-sled:rgba(91,76,146,.10);
    --pika:92,107,153; --pika-poudarek:138,78,20;
    --prah:rgba(23,27,46,.30); --prah-topli:rgba(138,78,20,.40);
  color-scheme:light;
}
:root[data-theme="dark"]{color-scheme:dark}

html{background:var(--ohisje)}
body{
  background:var(--ohisje);
  color:var(--telo);
  font-family:var(--body);
  font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:antialiased;
}

/* ── tipografija: ena pisava, hierarhija iz teže ───────────────────
   Serifna pisava je značaj nosila sama; brezserifna pri 400 na istem
   mestu bere plosko. Naslovi zato tečejo pri 600, sled pa se z rastjo
   velikosti zapira — večja ko je črka, manj zraka potrebuje. */
h1,h2,h3,.card h2,.stat .v,.fpost .nm,.post .nm,.flist .nm,.list .t,
.ty .serif,.avatar,.pav,.fav,.appt .svc{
  font-family:var(--display);
  font-weight:600;
  color:var(--slonovina);
  letter-spacing:-.012em;
}
h1{letter-spacing:-.028em}
h2{letter-spacing:-.02em}
h3,.card h2,.fpost .nm,.post .nm,.flist .nm,.list .t,.appt .svc{
  letter-spacing:-.014em;
}
/* Naslov je ene barve. Poudarjena beseda ostane ležeča in barve ne
   spremeni: dvobarven naslov bere kot dva glasova v enem stavku. */
h1 em,h2 em{font-style:italic;color:inherit}
p,.lead,.lede,.sub,.auth-lead{color:var(--telo)}
a{color:inherit}
strong,b{color:var(--slonovina);font-weight:600}

/* data: tabular figures in brass — hours, prices, distances */
.mono,.crow .mono,.time,.cpick .v,.appt .dm,.appt .hm,.list .m,
.fpost .dt,.post .pd,.publine a.link,.stat .l,.subhead,.pr{
  font-variant-numeric:tabular-nums;
  letter-spacing:.02em;
}
.cpick .v,.pr,.appt .hm{color:var(--medenina)}

/* nadnapisi in številke razdelkov */
.eyebrow,.kick,.cm-kick,.auth-kick,.pk .num,.plan-num{display:none}

/* ── ohišje: glava in noga ─────────────────────────────────────────── */
nav{
  background:var(--nav-bg);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--gravura);
  position:relative;
}
nav::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:var(--skala);opacity:.7;
}
nav a,nav .r,.lnk,nav a.back{color:var(--telo-2)}
@media (hover:hover) and (pointer:fine){.lnk:hover,nav a:hover,nav a.back:hover,nav .r a:hover{color:var(--slonovina)}}
/* Gumb za nazaj je samostojen krmilni element in ne povezava sredi
   stavka, zato potrebuje dotikalno tarčo. Izmerjeno je meril 47×22 px. */
nav a.back{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;margin:0 -6px}
footer{background:var(--ohisje);border-top:1px solid var(--gravura)}
footer::before{content:"";display:block;height:3px;background:var(--skala);opacity:.6;
  margin-bottom:38px}

/* Izbirnik jezika je odslej pilula s kratico iz i18n.js (.jezik-pilula);
   fokusno obrobo in mere nosi njen vgrajeni slog. */

/* ── panels (cards) ────────────────────────────────────────────────── */
.card,.izpostavek,.izbira,.stat,.pplan,.fpost,.lc,.ty,.s,.onboard,.publine,.auth-card,.cm-c{
  background:var(--plosca);
  border:1px solid var(--gravura);
  border-radius:var(--r-drobno);
  color:var(--telo);
}
/* plošče nosijo gravuro v robu in ne v nalepljenem pasu */
.card,.pplan,.fpost,.onboard{position:relative}
.card h2 .ic,.onboard h2 .ic{
  background:var(--tan-mehki);color:var(--medenina);
  border:1px solid var(--gravura);border-radius:50%;
}
.publine{background:var(--plosca-hi);color:var(--telo)}
.publine a.view{color:var(--slonovina)}
.publine a.link{color:var(--medenina)}

/* emphasised panel */
.card.hi,.onboard{background:var(--plosca-hi)}

/* ── krmilni elementi: medeninaste ploščice ─────────────────────────
   Ovalni gumb sodi v register potrošniške aplikacije. Ta register je
   instrument, instrument pa nima pilul — ima ploščice z radijem 6 px. */
.btn{border-radius:var(--r-drobno);transition:transform .18s cubic-bezier(.2,.6,.3,1),
  background .18s,border-color .18s,color .18s}
.btn-p{
  background:var(--medenina);color:var(--na-tanu);font-weight:600;
  border:1px solid var(--medenina);
}
@media (hover:hover) and (pointer:fine){.btn-p:hover{background:var(--slonovina);border-color:var(--slonovina);color:var(--na-tanu)}}
.btn-p:disabled{background:var(--medenina-d);border-color:var(--medenina-d);opacity:.6}
.btn-s{border-color:var(--gravura);color:var(--slonovina);background:transparent}
@media (hover:hover) and (pointer:fine){.btn-s:hover{border-color:var(--medenina);color:var(--medenina)}}
.btn-link,.steps .go{color:var(--medenina)}
@media (hover:hover) and (pointer:fine){.btn-link:hover,.steps .go:hover{color:var(--slonovina)}}
.hero-c .btn-s{border-color:var(--gravura);color:var(--slonovina)}

/* vnosna polja: gravirani vdolbini */
input,select,textarea{
  background:var(--papir-2);
  border:1px solid var(--gravura);
  color:var(--slonovina);
  border-radius:var(--r-drobno);
}
input::placeholder,textarea::placeholder{color:var(--telo-2)}
/* Fokus: rob dobi barvo, obroč ostane. outline:none bi tu po
   specifičnosti (0,1,1) premagal pravilo :focus-visible pod sabo
   (0,1,0) in krmilni element bi ostal čisto brez oznake fokusa. */
input:focus,textarea:focus,select:focus{border-color:var(--medenina)}
:focus-visible{outline:2px solid var(--medenina);outline-offset:3px}
input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--medenina);outline-offset:3px}
label.fld,label.fld span,.fld{color:var(--telo-2)}

/* zavihki in čipi */
.tab,.chip{background:transparent;border:1px solid var(--gravura);color:var(--telo);
  border-radius:var(--r-drobno)}
@media (hover:hover) and (pointer:fine){.tab:hover,.chip:hover{border-color:var(--medenina-d);color:var(--slonovina)}}
.tab.on,.chip.on{background:var(--medenina);border-color:var(--medenina);
  color:var(--na-tanu);font-weight:600}

/* urni čipi = mesta na številčnici */
.time,.times .time{background:var(--papir-2);border:1px solid var(--gravura);
  color:var(--telo);border-radius:var(--r-drobno)}
@media (hover:hover) and (pointer:fine){.time:hover{border-color:var(--medenina-d);color:var(--slonovina)}}
.time.sel{background:var(--medenina);border-color:var(--medenina);color:var(--na-tanu);font-weight:600}
.time.gone{color:var(--telo-2);opacity:.45}

/* rules = engravings */
hr,.crule,.rule{background:var(--gravura);border-color:var(--gravura)}
.list li,.appt,.flist li,.post,.avday,.steps li{border-color:var(--gravura-2)}

/* ── junak: središče sistema ───────────────────────────────────────── */
header{background:var(--ohisje);color:var(--telo)}
.hero-c h1{color:var(--slonovina);max-width:19ch}
.hero-c .lede{color:var(--telo)}

/* Stopinjske lestvice na obročih junaka ni več: ikone se gibljejo prosto
   in ne po številčnici. Lestvica ostane tam, kjer je podpis in ne tir —
   pod glavo in nad nogo. */
/* mehurčki ponudnikov = telesa na roki */
.bub .ic{
  background:var(--plosca);
  border:1px solid var(--gravura);
  box-shadow:inset 0 0 0 3px rgba(28,19,13,.85);
}
.bub .ic svg{stroke:var(--medenina)}

/* Jedro nima sija. Tu sta stala dva gradienta — temen zastor pod besednim
   znakom in topel obroč okoli njega — oba pa sta bila senca, narisana kot
   gradient. Na papirju je zastor postal črn madež čez znak. Globino nosijo
   delci in nič drugega.

   Pozor na kaskado: postavitev.css se naloži za styles.css in ga povozi,
   zato popravek samo tam nima učinka. */

/* ── plans: three dials ────────────────────────────────────────────── */
.pplan{background:var(--plosca)}
.pplan.hi{background:var(--plosca-hi);
  border-color:var(--medenina-d)}
.pplan h3{color:var(--slonovina)}
.pplan .pdesc,.pplan li{color:var(--telo)}
.pplan li::before,.pplan ul li::marker{color:var(--medenina)}
.bill-toggle{border:1px solid var(--gravura);background:var(--plosca)}
.bill-toggle button{color:var(--telo)}
.bill-toggle button.on{background:var(--medenina);color:var(--na-tanu);font-weight:600}
.bill-note,.plan-foot,.plan-dodatki{color:var(--telo-2)}

/* ── skupnost in seznami ──────────────────────────────────────────── */
.pav,.fav,.avatar{background:var(--plosca-hi);border:1px solid var(--gravura);
  color:var(--medenina)}
.fpost .body,.post .pb{color:var(--telo)}
/* dolga povezava ali beseda brez presledka se prelomi, ne prebije kartice */
.post .pb{overflow-wrap:anywhere}
.fpost .cat,.post .cat,.dt,.pd{color:var(--telo-2)}
.empty,.note{color:var(--telo-2)}
.note.err{color:var(--napaka)}
.note.ok{color:var(--medenina)}
.pimg img,.fpost .pimg img{border-color:var(--gravura)}

/* ── izbirnik države: mreža številčnic ──────────────────────────────── */
/* Podlaga je ravna ploskev, na kateri mreža stoji. Tu sta stala dva
   sijoča gradienta, ki sta po odstranitvi krogle iz delcev brala kot
   svetloba od nikoder. */
#country-modal{background:var(--ohisje)}
.cm-c{background:var(--plosca)}
.cm-c .cc{color:var(--medenina)}
.cm-c.hint{border-color:var(--medenina);background:var(--tan-mehki)}

/* ── prijava ──────────────────────────────────────────────────────── */
/* Oder prijave je od zdaj v prijava.css in ima tam ENEGA lastnika. Kar
   ostaja tu, govori sceni izbirnika države na naslovnici (.cm-scene
   .auth-scene), ki isti razred deli zaradi krogle iz delcev. */
/* Platno z delci ne sme sodelovati v postavitvi. V toku dokumenta ga je
   vsak okvir povečal za višino prizora (~683 px na okvir, izmerjeno
   22.005 px po šestih sekundah) in izbirnik države je bil za prvega
   obiskovalca prazna stran z naslovom in gumbi kakih dvajset zaslonov
   nižje. */
.auth-scene{position:relative}
.auth-scene .auth-orbs{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.auth-card{background:var(--plosca);border-color:var(--gravura)}
.auth-card input{background:var(--papir-2)}
.st .dot{background:var(--noc);border-color:var(--gravura)}
.st.cur .dot,.st.done .dot{border-color:var(--medenina)}

/* ── razdelki: brez ločnic ─────────────────────────────────────────── */
/* Črta med razdelki (section+section) je odstranjena (lastnica, 27. 9.
   2026): razdelke loči zrak, ne gravura. Ločnice znotraj kartic
   (rezervacija.css .pregled) ostajajo, ker tam ločujejo vrstice, ne strani. */
section+section,main>section:first-of-type,section[hidden]+section{border-top:none}

/* ── loki postanejo niše številčnice ────────────────────────────────── */
.arch .cap{
  background:var(--plosca-hi);
  border:1px solid var(--gravura);
  position:relative;overflow:hidden;
}
@media (hover:hover) and (pointer:fine){.arch:hover .cap{background:var(--plosca-hi);
  border-color:var(--medenina-d)}}
.arch .cap svg{stroke:var(--medenina)}
.arch h3{color:var(--slonovina)}
.arch p{color:var(--telo)}

/* ── uvodni zaslon ────────────────────────────────────────────────── */
#intro{background:var(--ohisje)}

/* ── drobno ───────────────────────────────────────────────────────── */
::selection{background:var(--tan-mehki);color:var(--slonovina)}
code{background:var(--plosca-hi);color:var(--medenina);border-radius:var(--r-drobno)}
.rule-no{color:var(--napaka)}
.skip{background:var(--medenina);color:var(--na-tanu)}

@media(prefers-reduced-motion:reduce){
  .btn{transition:none}
}

/* popravki po pregledu ─────────────────────────────────────────────── */
.cpick{border-top-color:var(--medenina-d)}
.cpick .k{color:var(--slonovina)}
.card .cap,.crow span:first-child,.crow{color:var(--telo)}
.card .ttl{color:var(--telo-2)}
.kako-grid{align-items:start}
.kako-grid>div:first-child{padding-top:6px}
/* filtri kategorij in začetnice avatarjev v medenini */
.cats button,.cat{background:transparent;border:1px solid var(--gravura);color:var(--telo);border-radius:var(--r-drobno)}
@media (hover:hover) and (pointer:fine){.cats button:hover,.cat:hover{border-color:var(--medenina-d);color:var(--slonovina)}}
.cats button.on,.cat.on{background:var(--medenina);border-color:var(--medenina);color:var(--na-tanu);font-weight:600}
.pcard .pav,.post .pav,.fpost .pav,.flist .fav,.avatar{color:var(--medenina);background:var(--plosca-hi)}
/* pravila z id na ravni strani, ki so premagala temo */
#auth h1,#auth h2,#acc h1,#dash h1,#auth-title{color:var(--slonovina)}
.price,.price small{color:var(--medenina)}
.price small{color:var(--telo-2)}
.pplan .price,.pplan.hi .price{color:var(--medenina)}
.pplan .price small{color:var(--telo-2)}

/* številke korakov nosijo zaporedje rezervacije — medenina, ne vijolična */
.step h2 .n{color:var(--medenina)}
/* koledarska ikona v temnem polju */
input[type=date]::-webkit-calendar-picker-indicator,
input[type=time]::-webkit-calendar-picker-indicator{
  filter:invert(1) brightness(1.4) opacity(.65);cursor:pointer}
@media (hover:hover) and (pointer:fine){input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:1}}

/* ikone v naslovih plošč: risane, ne glifi */
.card h2 .ic svg,.onboard h2 .ic svg{width:15px;height:15px;stroke:var(--medenina);
  fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block}
.card h2 .ic,.onboard h2 .ic{display:grid;place-items:center}

/* ═══ TIPOGRAFIJA: vloge, ne enotno razmerje ════════════════════════
   Vodenje sledi pisavi, velikosti in vlogi. Tanke poteze na temni
   podlagi optično stanjšajo, zato drobne stopnje dobijo kanček več
   teže. */

/* naslovi — Archivo je variabilen, zato je teža zvezna os in ne skok med
   naloženimi datotekami. Velike stopnje nosijo 600, drobni naslovi
   postavk 550: pri 15–20 px je 600 že pretežak in se zlije v madež, 500
   pa se ne loči od besedila. */
h1,h2,h3,.card h2,.onboard h2,.stat .v,.ty .serif,#auth h1,#auth h2,#cm-title,
.pplan h3,.fpost .nm,.post .nm,.flist .nm,.list .t,.appt .svc,.avatar,.pav,.fav{
  font-optical-sizing:auto;
  font-weight:600;
}
h1{line-height:1.06}
h2{line-height:1.16}
h3,.pplan h3,.card h2,.onboard h2,.fpost .nm,.post .nm,.flist .nm,.list .t,
.appt .svc,#auth h1,#auth h2,#cm-title{line-height:1.25}
.card h2,.onboard h2,.fpost .nm,.post .nm,.flist .nm,.list .t,.appt .svc{
  font-weight:550;
}
.avatar,.pav,.fav{font-weight:600}

/* podatki — brez vodenja proze */
.pplan .price,.stat .v,.cpick .v{line-height:1}
.time,.appt .dm,.appt .hm,.list .m,.fpost .dt,.post .pd,.stat .l,.subhead,
.card .ttl,.publine a.link{line-height:1.25}

/* branje — na temnem malce več sledi, vodenje po dolžini vrstice */
body,p,.lead,.lede,.sub,.pdesc,.auth-lead,.cm-sub{
  letter-spacing:.004em;
}
.lede{line-height:1.6}
p,.lead,.sub,.pdesc,.plan-foot,.plan-dodatki,.pplan li,.fpost .body,.post .pb{line-height:1.6}
.note,.empty,.switch{line-height:1.5}

/* tabelarne števke samo tam, kjer se stolpci poravnajo — nikoli v prozi */
body{font-variant-numeric:normal}
.time,.pr,.price,.cpick .v,.appt .dm,.appt .hm,.list .m,.stat .v,
.fpost .dt,.post .pd,.publine a.link,.cm-c .cc,input[type=time],input[type=date]{
  font-variant-numeric:tabular-nums;
}
/* krmilni elementi so enovrstični — brez vodenja proze */
.btn,.lnk,.tab,.chip,.cats button,nav .r,.jezik-pilula,.cm-c,.btn-link{line-height:1.2}

/* ocene — risana zvezda namesto znaka iz pisave; medenina, ne mrak */
.ic-star{width:1em;height:1em;display:inline-block;vertical-align:-.13em;
  fill:var(--medenina);stroke:none}
.ic-star.prazna{fill:none;stroke:var(--telo-2);stroke-width:1.7;stroke-linejoin:round}
.rate .star,.stat .v .star,.pcard .rate .star{color:inherit}
.stat .v .ic-star{width:.72em;height:.72em}
/* rating touch target — at least 44 px */
/* 8 px med zvezdicami: 44-pikselne tarče se ne smejo stikati (prekrivanje, 8. 10. 2026) */
.form .starpick{gap:8px}
.form .starpick button{width:44px;height:44px;display:grid;place-items:center;
  color:var(--telo-2);border-radius:var(--r-drobno)}
.form .starpick button .ic-star{width:26px;height:26px;fill:none;
  stroke:var(--telo-2);stroke-width:1.7;stroke-linejoin:round}
.form .starpick button.on .ic-star{fill:var(--medenina);stroke:none}
.form .starpick button:focus-visible{outline:2px solid var(--medenina);outline-offset:2px}

/* koraki rezervacije — meridian z medeninasto zarezo namesto oštevilčenja */
.step h2{display:flex;align-items:center;gap:14px}
.step h2 .n{width:11px;height:11px;flex:none;border-radius:50%;
  background:var(--medenina);font-size:0}

/* ── plošče ───────────────────────────────────────────────────────────
   .panel in .who-band sta navadna vsebnika. S slonovinasto podlago bi
   nosila slonovinaste naslove na slonovini — izmerjeno 1,00:1, torej
   nevidno. Ploskovni žeton ni nikoli besedilni žeton. */
.panel,.who-band{
  background:var(--plosca);
  border:1px solid var(--gravura);
  border-radius:var(--r-kartica);
}
.panel h2,.who-band h2{color:var(--slonovina)}
.panel p,.who-band p,.limit p{color:var(--telo)}
.limit{border-bottom-color:var(--gravura)}
.limit b{color:var(--slonovina)}
.who-band b{color:var(--slonovina)}
.who-band .sig{color:var(--slonovina);border-bottom-color:var(--gravura)}
.who-band .role{color:var(--telo-2)}
/* povezave v ploščah: medenina na temnem drži kontrast in fokusni obroč */
.panel a,.who-band a{color:var(--medenina)}

/* Fokusni obroč mora biti medeninast. Vijolična meri na ohišju 2,57:1,
   kar je praktično nevidno, in DESIGN.md je kot barvo poteze prepove. */
.form input:focus-visible{outline:2px solid var(--medenina);outline-offset:2px}

/* ── obrazec za oceno ────────────────────────────────────────────────
   Dve pravili, ki ju sprememba teme zlomi:

   Žeton, ki poimenuje barvo besedila, ne sme nikoli postati ozadje. Kot
   podlaga plošče postavi slonovinaste oznake na slonovino pri 2,54:1.

   Polje, ki ozadje in barvo nastavi iz dveh žetonov, ju zlije, ko en
   žeton spremeni pomen: vnos, katerega podlaga in besedilo se oba
   razrešita v temno, vpisani e-naslov izriše nevidno. Bloki <style> na
   ravni strani premagajo splošno pravilo za vnose, zato popravek sodi
   sem. */
.form{background:var(--plosca);border:1px solid var(--gravura)}
.form label{color:var(--telo)}
.form .note{color:var(--telo)}
.form input,.form textarea{
  background:var(--vdolbina);
  border:1px solid var(--gravura);
  color:var(--slonovina);
}
.form input::placeholder,.form textarea::placeholder{color:var(--telo-2)}

/* ── ista napaka na drugih straneh ───────────────────────────────────
   Izmerjeno na vseh devetih straneh. Pravila živijo v blokih <style> na
   ravni strani, kjer jih splošna pravila po specifičnosti ne dosežejo.

   Besedilo in podlaga, razrešena v isti žeton, sta pustila vpisano
   besedilo nevidno v iskalnem polju (1,00:1) ter v poljih za e-naslov in
   geslo na kartici prijave (1,08:1). */
.search input,.auth-card input,.auth-card textarea{color:var(--slonovina)}

/*   Vijolična kot barva besedila. DESIGN.md jo dovoli samo kot senco
     sistema; kot besedilo meri 2,25–2,57:1 povsod, kjer se je pojavila.

     Ena raba ni napaka in ostane: številka koraka, ki je skrita s
     font-size:0 in nadomeščena z medeninasto piko.                   */
/*   Tudi prazna stanja je treba izmeriti. Povezava v enem izmed njih je
     merila 2,11–2,51:1 in se je pokazala šele proti prazni bazi — prav
     to obiskovalec sreča ob zagonu in prav to testni podatki skrijejo. */
.demo-note,.fpost .go,.steps .go,.tmpl,.follow-hint a,.ty .mono,
.empty a{color:var(--medenina)}
/* 404: glavni gumb je medeninast s temnim besedilom, kot zahteva
   DESIGN.md. Vijolična ploščica z belo oznako meri 2,43:1. */
a.btn:not(.btn-p):not(.btn-s):not(.btn-link){
  background:var(--medenina);border:1px solid var(--medenina);color:var(--na-tanu);font-weight:600;
}
@media (hover:hover) and (pointer:fine){a.btn:not(.btn-p):not(.btn-s):not(.btn-link):hover{
  background:var(--slonovina);border-color:var(--slonovina);color:var(--na-tanu);
}}
/* ── ploskve, ki ne smejo brati besedilnega žetona kot podlage ───────
   --sij je slonovina, torej črnilo. Na temnem je slučajno videti kot
   kremna ploščica; v svetlem načinu bi bila skoraj črna. Ploskev je
   številčnica. */
.bk .date,.appt .date,.form,.summary{background:var(--noc)}

/* Opomba potrebuje svoj razred in ne sme biti vgrajena v preveden
   odstavek, kjer ostane brez sloga. */
.follow-hint{font-size:var(--t-sm);color:var(--telo-2);margin-top:6px}
.follow-hint a{text-decoration:underline}
.tmpl{background:var(--medenina-nisa);border-color:var(--gravura)}
/* V svetlem načinu je medenina že patinirana (#8A4E14), niša pa jo še
   potemni: izmerjeno na izrisanih pikslih je opomba padla na 4,48:1. Tu
   velja temnejša medenina; niša ostane, ker opomba to zares je. */
@media(prefers-color-scheme:light){
  :root:not([data-theme="dark"]) .tmpl{color:var(--medenina-d)}
}
:root[data-theme="light"] .tmpl{color:var(--medenina-d)}

/*   Nadomestki za podatke, ki jih je še treba vpisati, morajo biti
     berljivi, sicer se ob zagonu spregledajo. Z besedilnim žetonom kot
     podlago je ta na pravnih straneh meril 1,54:1.                 */
.ph{background:var(--vdolbina);color:var(--medenina);
    border:1px solid var(--gravura)}

/* ── vijolična ni barva besedila (DESIGN.md) ─────────────────────────
   #5B4C92 meri na ohišju 2,57:1. */
.lnk{color:var(--telo-2)}
/* Povezave v glavi so vrsta z resnično režo, ki se pod pritiskom prelomi.
   V vrsti s 3–4 px reže berejo kot en neprekinjen niz in se med 761 in
   1000 px prekrivajo, izmerjeno −284 px. */
nav .navlinks{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ochip.hl{border-color:var(--medenina-d);color:var(--medenina)}
/* .plan.hi sodi na ta seznam; brez njega rob pade nazaj na prepovedano
   vijolično iz styles.css — na kartici Skupnosti, ki produkt loči od
   drugih. */
.card.hi,.pplan.hi,.plan.hi{border-color:var(--medenina-d)}

/* Vsebina stoji nad okrasjem. Brez lastnega zlagalnega konteksta je
   .hero-c pustil krogli iz delcev risati čez gumbe junaka na telefonu.
   Merilnik kontrasta je javil 2,60:1 in številka je bila resnična, vzrok
   pa je bil vrstni red plasti in ne barva — popravek je torej zlagalni
   kontekst in ne temnejše besedilo.

   Gumb obdrži svojo podlago: krogla je polprosojna, druge višine junaka
   (24 jezikov, druge prelomne točke) pa jo lahko spet spravijo v stik. */
.hero-c{position:relative;z-index:4}
.hero-c .btn-s{background-color:var(--nav-bg)}

/* ── dotikalne tarče ≥ 44 px (trda zahteva znamke) ───────────────────
   Vseh osemnajst padcev je bilo prenizkih in ne preozkih. */
.btn,.form input,.form button,.bill-toggle button{
  min-height:44px;
}
/* Druga meritev je našla še pet, spet vse prenizke in ne preozke —
   vzorec se ponavlja, ker krmilni element višino podeduje od besedila. */
#q,.cat,.cats button{min-height:44px}
/* Iskalno polje #q (Najdi, Blizu) je type=search, da telefon pokaže tipko
   Išči: brez sistemske podobe (Safari bi steklu vsilil svojo obliko) in
   brez sistemskega gumba za brisanje, ki se steklu ne prilega. Dolga
   poizvedba se konča s tremi pikami, ko polje ni v fokusu. */
#q{-webkit-appearance:none;appearance:none;text-overflow:ellipsis}
#q::-webkit-search-cancel-button,#q::-webkit-search-decoration{-webkit-appearance:none;appearance:none}
/* nowrap: v vrsti čipov, ki drsi vodoravno, se je »Barvanje las« prelomil
   v dve vrstici, sosedje pa ne — ena vrsta, dve višini. */
.cat,.cats button{display:inline-flex;align-items:center;white-space:nowrap}
.bk .btn-link,.appt .btn-link{display:inline-flex;align-items:center;min-height:44px}
.btn{padding-top:12px;padding-bottom:12px}
.time{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
a.skip{min-height:44px;display:inline-flex;align-items:center}
/* Noga notranjih strani: osnovni .wrap živi v styles.css (naslovnica),
   notranje strani je ne nalagajo, zato bi noga stala od roba do roba
   brez zraka. Mere zato nosi noga sama;
   :where drži težo pri nič, da naslovnica obdrži svojih 56/72. */
:where(footer){padding:22px 0 28px}
footer .wrap{max-width:1020px;margin:0 auto;padding:0 28px}
/* Noga je kazalo in ne vsebina: drobnejša pisava, naslov skupine LEVO od
   povezav v isti vrstici in ne nad njimi. Štiri skupine so tako štiri
   vrstice namesto osmih; noga zasede pol tega, kar je prej. */
footer{font-size:var(--t-sm)}
footer .fkazalo{display:grid;grid-template-columns:140px minmax(0,1fr);column-gap:28px;row-gap:2px;align-items:start}
footer .fkazalo>span:first-child{grid-column:1/-1;margin-bottom:6px}
footer .fgroup+.fgroup{margin-top:0}
footer .fgroup{display:flex;flex-wrap:wrap;gap:0 18px;margin-top:0;min-width:0}
footer .fgroup a{display:inline-flex;align-items:center;min-height:32px;color:var(--telo)}
/* Firma ob e-naslovu: ista višina vrstice kot povezava, sicer stoji besedilo
   na vrhu tarče in je vidno zamaknjeno. */
footer .fgroup .ffirma{display:inline-flex;align-items:center;min-height:32px;color:var(--telo-2)}
@media (hover:hover) and (pointer:fine){footer .fgroup a:hover{color:var(--slonovina)}}
footer .fhead{display:inline-flex;align-items:center;min-height:32px;font-size:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;
  color:var(--telo-2);margin-top:0}
/* znak v nogi ne sme prerasti naslovov strani */
footer .brand img{width:150px;height:auto}

/* ── navigacija na telefonu ──────────────────────────────────────────
   Pri ≤760 px se povezave zložijo v drugo vrstico glave. Preprosto
   skritje bi vseh pet odstranilo brez nadomestila. */
@media(max-width:760px){
  nav .wrap{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px;row-gap:4px}
  /* znak nosi .brand samo na index.html; drugod je gol <a>, zato to
     pravilo cilja prvega otroka glave in ne razreda */
  nav .brand,nav .wrap>a:first-child{display:inline-flex;align-items:center;min-height:44px}
  /* Pilula s kratico ne potrebuje prostora za celo ime jezika; neviden
     <select> čez njo se razteza sam (inset:0) in ga tu ne širimo. */
  /* short words do not reach 44 px in width without padding */
  .lnk{display:inline-flex !important;align-items:center;justify-content:center;
       min-height:44px;min-width:44px;padding:0 6px;font-size:var(--t-sm)}
  nav .navlinks{order:3;width:100%;display:flex;flex-wrap:wrap;gap:0 18px;
    border-top:1px solid var(--gravura-2);margin-top:4px}
  /* Noga na telefonu: vsaka povezava v svoji vrstici — dve ali tri v isti
     vrstici berejo kot razmetano. Pisava
     drobnejša od telesa: noga je kazalo, ne vsebina. */
  footer .fkazalo{grid-template-columns:1fr;row-gap:0}
  footer .fhead{margin-top:10px;min-height:24px}
  /* Povezave v dveh stolpcih: ena na vrstico je bila stolp 12 vrstic, dve ali
     tri v vrsti brez reda pa razmetano. Mreža je poravnana in pol krajša.
     Kontakt (e-naslov in firma) ostane v enem stolpcu, ker je dolg. */
  footer .fgroup{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;row-gap:0;align-items:start}
  footer .fgroup:has(.ffirma){grid-template-columns:1fr}
  /* na dotik tarča 44 px; na namizju z miško zadošča 32 */
  footer .fgroup a,footer .fgroup .ffirma{min-height:44px;line-height:1.3}
}

/* ── podatki ostanejo v isti pisavi ───────────────────────────────────
   Poravnavo stolpcev naredi font-variant-numeric:tabular-nums, ki ga
   Archivo pravilno izvede. Sistemska enoširinska pisava bi bila druga
   družina in druga oblika črk na vsakem operacijskem sistemu — najmanj
   nadzorovana stvar na strani. */
:root{--num:"Archivo",system-ui,-apple-system,sans-serif}

/* ── stanje obrazca ──────────────────────────────────────────────────
   .note.err in --napaka obstajata in ju uporabljajo skripte. */
.note.err{color:var(--napaka)}
.note.ok{color:var(--medenina)}
#formStatus:empty{display:none}

/* ── loki: gravirano zaporedje namesto mreže enakih kartic ───────────
   DESIGN.md prepove mrežo enakih kartic ikona-naslov-besedilo kot nosilno
   strukturo strani. To so niše na skupni gravirani osi. */
.arches{border-top:1px solid var(--gravura);padding-top:0}
.arch{
  border-radius:0;
  border:none;
  border-bottom:1px solid var(--gravura-2);
  background:transparent;
  padding:26px 0 26px 0;
  min-height:0;
}
.arch:last-child{border-bottom:none}
@media(min-width:761px){
  .arches{display:grid;grid-template-columns:repeat(2,1fr);gap:0 48px}
  .arch{border-bottom:1px solid var(--gravura-2)}
  .arch:nth-last-child(-n+2){border-bottom:none}
}
/* Okrogla niša iz istega besednjaka kot mehurčki ponudnikov v junaku.
   Prejšnja oblika loka je nosila opuščeno podobo in razmerje stranic, ki
   je na telefonu stalo približno 1600 px višine. */
/* Mreža ima dva stolpca, korak pa tri otroke, zato je tretji padel v
   drugo vrstico prvega stolpca: naslov je odletel na desni rob, odstavek
   pa se je pod ikono stisnil na širino dvajsetih znakov. Ikona zdaj
   premosti svoje vrstice (grid-row 1/-1), naslov in besedilo pa si delita
   drugi stolpec. */
.arch{display:grid;grid-template-columns:auto minmax(0,1fr);
      column-gap:18px;row-gap:6px;align-items:start}
.arch .cap{
  grid-column:1;grid-row:1 / -1;
  width:52px;height:52px;aspect-ratio:auto;
  border-radius:50%;
  margin-bottom:0;
  box-shadow:inset 0 0 0 3px var(--ohisje);
}
.arch .cap svg{width:22px;height:22px}
.arch h3{grid-column:2;margin:0;align-self:center}
.arch p{grid-column:2;margin:0}
/* Ikona je visoka 52 px, naslov pa ena vrstica: dokler naslov stoji sam,
   se v niši centrira, ko se prelomi v dve vrstici, pa se poravna na
   vrh. */
@supports(selector(:has(*))){.arch:has(h3){align-items:start}}

/* ═══ PONUDNIŠKI PROFIL ══════════════════════════════════════════════
   Uvodni prizor je ponudnikova fotografija s ploščico, ki nosi njegovo
   ime. Fotografija je prostor, v katerega stranka vstopi; ploščica ji
   pove, kam je prišla. Brez fotografije ostane gravirana ploskev — nikoli
   prazen pravokotnik.
   ═══════════════════════════════════════════════════════════════════ */
.pglava{position:relative;margin:0 0 22px;padding-bottom:64px}
.pfoto{
  height:220px;border-radius:var(--r-kartica);overflow:hidden;
  background:var(--plosca);
  background-size:cover;background-position:center;
  border:1px solid var(--gravura);
  position:relative;
}
/* Brez fotografije: gravirana lestvica namesto praznine. */
.pfoto:not(.ima)::after{
  content:"";position:absolute;inset:0;
  background:var(--skala);opacity:.5;
}
/* S fotografijo: temna preproga proti dnu, da ploščica stoji na nečem
   mirnem. Črnilo je barva ohišja in ne topla črna iz prejšnje podobe. */
.pfoto.ima::after{
  content:"";position:absolute;inset:0;
  background:rgba(23,15,10,.7);
}
.pkartica{
  position:absolute;left:20px;right:20px;bottom:0;
  display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;
  background:var(--plosca);
  border:1px solid var(--gravura);
  border-radius:var(--r-kartica);
  padding:16px 18px;
}
/* Škatla se skrči na 56 px in začetnica se mora skrčiti z njo. Pri
   velikosti, namenjeni škatli 84 px, zasede 0,63 škatle namesto 0,42 in
   črka se dotakne roba kroga. */
.pkartica .avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex:none;
  font-size:calc(56px * .42)}
.pkartica .avatar img{width:100%;height:100%;object-fit:cover;display:block}
.pkartica h1{font-size:var(--t-2xl);margin:0;line-height:1.15}
.pkartica .meta{font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;
  color:var(--telo-2);margin-top:3px}
.pkartica .rate{margin:0;white-space:nowrap;color:var(--telo)}
@media(max-width:560px){
  .pglava{padding-bottom:96px}
  .pkartica{left:12px;right:12px;grid-template-columns:auto 1fr;row-gap:10px}
  .pkartica .rate{grid-column:1 / -1}
}

/* hitra dejstva — kar stranka preveri pred odločitvijo */
.pdejstva{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.pdej{
  display:inline-flex;align-items:center;gap:7px;
  min-height:34px;padding:0 12px;
  background:var(--kartica);
  border:1px solid var(--gravura-2);
  border-radius:999px;
  font-size:var(--t-sm);color:var(--telo);
}
.pdej svg{width:15px;height:15px;flex:none;
  stroke:var(--medenina);fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}

/* storitve: vodoravni drsnik namesto navpičnega seznama. Ponudnik jih ima
   peščico in ne sto, vrsta pa se prebere v enem pogledu. */
.pstoritve{
  display:flex;gap:10px;overflow-x:auto;
  padding-bottom:6px;margin:0 -4px;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
}
.pstoritve li{
  list-style:none;flex:0 0 auto;min-width:180px;max-width:240px;
  scroll-snap-align:start;
  background:var(--plosca);
  border:1px solid var(--gravura);
  border-radius:var(--r-kartica);
  padding:16px 16px 14px;
  display:flex;flex-direction:column;gap:6px;
}
.pstoritve li .t{font-family:var(--display);font-size:var(--t-base);color:var(--slonovina);line-height:1.25}
.pstoritve li .m{font-size:var(--t-sm);color:var(--medenina);font-variant-numeric:tabular-nums}
.pstoritve .empty{padding:14px 0}

/* [hidden] mora na teh vsebnikih premagati display:flex/grid, sicer
   skrivanje ob napaki ne stori prav ničesar. */
[hidden]{display:none !important}

/* Stran, ki ni prišla do profila: ni ključa, ni ponudnika, ni povezave.
   Ena plošča streže vsem trem, ker so za obiskovalca ista stvar — tega,
   po kar je prišel, ni tu. Gumbi so izhodi in ne okras. */
.pstanje{
  background:var(--plosca);
  border:1px solid var(--gravura);
  border-radius:var(--r-kartica);
  padding:40px 32px;
  margin:0 0 28px;
}
/* stopnja modal-title iz DESIGN.md: plošča prekine pot in pojasni, kar je
   ista vloga, kot jo igra naslov modalnega okna */
.pstanje h1{font-size:var(--t-2xl);margin:0 0 10px;line-height:1.2}
.pstanje p{color:var(--telo);margin:0 0 22px;max-width:52ch}
.pstanje .btn{margin-right:8px}

/* Risane ikone v krmilnih elementih. Prej sta »←« in »✓« prihajala iz
   pisave: druga debelina, druga poravnava in v nekaterih jezikih sta
   ostala v prevodu kot besedilo. Enotna poteza 1,7 kot pri .pdej. */
nav a.back,#follow{display:inline-flex;align-items:center;gap:7px}
nav a.back .ic,#follow .ic{
  width:15px;height:15px;flex:none;
  fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
}
#follow.on .ic{stroke:var(--medenina)}

/* Ozadje z orrerijem je odstranjeno. Podlago nosi <html>. */

/* Vnosi na dotikalnih zaslonih merijo 16 px: iOS Safari in WKWebView ob
   fokusu vnosa s pisavo pod 16 px stran približata in po zaprtju tipkovnice
   ne vrneta pogleda — stran ostane zamaknjena v desno, glava odrezana.
   Meja je 16 px na IZRISANEM vnosu, zato jo nosi žeton, ne posamezna pravila. */
@media (pointer:coarse){
  :root{--t-vnos:16px;--t-vnos-drobno:16px}
}