/* lesen.css — čitanje za slabovide i slepe (bez uticaja na vizuelni dizajn ako se ne uključi) */

/* 1. "Preskoči na sadržaj" — prvo što čita čitač ekrana */
.skip {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 9999;
  padding: 12px 18px;
  background: #d4af37;
  color: #0d0b08;
  font-family: 'Spectral', serif;
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
}
.skip:focus { left: 12px; top: 12px; }

/* 2. Vidljiv fokus za tastaturu */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #d4af37;
  outline-offset: 3px;
}

/* 3. Traka za čitanje */
.lrb {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 9998;
  display: flex;
  gap: 6px;
  padding: 8px;
  background: rgba(13, 11, 8, .94);
  border: 1px solid rgba(212, 175, 55, .45);
  box-shadow: 0 8px 30px rgba(0, 0, 0, .5);
  font-family: 'Spectral', serif;
}
.lrb button {
  appearance: none;
  background: transparent;
  border: 1px solid rgba(212, 175, 55, .3);
  color: #f6f1e7;
  font-family: inherit;
  font-size: 15px;
  line-height: 1;
  padding: 9px 11px;
  cursor: pointer;
  min-width: 40px;
  min-height: 40px;
}
.lrb button:hover { background: rgba(212, 175, 55, .14); }
.lrb button[aria-pressed="true"] {
  background: #d4af37;
  color: #0d0b08;
  border-color: #d4af37;
}
.lrb .st { font-size: 9px; letter-spacing: .16em; text-transform: uppercase; color: #a89880; padding: 0 6px; align-self: center; }
@media (max-width: 620px) {
  .lrb { right: 8px; left: 8px; bottom: 8px; justify-content: center; }
  .lrb .st { display: none; }
}

/* 4. Velika slova */
html.lesen-gross body { font-size: 118%; }
html.lesen-gross p,
html.lesen-gross li,
html.lesen-gross td { font-size: 1.12em !important; line-height: 2.05 !important; }
html.lesen-gross h2 { font-size: 1.12em; }

/* 5. Visok kontrast */
html.lesen-kontrast body { background: #000 !important; }
html.lesen-kontrast p,
html.lesen-kontrast li,
html.lesen-kontrast td,
html.lesen-kontrast .sub,
html.lesen-kontrast .lead { color: #ffffff !important; }
html.lesen-kontrast h1,
html.lesen-kontrast h2,
html.lesen-kontrast h3,
html.lesen-kontrast b,
html.lesen-kontrast i { color: #ffe89a !important; }
html.lesen-kontrast a { color: #9fd2ff !important; text-decoration: underline !important; }
html.lesen-kontrast .kick,
html.lesen-kontrast .label,
html.lesen-kontrast th { color: #ffd75e !important; }
html.lesen-kontrast table,
html.lesen-kontrast th,
html.lesen-kontrast td { border-color: rgba(255, 255, 255, .35) !important; }
html.lesen-kontrast .bhead { border-color: rgba(255, 255, 255, .3) !important; }

/* 6. Bez animacija za one koji to traže */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}


/* traka ne prekriva kraj teksta */
html.has-lrb body { padding-bottom: 84px; }
@media (max-width: 620px) { html.has-lrb body { padding-bottom: 76px; } }