/* --- ERİŞİLEBİLİRLİK ETKİLERİ VE KATMANLARI --- */

.contrast {
    filter: invert(1) !important;
}

.highlight-links a {
    background: #000 !important;
    color: #ff0 !important;
    text-decoration: underline !important;
}

.bigger-cursor, .bigger-cursor * {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path d="M7 2l12 11.2-5.8.5 3.3 7.3-2.2 1-3.2-7.4-4.4 4.5z" fill="white" stroke="black" stroke-width="1"/></svg>'), auto !important;
}

.reading-guide-line {
    width: 70vw !important;
    min-width: 200px !important;
    position: absolute !important;
    height: 8px;
    z-index: 2147483647;
    background-color: #000;
    border-radius: 3px;
    transform: translate(-50%);
    border: 1px solid #ff0;
    pointer-events: none;
    display: none;
    zoom: 1 !important;
}

.reading-guide .reading-guide-line {
    display: block !important;
}

.dyslexic-friendly body {
    font-family: 'Comic Sans MS', OpenDyslexic, sans-serif !important;
}

.bigger-text body > *:not(#a11yOverlay):not(#readingFocusTop):not(#readingFocusBottom) {
    zoom: 1.25;
}

.desaturate {
    filter: saturate(0);
}

.align-text-left * {
    text-align: left !important;
}

.reading-focus-overlay-bottom, .reading-focus-overlay-top {
    position: fixed;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 99999999999;
    display: none;
    pointer-events: none;
}

.reading-focus-overlay-top {
    top: 0;
    border-bottom: 5px solid #00c4ff;
}

.reading-focus-overlay-bottom {
    bottom: 0;
    border-top: 5px solid #00c4ff;
}

.reading-mask .reading-focus-overlay-bottom, .reading-mask .reading-focus-overlay-top {
    display: block;
}

.low-saturation {
    filter: saturate(0.5);
}

.high-saturation {
    filter: saturate(2);
}

.remove-images img, .remove-images .page-logo {
    display: none !important;
}

.line-height p, .line-height span, .line-height div {
    line-height: 2 !important;
}

.blue-light-filter body:after {
    pointer-events: none;
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 200, 0, 0.15);
    mix-blend-mode: multiply;
    z-index: 2147483647;
}

.accSpeakingArea, .screen-reader .accSpeakingArea {
    background-color: #ff0 !important;
    color: #000 !important;
}