/* --- Buton de accesibilitate la mijloc --- */
.scroll-middle {
  position: fixed;
  left: 15px;
  top: 95%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-color: #e2626b;
  color:  #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 99999;
  font-size: 24px;
}

/* --- Sidebar --- */
.sidebar {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  background-color: #2a2c39;
  overflow-x: hidden;
  transition: width 0.3s;
  padding-top: 60px;
  color: #fff;
  z-index: 99998;
}

/* Sidebar deschis */
.sidebar.open {
  width: 250px;
}

/* Linkuri în sidebar */
.sidebar a {
  display: block;
  padding: 12px 20px;
  text-decoration: none;
  color: #fff;
  transition: background 0.2s;
}

.sidebar a:hover {
  background-color: #1f202b;
}

/* Buton de închidere sidebar */
.sidebar .close-btn {
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 28px;
  cursor: pointer;
}

/* --- Clase de accesibilitate --- */

/* Fără culori - alb-negru complet, inclusiv imagini */
.no-colors {
  background-color: #fff !important;
  color: #000 !important;
  border-color: #000 !important;
}

.no-colors * {
  background-color: inherit !important;
  color: inherit !important;
  border-color: inherit !important;
}

.no-colors img,
.no-colors video {
  filter: grayscale(100%) !important;
}

/* Contrast ridicat */
.high-contrast {
  background-color: #fff !important;
  color: #000 !important;
}

.high-contrast * {
  background-color: inherit !important;
  color: inherit !important;
}

/* Contrast negativ */
.negative-contrast {
  background-color: #000 !important;
  color: #fff !important;
}

.negative-contrast * {
  background-color: inherit !important;
  color: inherit !important;
}

/* Font lizibil */
.readable-font,
.readable-font * {
  font-family: Arial, Helvetica, sans-serif !important;
}

/* Evidențiere link-uri */
.highlight-links a {
  outline: 2px solid #ff0 !important;
}

.highlight-links a:hover {
  outline: 2px dashed #f00 !important;
}