/* ============================================================
   Hover-lift — micro-interakcje przyciskow (styl Hover.css)
   Backlog #197 poz.2 (modernizacja UI/UX 2026). Zero JS, zero paczki.

   Globalny, addytywny CSS — NIE dotyka markupu. Przyciski na hover
   delikatnie sie unosza + dostaja cien; na klik "wciskaja sie".
   Efekt widoczny od razu (reakcja myszka, bez przeladowania strony).

   Bezpieczenstwo:
   - dziala tylko na aktywnych .btn (pomija :disabled/.disabled),
   - transition ROZSZERZA bootstrapowy (dokladamy transform, nie kasujemy
     przejsc koloru/tla/cienia),
   - respektuje prefers-reduced-motion (brak ruchu = brak transformacji).
   ============================================================ */

@media (prefers-reduced-motion: no-preference) {

    /* Rozszerzenie przejscia o transform (reszta = bootstrapowy default). */
    .btn:not(:disabled):not(.disabled) {
        transition:
            color 0.15s ease-in-out,
            background-color 0.15s ease-in-out,
            border-color 0.15s ease-in-out,
            box-shadow 0.15s ease-in-out,
            transform 0.15s ease-in-out;
    }

    /* Hover: lekkie uniesienie + wyrazniejszy cien. */
    .btn:not(:disabled):not(.disabled):hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(18, 39, 56, 0.15);
    }

    /* Klik: "wciska sie" z powrotem — namacalny feedback dotyku. */
    .btn:not(:disabled):not(.disabled):active {
        transform: translateY(0);
        box-shadow: 0 2px 4px rgba(18, 39, 56, 0.12);
    }
}