/* ===== kosednar.eu: ena stran, brez drsnika; jezik in tema ===== */
.md-header, .md-tabs, .md-footer, .md-sidebar, .md-top { display: none !important; }
.md-main__inner { margin: 0; } .md-content__inner { margin: 0; padding: 0; max-width: none; }
.md-content__inner::before { display: none; }
html[data-lang="sl"] [lang="en"]:not(html), html[data-lang="en"] [lang="sl"]:not(html) { display: none !important; }
.sc { position: relative; display: grid; place-items: center; min-height: 100svh; padding: 4.5rem 1.25rem 4.2rem; text-align: center; overflow: hidden; }
.sc__in { width: min(46rem, 100%); }
.sc .display { margin: .4rem 0 .6rem; font-size: clamp(2.6rem, 10vw, 5.4rem); }
.sc .lead { margin: .2rem auto; font-size: clamp(1rem, 2.6vw, 1.3rem); }
.sc .window { margin: 1.4rem auto 0; max-width: 28rem; text-align: left; }
.sc__ctrl { position: absolute; top: 14px; right: 14px; z-index: 5; display: flex; align-items: center; gap: .4rem; }
.sc__foot { position: absolute; left: 0; right: 0; bottom: .9rem; padding: 0 1rem; color: var(--ap-muted); font: .66rem/1.6 var(--md-code-font); letter-spacing: .04em; }
.sc__foot span { display: block; }
.pbar { width: min(22rem, 80%); height: 6px; margin: 1.2rem auto .4rem; border-radius: 999px; background: rgba(var(--accent-rgb), .16); overflow: hidden; }
.pbar i { display: block; width: 0; height: 100%; background: var(--accent); animation: pbar 6s ease-out .4s forwards; }
@keyframes pbar { to { width: 72%; } }
.led { display: inline-block; width: .6em; height: .6em; margin-right: .5em; border-radius: 50%; background: var(--accent); box-shadow: 0 0 10px var(--accent); animation: ledp 2.4s ease-in-out infinite; }
@keyframes ledp { 50% { opacity: .35; } }
.sc-theme .i-sun { display: none; }
[data-md-color-scheme="default"] .sc-theme .i-moon { display: none; }
[data-md-color-scheme="default"] .sc-theme .i-sun { display: block; }
/* Svetla tema za kosednar.eu: bela + črna + rdeča */
[data-md-color-scheme="default"] {
  --accent: #d62839; --accent-rgb: 214, 40, 57; --accent-soft: #b61f2f; --accent-hover: #b61f2f; --text-rgb: 20, 20, 20;
  --ap-bg: #f7f4f2; --ap-bg-alt: #ede8e5; --ap-tile: #ffffff; --ap-text: #141414; --ap-muted: #6a6260; --ap-line: rgba(214, 40, 57, .22); --ap-glass: rgba(247, 244, 242, .7); --ap-link: #b61f2f;
  --ap-blue: #d62839; --ap-blue-hover: #b61f2f; --ap-grad: linear-gradient(90deg, #d62839, #ff6b3d);
  --name-first: #141414; --name-last: #d62839;
  --md-default-bg-color: #f7f4f2; --md-default-fg-color: #141414; --md-default-fg-color--light: #6a6260; --md-default-fg-color--lightest: rgba(214, 40, 57, .12);
  --md-primary-fg-color: #ede8e5; --md-primary-bg-color: #141414; --md-accent-fg-color: #b61f2f; --md-typeset-color: #141414; --md-typeset-a-color: #b61f2f;
}
@media (prefers-reduced-motion: reduce) { .pbar i { animation: none; width: 72%; } .led { animation: none; } }

/* Svetla paleta in skupne mere za SL/EN; temna paleta je določena v site-theme.css. */
[data-md-color-scheme="default"] {
  --accent: #176B45; --accent-rgb: 23, 107, 69; --accent-soft: #125638; --accent-hover: #125638;
  --ap-bg: #fff; --ap-bg-alt: #EAF3ED; --ap-tile: #EAF3ED; --ap-text: #252B28; --ap-muted: #59645E;
  --ap-line: rgba(23, 107, 69, .2); --ap-glass: rgba(255, 255, 255, .82); --ap-link: #176B45;
  --ap-blue: #176B45; --ap-blue-hover: #125638; --ap-grad: linear-gradient(90deg, #176B45, #438565);
  --name-first: #252B28; --name-last: #176B45; --text-rgb: 37, 43, 40;
  --md-default-bg-color: #fff; --md-default-fg-color: #252B28; --md-default-fg-color--light: #59645E;
  --md-default-fg-color--lighter: #78827C; --md-default-fg-color--lightest: rgba(23, 107, 69, .12);
  --md-primary-fg-color: #EAF3ED; --md-primary-bg-color: #252B28; --md-primary-bg-color--light: rgba(37, 43, 40, .72);
  --md-accent-fg-color: #176B45; --md-typeset-color: #252B28; --md-typeset-a-color: #176B45;
  --md-typeset-table-color: rgba(23, 107, 69, .2); --md-code-bg-color: #EAF3ED; --md-code-fg-color: #252B28;
  --md-footer-bg-color: #fff; --md-footer-bg-color--dark: #fff; --md-footer-fg-color: #59645E;
  --md-footer-fg-color--light: #59645E; --md-footer-fg-color--lighter: #78827C;
}

/* Skupna širina in navpični ritem preprečita premik pri menjavi jezika. */
.sc { box-sizing: border-box; padding-top: max(4.5rem, calc(env(safe-area-inset-top) + 3.5rem)); padding-bottom: max(4.2rem, calc(env(safe-area-inset-bottom) + 3.2rem)); }
.sc__in { width: min(46rem, 100%); }
.sc .display { min-height: 1.08em; font-size: clamp(1.6rem, 8.5vw, 5.4rem); }
.sc .sc__in p.lead { display: block; box-sizing: border-box; width: 100%; max-width: none; min-height: 1.35em; margin: .2rem 0; padding-inline: 0; font-size: clamp(.7rem, 2vw, 1.3rem); line-height: 1.35; text-align: center; white-space: nowrap; }
.sc__ctrl { top: max(14px, calc(env(safe-area-inset-top) + 8px)); right: max(14px, calc(env(safe-area-inset-right) + 8px)); gap: .55rem; }
.sc__foot { bottom: max(.9rem, calc(env(safe-area-inset-bottom) + .55rem)); line-height: 1.55; }

/* Enotna geometrija, razmik in odziv za gumbe ter jezikovne kontrole. */
.md-typeset .md-button, .cf__btn, .cf__done button, .mq-toggle, .sc-lang__opt {
  box-sizing: border-box; min-height: 44px; padding: .65rem 1.15rem; border: 1px solid var(--ap-line); border-radius: 999px;
  font: 600 .78rem/1.2 var(--md-text-font); letter-spacing: 0; cursor: pointer;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.md-typeset .md-button { display: inline-flex; align-items: center; justify-content: center; margin: 0 .45rem .55rem 0; }
.md-typeset .md-button:not(.md-button--primary), .sc-lang__opt, .mq-toggle { color: var(--ap-text); background: var(--ap-bg); }
.md-typeset .md-button--primary, .cf__btn { color: #fff; background: var(--accent); border-color: var(--accent); }
.md-typeset .md-button:hover, .md-typeset .md-button:focus-visible, .cf__btn:hover, .cf__btn:focus-visible,
.cf__done button:hover, .mq-toggle:hover, .sc-lang__opt:hover { color: #fff; background: var(--accent-hover); border-color: var(--accent-hover); text-decoration: none; }
.sc-lang__opt { min-width: 52px; min-height: 34px; padding: .35rem .7rem; border-color: transparent; background: transparent; }
.sc-lang__opt.is-on { color: #fff; background: var(--accent); }
.hbtn { width: 40px; height: 40px; margin: 0; border-color: var(--ap-line); background: var(--ap-glass); }
.md-typeset .md-button:focus-visible, .sc-lang__opt:focus-visible, .hbtn:focus-visible, .cf__btn:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent) 42%, transparent); outline-offset: 3px; }

@media (max-width: 600px) {
  .sc { padding-inline: max(1.25rem, calc(env(safe-area-inset-left) + 1rem)); }
  .sc__in { width: min(34rem, 100%); }
  .sc .display { font-size: clamp(1.8rem, 10vw, 3rem); margin-bottom: .45em; }
  .sc .sc__in p.lead { max-width: none; min-height: 1.35em; margin-top: .35rem; font-size: clamp(.8rem, 4vw, 1.15rem); }
  .sc .avail { margin-bottom: 1.7rem; padding: .38rem 1.05rem; font-size: .76rem; }
  .sc .window { margin-top: 1.8rem; }
  .md-typeset .sc .window pre { padding: 30px 16px 32px; font-size: .72rem; line-height: 1.7; }
  .sc__foot { font-size: .62rem; }
  .md-typeset .md-button { min-height: 44px; margin-right: .35rem; }
}
@media (max-width: 320px) {
  .sc .sc__in p.lead { font-size: clamp(.7rem, 3vw, .75rem); letter-spacing: -.025em; }
}
@media (max-height: 560px) {
  .sc { min-height: 100svh; padding-block: 4.25rem 3.4rem; }
  .sc .display { font-size: clamp(1.35rem, 8vw, 3.6rem); }
  .sc .window { margin-top: .6rem; }
  .sc__foot { bottom: .35rem; }
}
@media (prefers-reduced-motion: reduce) {
  .md-typeset .md-button, .cf__btn, .cf__done button, .mq-toggle, .sc-lang__opt, .hbtn { transition: none; }
}

/* Izrazitejši neonski naslov v obeh temah, z barvo jedra, prilagojeno ozadju. */
[data-md-color-scheme="slate"] .display .nm-first {
  color: #fff;
  text-shadow: 0 0 2px rgba(255, 255, 255, .95), 0 0 14px rgba(255, 255, 255, .55), 0 0 34px rgba(255, 255, 255, .28);
}
[data-md-color-scheme="slate"] .display .nm-last {
  color: #2bf08f;
  text-shadow: 0 0 2px rgba(217, 255, 233, .95), 0 0 12px rgba(43, 240, 143, .8), 0 0 32px rgba(43, 240, 143, .55), 0 0 64px rgba(43, 240, 143, .3);
}
[data-md-color-scheme="default"] .display .nm-first {
  color: #171c19;
  text-shadow: 0 0 1px #171c19, 0 0 3px rgba(23, 28, 25, .85), 0 0 8px rgba(23, 28, 25, .5), 0 0 20px rgba(23, 28, 25, .28), 0 0 38px rgba(23, 28, 25, .14);
}
[data-md-color-scheme="default"] .display .nm-last {
  color: #176B45;
  text-shadow: 0 0 1px rgba(234, 243, 237, .95), 0 0 10px rgba(23, 107, 69, .48), 0 0 24px rgba(23, 107, 69, .28), 0 0 42px rgba(23, 107, 69, .16);
}

/* Poenotena, odzivna kompozicija začetne strani: vsebina deli eno sredinsko os. */
.sc {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  min-height: 100svh;
  padding: clamp(5rem, 11vh, 7rem) 1.25rem clamp(5rem, 10vh, 6.5rem);
}
.sc .sc__in {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(.85rem, 2.2vh, 1.35rem);
  width: min(56rem, 100%);
  margin-inline: auto;
  text-align: center;
}
.sc .sc__in > .avail,
.sc .sc__in > .display,
.sc .sc__in > p.lead,
.sc .sc__in > .window { margin: 0; }
.sc .sc__in > .avail { padding: .38rem 1.05rem; font-size: clamp(.72rem, 1.4vw, .82rem); }
.sc .sc__in > h1.display { width: 100%; min-height: 1.08em; font-family: var(--md-text-font); font-size: clamp(2rem, 8vw, 5.4rem); font-weight: 700; font-synthesis: none; font-kerning: normal; letter-spacing: -.035em; line-height: 1.04; }
.sc .sc__in > p.lead {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-height: 1.35em;
  padding: 0;
  font-size: clamp(.8rem, 2vw, 1.25rem);
  line-height: 1.35;
  text-align: center;
  white-space: nowrap;
}
.sc .sc__in > .window { box-sizing: border-box; width: min(100%, 28rem); }
.md-typeset .sc .window pre { padding: 24px 22px 26px; font-size: .7rem; line-height: 1.75; }

@media (max-width: 600px) {
  .sc { padding-inline: max(1rem, calc(env(safe-area-inset-left) + .75rem)); }
  .sc .sc__in { width: 100%; gap: clamp(.8rem, 2vh, 1.1rem); }
  .sc .sc__in > .avail { margin-bottom: .1rem; font-size: .78rem; }
  .sc .sc__in > h1.display { font-size: clamp(2rem, 9vw, 3rem); }
  .sc .sc__in > p.lead { font-size: clamp(.72rem, 3.6vw, 1.05rem); }
  .sc .sc__in > .window { width: 100%; }
  .md-typeset .sc .window pre { padding: 25px 16px 27px; font-size: .72rem; line-height: 1.72; }
  .sc__foot { font-size: .62rem; }
}
@media (max-width: 340px) {
  .sc .sc__in > h1.display { font-size: clamp(1.75rem, 8.8vw, 2rem); }
  .sc .sc__in > p.lead { font-size: .7rem; letter-spacing: -.02em; }
  .md-typeset .sc .window pre { padding-inline: 12px; font-size: .68rem; }
}

/* Kontrolniki naj ostanejo čisti in berljivi nad dekorativnimi scanlines. */
.sc__ctrl { z-index: 60; }
.sc__ctrl .hbtn,
.sc__ctrl .sc-lang__opt {
  position: relative;
  z-index: 61;
  box-shadow: none;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.sc__ctrl .sc-lang__opt:not(.is-on) { color: var(--ap-text); background: transparent; border-color: transparent; }
.sc__ctrl .hbtn:hover,
.sc__ctrl .hbtn:focus-visible,
.sc__ctrl .sc-lang__opt:not(.is-on):hover,
.sc__ctrl .sc-lang__opt:not(.is-on):focus-visible {
  color: var(--accent); background: var(--ap-bg-alt); border-color: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);
  transform: translateY(-1px);
}
[data-md-color-scheme="default"] .sc__ctrl .sc-lang__opt.is-on {
  color: #fff; background: #176B45; border-color: #176B45;
}
[data-md-color-scheme="default"] .sc__ctrl .sc-lang__opt.is-on:hover {
  color: #fff; background: #125638; border-color: #125638;
}
[data-md-color-scheme="default"] .sc__ctrl .hbtn:hover,
[data-md-color-scheme="default"] .sc__ctrl .hbtn:focus-visible {
  color: #176B45; background: #EAF3ED; border-color: #176B45;
}
[data-md-color-scheme="slate"] .sc__ctrl .sc-lang__opt:not(.is-on) { color: #d5ded7; }
[data-md-color-scheme="slate"] .sc__ctrl .sc-lang__opt:not(.is-on):hover,
[data-md-color-scheme="slate"] .sc__ctrl .sc-lang__opt:not(.is-on):focus-visible,
[data-md-color-scheme="slate"] .sc__ctrl .hbtn:hover,
[data-md-color-scheme="slate"] .sc__ctrl .hbtn:focus-visible {
  color: #d5ded7; background: rgba(61, 220, 132, .16); border-color: #3ddc84;
  box-shadow: 0 0 0 3px rgba(61, 220, 132, .14);
}
[data-md-color-scheme="slate"] .sc__ctrl .sc-lang__opt.is-on {
  color: #07180f; background: #3ddc84; border-color: #3ddc84;
}
[data-md-color-scheme="slate"] .sc__ctrl .sc-lang__opt.is-on:hover {
  color: #06150c; background: #77f0ac; border-color: #77f0ac;
}

/* Enaka kontrastna logika velja za gumbe v vsebini. */
[data-md-color-scheme="default"] .md-typeset .md-button--primary,
[data-md-color-scheme="default"] .cf__btn { color: #fff; background: #176B45; border-color: #176B45; }
[data-md-color-scheme="default"] .md-typeset .md-button--primary:hover,
[data-md-color-scheme="default"] .md-typeset .md-button--primary:focus-visible,
[data-md-color-scheme="default"] .cf__btn:hover,
[data-md-color-scheme="default"] .cf__btn:focus-visible { color: #fff; background: #125638; border-color: #125638; }
[data-md-color-scheme="slate"] .md-typeset .md-button--primary,
[data-md-color-scheme="slate"] .cf__btn { color: #07180f; background: #3ddc84; border-color: #3ddc84; }
[data-md-color-scheme="slate"] .md-typeset .md-button--primary:hover,
[data-md-color-scheme="slate"] .md-typeset .md-button--primary:focus-visible,
[data-md-color-scheme="slate"] .cf__btn:hover,
[data-md-color-scheme="slate"] .cf__btn:focus-visible { color: #06150c; background: #77f0ac; border-color: #77f0ac; }
[data-md-color-scheme="slate"] .md-typeset .md-button:not(.md-button--primary):hover,
[data-md-color-scheme="slate"] .md-typeset .md-button:not(.md-button--primary):focus-visible {
  color: #d5ded7; background: rgba(61, 220, 132, .14); border-color: #3ddc84;
}

/* Bolj verodostojno terminalsko okno in berljiv izpis stanja storitve. */
.sc .sc__in > .window {
  overflow: hidden;
  border: 1px solid rgba(130, 160, 141, .24);
  border-radius: 14px;
  background: #0b0e0c;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .035);
  color: #d9e1dc;
}
.sc .window__bar {
  position: relative;
  min-height: 42px;
  box-sizing: border-box;
  padding: 0 15px;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  background: linear-gradient(180deg, #191e1b, #141815);
}
.sc .window__bar span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
  color: #aab3ac;
  font: 500 .68rem/1 var(--md-text-font);
  letter-spacing: .01em;
}
.md-typeset .sc .window pre {
  margin: 0;
  background: #0b0e0c;
  color: #d9e1dc;
  font-family: var(--md-code-font);
  font-variant-ligatures: none;
  text-shadow: none;
}
.md-typeset .sc .window pre > code { color: inherit; background: transparent; }
.sc .window .dim { color: #88928b; }
.sc .window .term-ok { color: #55e895; }
@media (max-width: 600px) {
  .sc .window__bar { min-height: 40px; }
  .md-typeset .sc .window pre { padding: 22px 16px 24px; font-size: .7rem; line-height: 1.7; }
}
@media (max-width: 340px) {
  .md-typeset .sc .window pre { padding-inline: 12px; font-size: .66rem; }
}
@media (prefers-reduced-motion: no-preference) {
  .sc .sc__in { animation: hero-enter .72s cubic-bezier(.22, .72, .24, 1) both; }
  @keyframes hero-enter {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
  }
}