#accessibilityToolbar button{

    cursor:pointer;

    transition:.2s;

}

#accessibilityToolbar button:hover{

    opacity:.85;

}

/* ===============================
   GIGW High Contrast Theme
=================================*/

body.gigw-contrast{

    background:#000 !important;
    color:#fff !important;

}

body.gigw-contrast *{

    color:#fff !important;
    text-shadow:none !important;

}

body.gigw-contrast a{

    color:#ffff00 !important;
    text-decoration:underline !important;

}

body.gigw-contrast nav,
body.gigw-contrast header,
body.gigw-contrast footer,
body.gigw-contrast section,
body.gigw-contrast article,
body.gigw-contrast aside,
body.gigw-contrast div{

    background:#000 !important;

}

body.gigw-contrast table{

    background:#000 !important;

    color:#fff !important;

}

body.gigw-contrast table th,
body.gigw-contrast table td{

    border:1px solid #fff !important;

}

body.gigw-contrast input,
body.gigw-contrast textarea,
body.gigw-contrast select{

    background:#111 !important;

    color:#fff !important;

    border:1px solid #fff !important;

}

body.gigw-contrast button{

    background:#222 !important;

    color:#fff !important;

    border:1px solid #fff !important;

}

/* Images ko readable rakho */
body.gigw-contrast img{

    filter:brightness(.95) contrast(1.1);

}

/* Icons */
body.gigw-contrast svg,
body.gigw-contrast i{

    color:#fff !important;

}

/* Active toolbar button */
.acc-active{

    background:#000 !important;

    color:#fff !important;

    border-color:#fff !important;

}

/* =======================================
   Accessibility Focus Ring
======================================= */

*:focus{

    outline:3px solid #ff9800 !important;

    outline-offset:2px;

}

/* Highlight Links */

.highlight-links a{

    text-decoration:underline !important;

    background:#ffff00 !important;

    color:#000 !important;

}

/* ===========================
   Accessibility Toolbar
=========================== */

#accessibilityToolbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:8px 20px;
    background:#ffffff;
    border-bottom:1px solid #d9d9d9;
    box-shadow:0 2px 6px rgba(0,0,0,.08);
    position:relative;
    z-index:99999;
    font-family:Arial, Helvetica, sans-serif;
}

.skip-link{
    color:#0056b3;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:.4px;
}

.skip-link:hover{
    color:#003d80;
    text-decoration:underline;
}

.acc-buttons{
    display:flex;
    align-items:center;
    gap:8px;
}

/* All Buttons */

.acc-buttons button{

    min-width:42px;
    height:36px;

    border:1px solid #cfd8dc;
    border-radius:6px;

    background:#ffffff;

    color:#1f2937;

    font-size:15px;
    font-weight:600;

    cursor:pointer;

    transition:all .25s ease;

    padding:0 12px;

}

/* Hover */

.acc-buttons button:hover{

    background:#0d6efd;

    color:#fff;

    border-color:#0d6efd;

    transform:translateY(-1px);

    box-shadow:0 3px 8px rgba(13,110,253,.25);

}

/* Active */

.acc-buttons button:active{

    transform:scale(.96);

}

/* Contrast Button */

#accContrast{

    background:#111827;

    color:#fff;

    border-color:#111827;

}

/* Normal Button */

#accNormal{

    background:#f8f9fa;

    color:#111;

}

/* Reset */

#accResetAll{

    background:#dc3545;

    color:#fff;

    border-color:#dc3545;

}

#accResetAll:hover{

    background:#bb2d3b;

}

/* Links */

#accLinks{

    background:#198754;

    color:#fff;

    border-color:#198754;

}

#accLinks:hover{

    background:#157347;

}

/* Active State */

.acc-active{

    background:#0d6efd !important;

    color:#fff !important;

    border-color:#0d6efd !important;

}

/* Mobile */

@media(max-width:768px){

    #accessibilityToolbar{

        flex-direction:column;

        align-items:flex-start;

        gap:10px;

        padding:12px;

    }

    .acc-buttons{

        flex-wrap:wrap;

        gap:6px;

    }

}