/* Kure in kozmetika (Kozmetika K2/K4, lastnica 21. 10. 2026).
 *
 * Strankine strani (profil, rezervacija, Moji termini) stojijo na
 * atmosferi: kura je okvirček (mlečno steklo, eleganca.css .okvircek).
 * Plošča je bela: kartice z lasnico. Samo žetoni; datoteka stoji pred
 * steklo.css in eleganca.css. */

/* ── kura: skupni deli ─────────────────────────────────────────────────── */
.kure-seznam{list-style:none;margin:0;padding:0;display:grid;gap:12px}
@media (min-width:900px){.kure-seznam{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kura{display:flex;flex-direction:column;gap:6px;min-width:0}
.kura-ime{margin:0;font-family:var(--display);font-weight:400;font-size:var(--t-lg);line-height:1.25;color:var(--slonovina);overflow-wrap:anywhere}
.kura-meta{margin:0;font-size:var(--t-sm);line-height:1.5;color:var(--telo)}
.kura-cena{margin:2px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.kura-cena b{font-family:var(--num);font-weight:400;font-size:var(--t-xl);color:var(--slonovina)}
.kura-cena span{font-size:var(--t-sm);color:var(--telo-2)}
.kura-dej{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.kura-dej .btn{min-height:44px}
.kura-note{margin:6px 0 0;font-size:var(--t-sm);color:var(--telo)}
.kura-note.err{color:var(--napaka)}

/* Ostanek: »ostali 4 od 6« z vrsto pik — polna je obisk, ki je še na voljo.
 * Pika je okras; število nosi besedilo (bralnik zaslona ga prebere). */
.kura-ostalo{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:4px 0 0}
.kura-ostalo-t{font-size:var(--t-sm);font-weight:500;color:var(--slonovina)}
.kura-pike{display:flex;flex-wrap:wrap;gap:5px}
.kura-pike i{width:10px;height:10px;border-radius:var(--r-oval);border:1px solid var(--rob-k);background:transparent}
.kura-pike i.ima{background:var(--medenina);border-color:var(--medenina)}
.kura-oznaka{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:var(--r-oval);
  background:var(--tan-mehki);color:var(--akcent-ton);font-size:var(--t-xs);font-weight:500}
.kura-oznaka.opozorilo{background:var(--tan-sij)}

/* ── Moji termini ─────────────────────────────────────────────────────── */
.kure-moj{margin:0 0 18px}
.kure-moj[hidden]{display:none}
.kure-moj>.kura-note{margin:0 0 14px}
.kure-moj-h{margin:0 0 10px;font-family:var(--display);font-weight:400;font-size:var(--t-base);color:var(--slonovina)}
.kura-predlog{margin:8px 0 0}
.kura-predlog-p{margin:0 0 8px;font-size:var(--t-sm);color:var(--telo)}
.kura-ure{display:flex;flex-wrap:wrap;gap:8px}
.kura-ure button{min-height:44px;min-width:44px;padding:0 14px;border-radius:var(--r-oval);border:1px solid var(--rob-k);
  background:var(--plosca);color:var(--slonovina);font:inherit;font-size:var(--t-sm);cursor:pointer}
@media (hover:hover) and (pointer:fine){.kura-ure button:hover{border-color:var(--slonovina)}}
.kura-ure button:disabled{opacity:.6;cursor:default}
.kura-ure button:focus-visible,.kura-uporabi input:focus-visible{outline:2px solid var(--slonovina);outline-offset:2px}
.appt-kura{display:inline-flex;margin-left:6px}

/* ── rezervacija: Uporabi kuro, kupi kuro, polnjenje ─────────────────── */
.kura-rez[hidden]{display:none}
.kura-uporabi{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer;font-size:var(--t-sm);color:var(--slonovina)}
.kura-uporabi input{width:22px;height:22px;margin:0;accent-color:var(--slonovina);flex:none}

/* ── profil ponudnika ─────────────────────────────────────────────────── */
#kure-sec[hidden]{display:none}
#kure-sec .kure-uvod{margin:0 0 12px;font-size:var(--t-sm);color:var(--telo)}

/* Kure v skupini storitev (migracija 115; kure-profil.js): na steklu bloka
   skupine, pod njenimi storitvami. Okvirček v okvirčku bi bil škatla v
   škatli, zato je kura tu vrstica kot storitev: ime v teži storitve, vrstice
   loči prostor, en stolpec kot storitve. */
.kure-seznam.pn-kure{display:block;margin:0}
.pn-storitve+.pn-kure{margin-top:6px}
.kura-v-skupini{padding:14px 0 4px}
/* Prazna vrstica stanja ostane bralniku (role=status), ne doda razmika. */
.kura-v-skupini .kura-note:empty{margin:0}
.kura-v-skupini+.kura-v-skupini{margin-top:6px}
.kura-v-skupini .kura-ime{font-family:var(--body);font-weight:600;font-size:16px;line-height:1.3}
.kura-v-skupini .kura-meta{font-size:15px}

/* ── plošča (bela) ────────────────────────────────────────────────────── */
.kzp-seznam{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.kzp-vrsta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding:12px 14px;
  border:1px solid var(--gravura);border-radius:var(--r-drobno);background:var(--plosca)}
.kzp-vrsta .t{font-weight:500;color:var(--slonovina);overflow-wrap:anywhere}
.kzp-vrsta .m{font-size:var(--t-sm);color:var(--telo-2)}
.kzp-vrsta .kzp-dej{display:flex;flex-wrap:wrap;gap:6px 20px}
.kzp-vrsta .btn-link,.kzp-vrsta .btn{min-height:44px}
.kzp-vrsta.umaknjena .t{color:var(--telo-2)}
.kzp-forma{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;margin:0 0 6px}
.kzp-forma .btn{min-height:44px}
.kzp-forma .fld{margin:0;min-width:0}
/* Spremeni skupino (migracija 115): obrazec pod vrstico kure, čez vso širino. */
.kzp-vrsta .kzp-skupina-forma{flex-basis:100%;margin:4px 0 0}
.kzp-skupina-forma .note{grid-column:1/-1;margin:0}
.kzp-skupina-forma .btn-link{justify-self:start}
.kzp-skupina-forma .fld input{min-height:44px}
.kzp-storitev{padding:12px 0;border-top:1px solid var(--gravura)}
.kzp-storitev:first-child{border-top:0}
.kzp-storitev h3{margin:0 0 6px;font-family:var(--display);font-weight:400;font-size:var(--t-base);color:var(--slonovina)}
.kzp-storitev .kzp-forma{margin:6px 0 0}
/* Stikalo polnjenja: splošno pravilo za potrditvena polja (podoba.css)
   ima večjo težo kot .stikalo iz plošče, zato se nariše znova (kot
   frizer.css): prazen tir z robom --rob-k, vklopljen je črnilo. */
.kzp-storitev input[type=checkbox].stikalo{position:relative;width:46px;height:28px;border-radius:999px;
  background:var(--noc);background-image:none;border:1px solid var(--rob-k);transition:background-color .18s,border-color .18s}
.kzp-storitev input[type=checkbox].stikalo::before{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;
  background:var(--plosca);box-shadow:0 0 0 1px var(--rob-k);transition:transform .18s cubic-bezier(.2,.7,.2,1)}
.kzp-storitev input[type=checkbox].stikalo:checked{background:var(--slonovina);border-color:var(--slonovina);background-image:none}
.kzp-storitev input[type=checkbox].stikalo:checked::before{transform:translateX(18px);box-shadow:none}
@media(prefers-reduced-motion:reduce){.kzp-storitev input[type=checkbox].stikalo,.kzp-storitev input[type=checkbox].stikalo::before{transition:none}}
.kzp-pojasnilo{margin:0 0 6px;font-size:var(--t-sm);color:var(--telo)}
.kzp-opombe{margin:10px 0 0;padding:0 0 0 18px;font-size:var(--t-sm);color:var(--telo)}
.kzp-opombe li{margin:4px 0}
.kzp-stranka{margin:14px 0 0}
.kzp-stranka h4{margin:0 0 8px}

/* Koledar plošče: preklop Ekipa / Naprave (stolpci po napravah). */
.kol-pogled{display:inline-flex;gap:6px;margin:0 0 10px;padding:4px;border-radius:var(--r-oval);background:var(--noc)}
.kol-pogled[hidden]{display:none}
.kol-pogled button{min-height:44px;padding:0 16px;border:0;border-radius:var(--r-oval);background:transparent;color:var(--telo);font:inherit;font-size:var(--t-sm);cursor:pointer}
.kol-pogled button[aria-pressed="true"]{background:var(--slonovina);color:var(--plosca);font-weight:500}
.kol-pogled button:focus-visible{outline:2px solid var(--slonovina);outline-offset:2px}

@media (prefers-reduced-motion:reduce){.kura-ure button{transition:none}}
/* Kartici v Storitvah pokaže kure-plosca.js, ko strežnik odgovori. */
.kzp-kartica:not(.na-voljo){display:none}
#vir-predlogi[hidden]{display:none}