/* BRAK STYLI DLA PRZYCISKÓW (.a11y-btn).
   Nadaj im wygląd w Bricks Builderze używając klasy .a11y-btn 
   lub edytując element Shortcode.
   Domyślnie button ma brzydki, systemowy wygląd.
*/

/* --- LOGIKA SKALOWANIA CZCIONKI (REM) --- */
/* Zakładamy, że html ma domyślnie font-size: 62.5% (10px) lub 100% (16px) */

html.font-scale--3 { font-size: 40% !important; } /* Pomniejszenie */
html.font-scale--2 { font-size: 47% !important; }
html.font-scale--1 { font-size: 55% !important; }
html.font-scale-1  { font-size: 70% !important; } /* Powiększenie */
html.font-scale-2  { font-size: 80% !important; }
html.font-scale-3  { font-size: 90% !important; }
html.font-scale-4  { font-size: 100% !important; }
html.font-scale-5  { font-size: 110% !important; }
html.font-scale-6  { font-size: 120% !important; }
html.font-scale-7  { font-size: 130% !important; }

/* --- LOGIKA KONTRASTU (Żółty na Czarnym) --- */

html.high-contrast body {
    background-color: #000 !important;
    color: #ffff00 !important;
}

/* Wymuszenie kolorów na wszystkich elementach */
html.high-contrast body * {
    background-color: transparent !important;
    color: #ffff00 !important;
    border-color: #ffff00 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Linki */
html.high-contrast body a,
html.high-contrast body a * {
    color: #00ffff !important; /* Cyjan */
    text-decoration: underline !important;
}

/* Formularze i przyciski w trybie kontrastu */
html.high-contrast body button, 
html.high-contrast body input, 
html.high-contrast body textarea, 
html.high-contrast body select {
    background-color: #000 !important;
    border: 1px solid #ffff00 !important;
    color: #ffff00 !important;
}

/* Obrazki w trybie kontrastu */
html.high-contrast body img {
    filter: grayscale(100%) contrast(120%);
    border: 1px solid #ffff00 !important;
}