/*Kontrast*/
    .influ_wcag_body_kontrast,
    .influ_wcag_body_kontrast * {
        color: #ffcc00 !important;
        background-color: #000 !important;
        border-color: #ffcc00 !important;

        background-image: unset !important;
        /*filter: grayscale(0) !important;*/
    }
    .influ_wcag_body_kontrast .box_m span{
        background: #fc0 !important;
    }
    .influ_wcag_body_kontrast h1:before,
    .influ_wcag_body_kontrast span:before{
        background-color: #ffcc00 !important;
    }


    .influ_wcag_body_kontrast blockquote::before {
        background: #ffcc00 !important;
    }
    .influ_wcag_body_kontrast .tlo_transparentne.tlo_osiagniecia,
    .influ_wcag_body_kontrast .tlo_transparentne.tlo_projekty,
    .influ_wcag_body_kontrast .tlo_newsletter{
        background-color: #000 !important;
        background-image: none !important;
    }
    .influ_wcag_body_kontrast .menu_stron li img{
        z-index: 11 !important;
    }

    .influ_wcag_body_kontrast *:focus-visible {
        outline: 4px solid #ffff00 !important; /* W wersji kontrastowej dajemy jaskrawożółtą ramkę */
        outline-offset: 2px !important;
        background-color: #000000 !important;  /* Dodatkowe upewnienie się, że tło pod elementem jest czarne */
        color: #ffff00 !important;
    }

/*Kontrast*/


/*Kursor*/
    .influ_wcag_body_kursor,
    .influ_wcag_body_kursor a,
    .influ_wcag_body_kursor * {
        cursor: url('../img/duzy_wskaznik.png?v02'), auto !important; 
    }
/*Kursor*/
/*Linki*/
    .influ_wcag_body_linki a:not(.influ_wcag_btn),
    .influ_wcag_body_linki a *:not(.influ_wcag_btn),
    .influ_wcag_body_linki a i:not(.influ_wcag_btn),
    .influ_wcag_body_linki a:not(.influ_wcag_btn) {
        background-color: #fc0 !important;
        color: #000 !important;
        background-image: unset;
    }


    .influ_wcag_body_linki a:hover:not(.influ_wcag_btn),
    .influ_wcag_body_linki a:hover *:not(.influ_wcag_btn),
    .influ_wcag_body_linki a:hover i:not(.influ_wcag_btn),
    .influ_wcag_body_linki a:hover:not(.influ_wcag_btn) {
        background-color: #000 !important;
        color: #fc0 !important;
    }

    .influ_wcag_body_linki a #logoGlowne {
        background-color: #000 !important;
    }
/*Linki*/
/*Widget*/
    #influ_wcag {
        position: fixed !important;
        z-index: 900 !important;
        right: 20px !important;
        bottom: 20px !important;
        
        background-color: #000 !important;
        color: #fc0 !important;
        font-size: 16px !important;
        text-align: center !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        max-width: 150px !important;
        border:  3px solid #fc0 !important;
        line-height: 20px !important;
        box-shadow: 0px 0px 25px rgba(0,0,0,0.5);
    }
    #influ_wcag span::-moz-selection { background-color: transparent;}
    #influ_wcag span::selection { background-color: transparent;}
    #influ_wcag.zamkniete {
        /*border:  3px solid #000 !important;*/
    }
    #influ_wcag span {
        border: none !important;
    }
    #influ_wcag.zamkniete span {
        display: none !important;
        border: none !important;
    }
    #influ_wcag.zamkniete nav {
        display: none !important;
    }
    #influ_wcag i {
        font-size: 48px !important;
        display: block !important;
        /*background-color: #000 !important;*/
        line-height: 48px !important;
        border: none !important;
    }
    #influ_wcag button {
        display: block !important;
        padding: 10px !important;
        color: #fc0 !important;
        background-color: #000 !important;
        text-align: center !important;
        cursor: pointer;
        border: none !important;
        position: relative !important;
        line-height: 20px !important;
        width: 100%;
    }
    #influ_wcag button::-moz-selection { background-color: transparent;}
    #influ_wcag button::selection { background-color: transparent;}
    #influ_wcag nav i {
        font-size: 36px !important;
        margin-bottom: 5px !important;
        /*background-color: #000 !important;*/
        line-height: 40px !important;
        border: none !important;
    }
    #influ_wcag nav  {
        /*border-top: 1px solid #fc0;*/
    }
    #influ_wcag nav button  {
        display: block !important;
        border: none !important;
        border-top: 1px solid #fc0 !important;
        line-height: 20px !important;
        width: 100%;
    }
    #influ_wcag button:hover {
        background-color: #330 !important;
        border: none !important;
    }
    #influ_wcag nav button:hover {
        border-top: 1px solid #fc0 !important;
    }
    #influ_wcag nav button:focus {
        border-top: 2px solid #fc0 !important;
        outline: 3px dotted #fc0;
        outline: -webkit-focus-ring-color auto 5px;
    }
    /*#influ_wcag a:active i,*/
    /*#influ_wcag a:focus i,*/
    #influ_wcag button:hover i {
        transform: scale(1.2) !important;
        /*background-color: #330 !important;*/
    }
    #influ_wcag .influ_wcag_btn i.influ_wcag_aktywny,
    #influ_wcag .influ_wcag_btn .influ_wcag_stopien {
        position: absolute  !important;
        font-weight: bold  !important;
        width: 30px  !important;
        line-height: 30px  !important;
        text-align: center  !important;
        border-radius: 20px  !important;
        overflow: hidden  !important;
        color: #fc0 !important;
        background-color: #000 !important;
        right: 5px  !important;
        top: 5px  !important;
        z-index: 901  !important;
        opacity: 1 !important;
    }

    #influ_wcag.zamkniete .influ_wcag_btn i.influ_wcag_aktywny,
    #influ_wcag .influ_wcag_btn i.influ_wcag_aktywny {
        font-size: 16px !important;
        color: #fc0 !important;
        width: 20px  !important;
        line-height: 20px  !important;
    }
    #influ_wcag .influ_wcag_btn i.influ_wcag_aktywny.schowaj,
    #influ_wcag .influ_wcag_btn .influ_wcag_stopien.schowaj {
        opacity: 0 !important;
    }
    #influ_wcag .influ_wcag_btn.wlaczone i,
    #influ_wcag .influ_wcag_btn.wlaczone {
        color: #000 !important;
        background-color: #fc0 !important;
        border: none !important;
    }
    #influ_wcag .influ_wcag_btn.wlaczone:hover i,
    #influ_wcag .influ_wcag_btn.wlaczone:hover {
        color: #000 !important;
        background-color: #eedd00 !important;
        border: none !important;
    }
    #influ_wcag button:active,
    #influ_wcag button:focus-visible,
    #influ_wcag nav button:active,
    #influ_wcag nav button:focus-visible {
        transform: scale(1.1) !important;
        background-color: #330 !important;
        outline: none !important;
    }
    #influ_wcag button:not(.wlaczone):hover i:not(.fa-universal-access),
    #influ_wcag button:not(.wlaczone):active i:not(.fa-universal-access),
    #influ_wcag button:not(.wlaczone):focus-visible i:not(.fa-universal-access),
    #influ_wcag nav button:not(.wlaczone):active i:not(.fa-universal-access),
    #influ_wcag nav button:not(.wlaczone):focus-visible i:not(.fa-universal-access) {
        background-color: #330 !important;
    }
    #influ_wcag.zamkniete button:active,
    #influ_wcag.zamkniete button:focus-visible {
        transform: scale(1) !important;
    }
    #influ_wcag.zamkniete button:active i,
    #influ_wcag.zamkniete button:focus-visible i {
        transform: scale(1.1) !important;
    }
/*Widget*/


/*skip-links*/
    /* Ukrycie skip-links poza ekranem w domyślnym stanie */
    .skip-links {
        position: absolute;
        top: -100px;
        left: 0;
        width: 100%;
        z-index: 100000;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    /* Pokazanie linku na samej górze strony w momencie gdy zyska focus (tabulacja) */
    .skip-links a.inner:focus {
        position: absolute;
        top: 100px; /* dopasuj do wysokości swojego layoutu */
        left: 10px;
        background: #fc0; /* jaskrawy kolor, dobrze widoczny dla osób niedowidzących */
        color: #000000;
        padding: 15px 25px;
        border: 2px solid #000;
        font-weight: bold;
        text-decoration: none;
        outline: none;
        border-radius: 4px;
    }
/*skip-links*/




/*Dodatkowe*/
    
    .influ_wcag_body_kontrast .mobil_head a svg{
        fill: #fc0 !important;
    }

    .influ_wcag_body_kontrast h2:after{
        border-color: #fc0 !important;
    }

    .influ_wcag_body_kontrast .mobil_head a.btn_kolor{
        background-color: #fc0 !important;
        color: #000 !important;
    }

    .influ_wcag_body_kontrast .mobil_head a.btn_kolor text{
        color: #000 !important;
        background-color: transparent !important;
    }

    .influ_wcag_body_kontrast  #glowny_naglowek_knt, 
    .influ_wcag_body_kontrast  #glowny_naglowek_knt .glowny_naglowek {
        background-color: transparent !important;
    }
    .influ_wcag_body_kontrast  .influ-linki a{
        border: 2px solid #fc0;
    }

    .influ_wcag_body_kontrast  #influencja a{
        filter: grayscale(0) !important;
    }
    .influ_wcag_body_kontrast  .influ-linki a{
        border: 2px solid #fc0;
    }


    .influ_wcag_body_kontrast .mobil_head a.btn_kolor:hover, 
    .influ_wcag_body_kontrast #influencja a{
        filter: grayscale(0) !important;
    }

    .influ_wcag_body_kontrast .mobil_head a svg,
    .influ_wcag_body_kontrast .okruszki svg {
        fill: #fc0 !important;
    }
    .influ_wcag_body_kontrast .okruszki i,
    .influ_wcag_body_kontrast .okruszki a.second:hover span{
        color: #fc0 !important;
    }
/*Dodatkowe*/
