/* Accessibility System CSS */
/* These classes are applied to the element and only take effect when active */
/* High Contrast Mode */
body.acc-high-contrast,
body.acc-high-contrast * {
background-color: #000000 !important;
color: #ffffff !important;
border-color: #ffff00 !important;
background-image: none !important;
}
body.acc-high-contrast a,
body.acc-high-contrast .btn,
body.acc-high-contrast i {
color: #ffff00 !important;
}
body.acc-high-contrast img,
body.acc-high-contrast video {
filter: grayscale(100%) contrast(120%) !important;
}
/* Readable Font */
body.acc-readable-font,
body.acc-readable-font * {
font-family: Arial, Helvetica, sans-serif !important;
}
/* Highlight Links */
body.acc-highlight-links a,
body.acc-highlight-links button,
body.acc-highlight-links .btn {
text-decoration: underline !important;
text-decoration-color: #ff0000 !important;
text-decoration-thickness: 3px !important;
color: #ff0000 !important;
font-weight: bold !important;
}
/* Stop Animations */
body.acc-stop-animations *,
body.acc-stop-animations *::before,
body.acc-stop-animations *::after {
animation: none !important;
transition: none !important;
scroll-behavior: auto !important;
}
/* Large Cursor */
body.acc-large-cursor,
body.acc-large-cursor * {
cursor: url('data:image/svg+xml;utf8,'), auto !important;
}
body.acc-large-cursor a,
body.acc-large-cursor button,
body.acc-large-cursor .btn {
cursor: url('data:image/svg+xml;utf8,'), pointer !important;
}
/* Accessibility Menu Styles */
.acc-modal-btn {
width: 100%;
text-align: right;
padding: 12px 15px;
margin-bottom: 10px;
background: #f8f9fa;
border: 2px solid #e9ecef;
border-radius: 12px;
font-weight: 600;
color: #333;
transition: all 0.2s ease;
display: flex;
align-items: center;
gap: 12px;
}
.acc-modal-btn i {
font-size: 1.2rem;
color: #004d99;
width: 24px;
text-align: center;
}
.acc-modal-btn:hover {
background: #e6f0fa;
border-color: #004d99;
}
.acc-modal-btn.active {
background: #004d99;
color: #fff;
border-color: #004d99;
}
.acc-modal-btn.active i {
color: #fff;
}
.acc-reset-btn {
background: transparent;
color: #dc3545;
border: none;
text-decoration: underline;
font-size: 0.9rem;
padding: 0;
}