/*
 * Static-site layer: replaces what the React runtime did on the live site.
 * All visual styling comes from slavena.css (the original compiled Tailwind build).
 */

/* Components rendered by useMediaQuery("(max-width: 768px)"): desktop and mobile variants are both in the HTML. */
@media (max-width: 768px) {
  .sl-desk { display: none !important; }
}
@media not all and (max-width: 768px) {
  .sl-mob { display: none !important; }
}

/* Radix skips the open animation for content that is already open on first render. */
[data-sl-noanim] { animation: none !important; }

/* Scroll lock while the mobile menu / language menu is open (react-remove-scroll). */
body[data-scroll-locked] {
  overflow: hidden !important;
  overscroll-behavior: contain;
}

/* BProgress page-transition bar (height 4px, primary colour, no spinner). */
:root {
  --bprogress-color: var(--color-primary);
  --bprogress-height: 4px;
  --bprogress-box-shadow: 0 0 10px var(--color-primary), 0 0 5px var(--color-primary);
  --bprogress-z-index: 99999;
}
.bprogress {
  width: 0;
  height: 0;
  pointer-events: none;
  z-index: var(--bprogress-z-index);
}
.bprogress .bar {
  background: var(--bprogress-color);
  position: fixed;
  z-index: var(--bprogress-z-index);
  top: 0;
  left: 0;
  width: 100%;
  height: var(--bprogress-height);
  transition: transform 200ms ease;
}
.bprogress .peg {
  display: block;
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  box-shadow: var(--bprogress-box-shadow);
  opacity: 1;
  transform: rotate(3deg) translate(0px, -4px);
}
.list-decimal{list-style-type:decimal}