/* ==========================================================================
   STYLE WCAG - WYSOKI KONTRAST
   ========================================================================== */

/* 1. Kontrast: Czarny tło, żółty tekst */
body.wcag-contrast, 
body.wcag-contrast :not(.btn):not(.badge) {
    background-color: #000000 !important;
    color: #ffff00 !important;
    border-color: #ffff00 !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* 2. Kontrast Odwrócony: Żółte tło, czarny tekst */
body.wcag-inverted-contrast, 
body.wcag-inverted-contrast :not(.btn):not(.badge) {
    background-color: #ffff00 !important;
    color: #000000 !important;
    border-color: #000000 !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Adaptacja specyficznych elementów z Twojego kodu */
body.wcag-contrast .header, 
body.wcag-contrast .footer-style1,
body.wcag-contrast .footer-style2,
body.wcag-contrast .navigation-list,
body.wcag-contrast .submenu-nav,
body.wcag-contrast .page-banner {
    background: #000 !important;
}

body.wcag-inverted-contrast .header, 
body.wcag-inverted-contrast .footer-style1,
body.wcag-inverted-contrast .footer-style2,
body.wcag-inverted-contrast .navigation-list,
body.wcag-inverted-contrast .submenu-nav,
body.wcag-inverted-contrast .page-banner {
    background: #ffff00 !important;
}

/* Linki i interakcje */
body.wcag-contrast a, 
body.wcag-contrast a span {
    text-decoration: underline !important;
    color: #ffff00 !important;
}

body.wcag-inverted-contrast a, 
body.wcag-inverted-contrast a span {
    text-decoration: underline !important;
    color: #000000 !important;
}

/* Przyciski (ramki dla lepszej widoczności) */
body.wcag-contrast .btn {
    border: 2px solid #ffff00 !important;
    background: transparent !important;
    color: #ffff00 !important;
}

body.wcag-inverted-contrast .btn {
    border: 2px solid #000000 !important;
    background: transparent !important;
    color: #000000 !important;
}

/* Obrazy i logotypy */
body.wcag-contrast img, 
body.wcag-inverted-contrast img {
//    filter: grayscale(100%) contrast(120%);
}

/* Fix dla Twoich zmiennych - resetowanie koloru nagłówków */
body.wcag-contrast h1, body.wcag-contrast h2, body.wcag-contrast h3,
body.wcag-inverted-contrast h1, body.wcag-inverted-contrast h2, body.wcag-inverted-contrast h3 {
    color: inherit !important;
}