/*
 * wcag-contrast.css
 * Poprawki kontrastu do WCAG 2.1 AA (1.4.3 / 1.4.11) dla spzlo.wieliczka.pl
 * Nadpisuje domyślne kolory Bootstrap 2. Ładować PO bootstrap.css i main.css.
 *
 * Wszystkie wartości zweryfikowane: kontrast >= 4.5:1 dla tekstu,
 * >= 3:1 dla komponentów UI/dużego tekstu.
 */

/* --- Linki: #0088cc (3.89:1) -> #0067a3 (6.05:1 na bieli, 4.85:1 na stopce) ---
   Alternatywa: #0000dd = 10.27:1 (bardzo mocny kontrast, ale jaskrawy niebieski).
   Obie wersje zgodne z AA. Poniżej wersja stonowana. */
a { color: #0067a3; }
a:hover, a:focus { color: #004e7a; }   /* ciemniejszy niż domyślne #005580, spójny */

/* --- Tekst pomocniczy / wyszarzony: #999 (2.85:1) -> #6f6f6f (5.02:1) --- */
.muted,
.help-block,
.help-inline,
small.muted,
.text-muted,
legend small,
.form-actions .help-block {
    color: #6f6f6f;
}
/* .muted na tle .well / .table-striped (#f5f5f5): #6f6f6f = 4.61:1 -> OK */

/* --- Kolory kontekstowe tekstu (alerty inline, .text-*) --- */
.text-warning { color: #8a6100; }   /* było #c09853 = 2.67:1 -> 5.54:1 */
.text-info    { color: #2a6f8f; }   /* było #3a87ad = 4.00:1 -> 5.57:1 */
.text-success { color: #3a7238; }   /* było #468847 = 4.31:1 -> 5.76:1 */
/* .text-error #b94a48 = 5.08:1 -> już zgodne, nie ruszamy */

/* --- Alert boxy: przyciemnienie tekstu dla pewności AA na jasnym tle --- */
.alert            { color: #5c4400; }  /* domyślny alert (żółty) - ciemny brąz */
.alert-info       { color: #205064; }
.alert-success    { color: #2f5c2e; }
.alert-error, .alert-danger { color: #953b3b; }

/* --- Label / Badge "info" (użyte przy akordeonach Laboratorium): 
       tło #3a87ad z białym tekstem = 4.00:1 (FAIL dla małego tekstu) 
       -> ciemniejsze tło #2a6f8f = 5.57:1 --- */
.label-info,
.badge-info {
    background-color: #2a6f8f;
    color: #ffffff;
}
.label-info[href],
.badge-info[href] {
    background-color: #205064;
}

/* --- Przyciski info (jeśli używane) - to samo tło co label --- */
.btn-info {
    background-color: #2a6f8f;
    background-image: none;
    border-color: #205064;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background-color: #205064;
}

/* --- Menu górne: obniżenie jasności linków dla stanu spoczynku ---
   #D8CEF0 na #29166f = 9.74:1 -> już OK, zostawiamy.
   Dodajemy tylko wyraźny focus (WCAG 2.4.7 Focus Visible). */

/* --- Nav disabled (wg sugestii): #999 -> #222 (15.91:1) ---
   UWAGA: element disabled jest wyłączony spod WCAG 1.4.3; ta zmiana
   sprawia, że wyłączona pozycja menu wygląda jak aktywny link.
   Oryginalny kolor Bootstrap: #999999  (podmień poniżej, jeśli chcesz wrócić). */
.nav .disabled > a,
.nav .disabled > a:hover,
.nav .disabled > a:focus {
    color: #222222;   /* oryginał: #999999 */
}

/* --- Widoczny wskaźnik fokusu klawiatury (dobra praktyka, 2.4.7) --- */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
.btn:focus,
.dropdown-toggle:focus {
    outline: 2px solid #ffbf47;   /* żółty, kontrastuje z granatem menu i bielą treści */
    outline-offset: 2px;
}

/* --- Placeholdery formularzy: domyślnie #999 (2.85:1) -> #6f6f6f --- */
::-webkit-input-placeholder { color: #6f6f6f; }
::-moz-placeholder          { color: #6f6f6f; opacity: 1; }
:-ms-input-placeholder      { color: #6f6f6f; }
::placeholder               { color: #6f6f6f; }

/* ============================================================
 * OPCJA A: Nadpisanie inline'owych kolorów z treści (WYSIWYG).
 * Kolory zaszyte w atrybutach style="color:..." w plikach dane/**.html
 * nie przechodziły AA. Selektory atrybutowe + !important je nadpisują.
 * Mapowanie na najbliższy ciemniejszy odcień (wszystkie >= 5.4:1 na bieli).
 *
 * UWAGA: to rozwiązanie globalne — zmienia dany kolor wszędzie.
 * Alternatywa (docelowa) = poprawa wprost w treści przez CMS.
 * ============================================================ */
[style*="color:#ff0000"], [style*="color: #ff0000"],
[style*="color:#FF0000"], [style*="color: #FF0000"] { color: #d40000 !important; }

[style*="color:#ff8c00"], [style*="color: #ff8c00"] { color: #9a5b00 !important; }

[style*="color:#f39c12"], [style*="color: #f39c12"] { color: #8a5a00 !important; }

[style*="color:#e74c3c"], [style*="color: #e74c3c"] { color: #c0392b !important; }

[style*="color:#3498db"], [style*="color: #3498db"] { color: #1f6ba8 !important; }

[style*="color:#c09853"], [style*="color: #c09853"] { color: #8a6100 !important; }

/* --- .nav-header (nagłówki sekcji na listach, np. "Ośrodek Zdrowia w ...")
       Bootstrap: #999 = 2.85:1 przy 11px bold -> FAIL.
       -> #6b6b6b = 5.33:1 na bieli, 4.89:1 na #f5f5f5.
       Usuwamy też jasny text-shadow, który obniża czytelność. --- */
.nav-header {
    color: #6b6b6b;              /* oryginał: #999999 */
    text-shadow: none;          /* oryginał: 0 1px 0 rgba(255,255,255,.5) */
}

/* --- Link Facebook w stopce: zamiana inline onmouseover/onmouseout
       (JS zależny od myszy, niedostępny z klawiatury) na CSS :hover + :focus.
       Rozwiązuje warning "Device dependent event handler" + WCAG 2.1.1. --- */
.fb-link {
    float: left;
    display: block;
    padding: 10px;
    line-height: 1;
    opacity: 0.85;
    transition: opacity 0.2s;
}
.fb-link:hover,
.fb-link:focus {
    opacity: 1;
}
.fb-link svg {
    vertical-align: middle;
}

/* --- .sr-only: treść czytelna dla czytników ekranu, niewidoczna wizualnie.
       Używane do ukrytych <h1>/<h2>/<h3> (WAVE: missing first level heading,
       skipped heading level) bez zmiany wyglądu strony.
       Standardowa technika (jak w Bootstrap 3+). --- */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* --- Kolorowanie wierszy tabel (.info/.warning/.calm) na <th> ---
       Bootstrap koloruje wiersze regułą "tr.info > td" - celuje wyłącznie
       w <td>. Odkąd js/main.js zamienia komórki nagłówkowe na prawdziwe
       <th> (naprawa WAVE: "layout table"), te wiersze straciły kolor,
       bo selektor Bootstrapa ich nie łapał. Douzupełniamy o "> th". --- */
.table tbody tr.info > th {
    background-color: #d9edf7;
}
.table tbody tr.warning > th {
    background-color: #fcf8e3;
}
.table tbody tr.calm > th {
    background-color: #afd1ff;
}
.table tbody tr.success > th {
    background-color: #dff0d8;
}
.table tbody tr.error > th {
    background-color: #f2dede;
}
.table-hover tbody tr.info:hover > th {
    background-color: #c4e3f3;
}
.table-hover tbody tr.warning:hover > th {
    background-color: #faf2cc;
}
.table-hover tbody tr.calm:hover > th {
    background-color: #afd1ff;
}
.table-hover tbody tr.success:hover > th {
    background-color: #d0e9c6;
}
.table-hover tbody tr.error:hover > th {
    background-color: #ebcccc;
}

/* --- Etykieta typu pliku dopisywana przez enhanceDocumentLinks() (js/main.js)
       przy linkach do PDF/DOC/XLS itd. Kolor #6f6f6f = 5.02:1, zgodny AA. --- */
.doc-type-badge {
    color: #6f6f6f;
    font-weight: normal;
    font-size: 0.9em;
}