/**
 * style.css
 * Niestandardowe style uzupełniające Bootstrap 5.
 */

/* ── Ogólne ────────────────────────────────────────────────────────────────── */
body {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* Lekki efekt hover na kartach */
.hover-card {
    transition: transform .15s ease, box-shadow .15s ease;
}
.hover-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.12) !important;
}

/* Kod dostępu – odstępy między literami */
.letter-spacing-3 {
    letter-spacing: .3rem;
}

/* ── Strona logowania ────────────────────────────────────────────────────────── */
body.bg-light {
    background: linear-gradient(135deg, #e8f4fd 0%, #f0f9ff 100%) !important;
}

/* ── Panel użytkownika ──────────────────────────────────────────────────────── */
.list-group-item.active {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

/* ── Panel admina ────────────────────────────────────────────────────────────── */
.sidebar {
    border-right: 1px solid rgba(255,255,255,.08);
}

/* Tabele – mniejszy padding na małych ekranach */
@media (max-width: 576px) {
    .table td, .table th {
        padding: .4rem .5rem;
        font-size: .85rem;
    }
}

/* ── Pasek postępu uploadu ───────────────────────────────────────────────────── */
.progress {
    border-radius: .5rem;
    height: 6px;
}

/* ── Odznaka kodu QR ─────────────────────────────────────────────────────────── */
code {
    background: #f8f9fa;
    padding: .15rem .4rem;
    border-radius: .25rem;
    font-size: .9rem;
    color: #d63384;
}

/* ── Animacja fade-in dla alertów ────────────────────────────────────────────── */
.alert {
    animation: fadeInDown .3s ease;
}

@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Footer ──────────────────────────────────────────────────────────────────── */
footer {
    font-size: .8rem;
}