/* =========================
   ACCESSIBILITY - MODERN MU STYLE
========================= */

#accessibility-btn {
    position: fixed;
    right: 24px;
    bottom: 70px;
    width: 58px;
    height: 58px;

    background: url(../images/muisrael-accessibility.png) center center no-repeat,
                linear-gradient(145deg, #1d7cff, #0b4fae);
    background-size: 46px, cover;

    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 50%;

    cursor: pointer;
    z-index: 9999999;

    box-shadow:
        0 12px 35px rgba(0,0,0,0.50),
        0 0 18px rgba(29,124,255,0.35),
        inset 0 1px 0 rgba(255,255,255,0.18);

    transition: all 0.25s ease;
}

#accessibility-btn:hover {
    transform: scale(1.07);
    filter: brightness(115%);
}

#accessibility-toolbar {
    display: none;
    position: fixed;
    right: 24px;
    bottom: 140px;

    width: 270px;
    padding: 16px;

    background: rgba(15, 18, 28, 0.94);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    border: 1px solid rgba(255, 215, 120, 0.14);
    border-radius: 18px;

    z-index: 9999999;

    flex-direction: column;
    gap: 12px;

    box-shadow:
        0 22px 65px rgba(0,0,0,0.55),
        inset 0 1px 0 rgba(255,255,255,0.04),
        inset 0 -1px 0 rgba(255,215,120,0.05);
}
html.access-dark body > *:not(#accessibility-btn):not(#accessibility-toolbar) {
    filter: contrast(125%) brightness(85%);
}

html.access-light body > *:not(#accessibility-btn):not(#accessibility-toolbar) {
    filter: contrast(110%) brightness(115%);
}

html.access-mono body > *:not(#accessibility-btn):not(#accessibility-toolbar) {
    filter: grayscale(100%);
}

#accessibility-btn,
#accessibility-toolbar {
    filter: none !important;
}
#accessibility-toolbar button {
    display: block;
    width: 100%;
    margin: 0;
    padding: 14px 16px;

    background:
        linear-gradient(
            to bottom,
            rgba(38, 44, 62, 0.96),
            rgba(22, 26, 38, 0.96)
        );

    color: #ffffff;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 13px;

    font-size: 15px;
    font-weight: 600;
    font-family: "Open Sans", Arial, sans-serif;

    cursor: pointer;
    text-align: center;

    box-shadow:
        0 8px 22px rgba(0,0,0,0.28),
        inset 0 1px 0 rgba(255,255,255,0.04);

    transition: all 0.25s ease;
}

#accessibility-toolbar button:hover {
    transform: translateY(-2px);

    background:
        linear-gradient(
            to bottom,
            rgba(255, 215, 120, 0.20),
            rgba(35, 40, 58, 0.96)
        );

    border-color: rgba(255, 215, 120, 0.20);

    box-shadow:
        0 12px 30px rgba(0,0,0,0.38),
        0 0 16px rgba(255,215,120,0.10);
}

#reset-accessibility {
    background:
        linear-gradient(
            to bottom,
            rgba(165, 32, 32, 0.95),
            rgba(95, 8, 8, 0.95)
        ) !important;

    border-color: rgba(255, 100, 100, 0.18) !important;
}

.monochrome,
.access-mono {
    filter: grayscale(100%);
}

.access-dark {
    filter: contrast(125%) brightness(85%);
}

.access-light {
    filter: contrast(110%) brightness(115%);
}