/* ── Meniu Accesibilitate ───────────────────────────────── */
.acc-toggle {
  position: fixed; bottom: 20px; right: 20px; z-index: 999;
  width: 52px; height: 52px; border-radius: 50%;
  background: #00B4C6; color: #0D1B3E; border: none; cursor: pointer;
  font-size: 1.6rem; display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 16px rgba(0,0,0,0.25);
  transition: background 0.2s, transform 0.2s;
}
.acc-toggle:hover { background: #00d4e8; transform: scale(1.05); }

.acc-panel {
  position: fixed; bottom: 84px; right: 20px; z-index: 999;
  background: #fff; color: #0D1B3E; border-radius: 14px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.25); padding: 16px; width: 230px;
  display: none; font-family: 'Inter', Arial, sans-serif;
}
.acc-panel.open { display: block; }
.acc-panel h4 { font-size: 0.92rem; margin: 0 0 12px; font-weight: 800; }
.acc-label { font-size: 0.74rem; color: #777; margin-bottom: 6px; font-weight: 600; }
.acc-row { display: flex; gap: 6px; margin-bottom: 8px; }
.acc-btn {
  flex: 1; padding: 8px 6px; border: 1px solid #ddd; border-radius: 8px;
  background: #f5f5f5; color: #0D1B3E; cursor: pointer; font-size: 0.8rem; font-weight: 700;
  transition: all 0.15s; font-family: inherit;
}
.acc-btn:hover { border-color: #00B4C6; }
.acc-btn.active { background: #00B4C6; color: #fff; border-color: #00B4C6; }
.acc-reset {
  width: 100%; padding: 8px; border-radius: 8px; border: 1px solid #ddd;
  background: #fff; color: #0D1B3E; cursor: pointer; font-size: 0.8rem; font-weight: 700;
  margin-top: 4px; font-family: inherit;
}
.acc-reset:hover { background: #f5f5f5; }

@media (max-width: 480px) {
  .acc-toggle { bottom: 14px; right: 14px; width: 46px; height: 46px; font-size: 1.4rem; }
  .acc-panel { bottom: 70px; right: 14px; width: calc(100vw - 28px); }
}

/* ── Efecte ─────────────────────────────────────────────── */
html.acc-fs-1 { font-size: 107%; }
html.acc-fs-2 { font-size: 116%; }

html.acc-contrast { filter: invert(1) hue-rotate(180deg); }
html.acc-contrast img,
html.acc-contrast svg,
html.acc-contrast video,
html.acc-contrast picture { filter: invert(1) hue-rotate(180deg); }

html.acc-grayscale { filter: grayscale(1); }
html.acc-contrast.acc-grayscale { filter: invert(1) hue-rotate(180deg) grayscale(1); }
html.acc-contrast.acc-grayscale img,
html.acc-contrast.acc-grayscale svg,
html.acc-contrast.acc-grayscale video,
html.acc-contrast.acc-grayscale picture { filter: invert(1) hue-rotate(180deg) grayscale(1); }

html.acc-underline a { text-decoration: underline !important; }