/* GORJE-224g: «Moj urnik» and «Moja statistika» on /sportnik (orodja/sportnik-stat.js). Colours of otrok.css: --tr trainings
   (blue), --tk races (yellow), --dr club events (green). Kir's rules: cards in a row as tall as the tallest, no coloured
   stripe at the bottom of anything, 2-line labels at line-height 1.1. */
.ss-skrito{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ss-h3{margin:0 0 1rem;font-size:clamp(1.25rem,1.8vw,1.6rem);font-weight:700;letter-spacing:-.01em}

/* the chips of the week and of the period */
.ss-izbira{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem}
.ss-cip{appearance:none;border:2px solid rgba(20,30,40,.14);background:#fff;border-radius:999px;padding:.6rem 1.1rem;min-height:44px;font-weight:700;font-size:1rem;line-height:1.1;cursor:pointer;transition:background .15s var(--ot-ease),border-color .15s var(--ot-ease),transform .15s var(--ot-ease)}
.ss-cip[aria-pressed="true"]{background:var(--noc);border-color:var(--noc);color:#fff}
.ss-cip:active{transform:scale(.97)}
.ss-cip:focus-visible{outline:3px solid var(--tr);outline-offset:2px}
@media (hover:hover){.ss-cip:hover{border-color:var(--noc)}}

/* «Moj urnik»: 7 equal day cards in a row on a wide screen, a list of days on tablet and phone */
.ss-teden{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.75rem;align-items:stretch}
.ss-dan{background:#fff;border-radius:1.25rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-width:0;border:2px solid transparent}
.ss-dan-gl{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .5rem;line-height:1.1}
.ss-dan-gl b{font-size:1.25rem}
.ss-dan-gl span{color:var(--megla);font-weight:600}
.ss-dan-gl .ss-zdaj{color:#fff;background:var(--tr-t);border-radius:999px;padding:.15rem .55rem;font-size:.8125rem;font-weight:700}
.ss-danes{border-color:var(--tr-t);box-shadow:0 0 0 4px var(--tr-p)}
.ss-mimo{opacity:.62}
.ss-prosto{margin:0;color:var(--megla);font-style:italic}
.ss-dan-vse{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.ss-tr{background:var(--tr-p);border-radius:.9rem;padding:.7rem .8rem;display:flex;flex-direction:column;gap:.3rem;min-width:0}
.ss-tr p{margin:0;line-height:1.15;overflow-wrap:break-word}
.ss-ura{font-weight:800;color:var(--tr-t);font-variant-numeric:tabular-nums}
.ss-kaj{font-weight:700}
.ss-kje{display:flex;gap:.3rem;align-items:flex-start;color:var(--megla);font-size:.9375rem}
.ss-kje svg{flex:none;width:1.05em;height:1.05em;margin-top:.05em}
.ss-oz{font-size:.875rem;font-weight:700}
.ss-oz-odp{color:#8a2a1d}
.ss-oz-pr{color:var(--tk-t)}
.ss-oz-bil{display:flex;gap:.3rem;align-items:center;color:var(--dr-t)}
.ss-oz-bil svg{width:1.1em;height:1.1em}
.ss-odpadel,.ss-prest{background:#eef0f2}
.ss-odpadel .ss-ura,.ss-odpadel .ss-kaj,.ss-prest .ss-ura,.ss-prest .ss-kaj{text-decoration:line-through;color:var(--megla)}
.ss-tekma{background:var(--tk-p)}
.ss-tekma .ss-ura{color:var(--tk-t)}
.ss-dogodek{background:var(--dr-p)}
.ss-dogodek .ss-ura{color:var(--dr-t)}
.ss-tag{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--tk-t)}
.ss-dogodek .ss-tag{color:var(--dr-t)}
@media (max-width:1100px){
  .ss-teden{grid-template-columns:1fr;gap:.5rem}
  .ss-dan{display:grid;grid-template-columns:7.5rem minmax(0,1fr);align-items:start;gap:.75rem;padding:.85rem 1rem}
  .ss-dan-gl{flex-direction:column;align-items:flex-start}
  .ss-dan-vse{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));align-items:stretch}
  .ss-prazen{padding-top:.6rem;padding-bottom:.6rem}
  .ss-prazen .ss-prosto{align-self:center}
}
@media (max-width:520px){
  .ss-dan{grid-template-columns:4.6rem minmax(0,1fr);gap:.6rem;padding:.75rem}
  .ss-dan-vse{grid-template-columns:1fr}
}

/* «Moja statistika» */
.ss-plosce{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;align-items:stretch;margin:0 0 2rem}
.ss-plosca{border-radius:1.25rem;padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.35rem;min-width:0}
.ss-plosca p{margin:0}
.ss-pl-ime{font-weight:800;font-size:.9375rem;line-height:1.1}
.ss-pl-vr{line-height:1;font-variant-numeric:tabular-nums}
.ss-pl-vr b{font-size:clamp(2.5rem,4.5vw,3.75rem);font-weight:800;letter-spacing:-.03em}
.ss-pl-vr span{font-size:1.125rem;font-weight:700;color:var(--megla)}
.ss-pl-pod{font-size:.9375rem;line-height:1.1;color:var(--megla);margin-top:auto}
.ss-pl-tr{background:var(--tr-p)}.ss-pl-tr .ss-pl-ime,.ss-pl-tr b{color:var(--tr-t)}
.ss-pl-pr{background:var(--dr-p)}.ss-pl-pr .ss-pl-ime,.ss-pl-pr b{color:var(--dr-t)}
.ss-pl-tk{background:var(--tk-p)}.ss-pl-tk .ss-pl-ime,.ss-pl-tk b{color:var(--tk-t)}
.ss-pl-op{background:#fff}
@media (max-width:760px){.ss-plosce{grid-template-columns:repeat(2,minmax(0,1fr))}}

.ss-graf-ovoj,.ss-vrste-ovoj,.ss-sezone-ovoj{background:#fff;border-radius:1.25rem;padding:1.25rem;margin:0 0 1rem}
.ss-graf{display:grid;grid-template-columns:repeat(var(--ss-n,6),minmax(0,1fr));gap:clamp(.25rem,1vw,.75rem);align-items:end}
.ss-st{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:0}
.ss-st-n{font-weight:800;font-size:.9375rem;color:var(--tr-t);min-height:1.1em;line-height:1.1;font-variant-numeric:tabular-nums}
.ss-st-ovoj{height:9rem;width:100%;max-width:3.5rem;display:flex;align-items:flex-end}
.ss-st-vsi{width:100%;background:var(--tr-p);border-radius:.6rem;display:flex;align-items:flex-end;overflow:hidden}
.ss-st-bil{width:100%;background:var(--tr);border-radius:.6rem;transform-origin:bottom;transition:transform .5s var(--ot-ease)}
.ss-st-ime{font-size:.8125rem;font-weight:700;color:var(--megla);line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ss-legenda{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem;margin:1rem 0 0;font-size:.875rem;color:var(--megla)}
.ss-lg{display:inline-block;width:.9rem;height:.9rem;border-radius:.25rem;margin-right:-.5rem}
.ss-lg-bil{background:var(--tr)}.ss-lg-vsi{background:var(--tr-p)}
@media (max-width:520px){.ss-st-ovoj{height:7rem}.ss-st-ime{font-size:.6875rem}}

.ss-vrste{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.ss-vrsta{display:flex;align-items:center;gap:.5rem;border-radius:999px;padding:.4rem .9rem .4rem .45rem;background:var(--tr-p);font-weight:700;line-height:1.1}
.ss-vrsta b{display:grid;place-items:center;min-width:2rem;height:2rem;border-radius:999px;background:#fff;color:var(--tr-t);font-variant-numeric:tabular-nums}
.ss-v-sneg{background:#E6EEFB}.ss-v-rolke{background:var(--tr-p)}.ss-v-kros{background:var(--dr-p)}.ss-v-zal{background:#F1E8FA}
.ss-v-imit{background:var(--sz-p)}.ss-v-kolo{background:var(--tk-p)}.ss-v-drugo{background:#EEF0F2}
.ss-vrsta-prazno{color:var(--megla)}
.ss-sezone{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.ss-sez{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;align-items:baseline;padding:.6rem 0;border-top:1px solid rgba(20,30,40,.1)}
.ss-sez:first-child{border-top:0}
.ss-sez b{min-width:5rem;font-size:1.125rem}
@media (prefers-reduced-motion:reduce){.ss-cip,.ss-st-bil{transition:none}}