/*
 * custom.css
 * Ręczne nadpisania CSS ładowane PO assets/dist/app.css.
 * Tu trzymamy poprawki, których nie wprowadzamy w kompilowanym app.css.
 */

/* --- Formularz kontaktowy (CF7): checkbox zgody -----------------------------
 * Struktura CF7 (potwierdzona w DevTools):
 *   div.checkbox > ... > label > input#consent + span.wpcf7-list-item-label
 * czyli <input> jest WEWNĄTRZ <label>. Dlatego:
 *  - klik w label natywnie przełącza input (klikalność jest OK),
 *  - ale oryginalny selektor `.checkbox input:checked + label::after` NIE pasuje
 *    (input nie jest sąsiadem label, tylko jego dzieckiem), więc "ptaszek" nigdy
 *    się nie pokazywał -> wyglądało, jakby checkbox nie działał.
 * Fix: ptaszek pokazujemy przez :has() dopasowane do realnej struktury,
 * a wizualny kwadrat nie przechwytuje kliknięć.
 * -------------------------------------------------------------------------- */
.checkbox label {
    cursor: pointer;
}

.checkbox label::after {
    pointer-events: none;
}

.checkbox label:has(input:checked)::after {
    background-image: url('data:image/svg+xml,<svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.94052 6.80635L10.4437 0.303117C10.6458 0.101039 10.903 0 11.2153 0C11.5276 0 11.7848 0.101039 11.9869 0.303117C12.189 0.505194 12.29 0.762384 12.29 1.07469C12.29 1.38699 12.189 1.64418 11.9869 1.84626L4.71209 9.12105C4.49164 9.3415 4.23445 9.45173 3.94052 9.45173C3.64658 9.45173 3.38939 9.3415 3.16895 9.12105L0.303117 6.25522C0.101039 6.05315 0 5.79596 0 5.48365C0 5.17135 0.101039 4.91416 0.303117 4.71209C0.505194 4.51001 0.762384 4.40897 1.07469 4.40897C1.38699 4.40897 1.64418 4.51001 1.84626 4.71209L3.94052 6.80635Z" fill="%231C1B1F"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
}