/*
 * Úpravy zaškrtávacích polí, prepínačov a krúžkov Bootstrapu (.form-check-input).
 *
 * Statický súbor (nie resources/css cez Vite): public/build je v .gitignore, takže zmeny v resources/css sa na
 * produkciu dostanú až po "npm run build". Tieto opravy sa nasadzujú priamo, rovnako ako public/assets/js.
 * Načítava sa za Vite CSS (Tailwind) a PRED adminlte.css (layouts/app, layouts/guest, events/register,
 * questionnaire/form) – na tom poradí stoja pravidlá nižšie (zvolený stav, focus a chyby z Bootstrapu ich prebijú).
 */

/*
 * @tailwindcss/forms štýluje každý zaškrtnutý checkbox / radio a má vyššiu špecifickosť ako Bootstrap
 * (input:where(...):checked). Pri prepínači (.form-switch) roztiahne obrázok kruhu na celú šírku
 * (background-size: 100% 100%) – kruh ostane v strede a jeho posun (animácia) nie je vidieť; pri hover / focus
 * zase prefarbí zapnuté pole na farbu textu. Vraciame hodnoty Bootstrapu.
 */
.form-check-input:checked {
    background-size: contain;
}

.form-check-input:checked:hover,
.form-check-input:checked:focus {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

/*
 * Nezvolený krúžok (radio) a nezaškrtnuté pole (checkbox): okraj z Bootstrapu (#dee2e6) je na bielom pozadí takmer
 * neviditeľný, preto tmavší. Zvolený / zaškrtnutý a zvýraznený (focus) stav ostáva z Bootstrapu – adminlte.css sa
 * načítava až za týmto súborom a má rovnakú špecifickosť. Prepínače (.form-switch) vo vypnutom stave ostávajú svetlé.
 */
.form-check-input[type="radio"],
.form-check-input[type="checkbox"] {
    border-color: #6c757d;
}

.form-switch .form-check-input:not(:checked) {
    border-color: var(--bs-border-color);
}

/*
 * Verejné formuláre (dotazníky, registrácia na podujatia, aj v režime vloženia – <body class="public-form">):
 * textové polia, výbery a dlhé texty majú rovnako tmavý okraj ako krúžky a zaškrtávacie polia, aby boli polia
 * na bielom pozadí dobre vidno. Zvýraznenie pri písaní (focus) a chyba (is-invalid) ostávajú z Bootstrapu –
 * adminlte.css sa načítava neskôr a má rovnakú špecifickosť. Administrácia CRM ostáva bez zmeny.
 */
.public-form .form-control,
.public-form .form-select {
    border-color: #6c757d;
}