/* Niestandardowe style i efekty */

body.background-image {
    /* Zakładamy, że wrzucisz baner jako tlo.jpg do folderu img */
    background-image: linear-gradient(rgba(10, 10, 10, 0.85), rgba(10, 10, 10, 0.95)), url('../img/IMG_2429.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.glass-panel {
    background: rgba(15, 15, 15, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Animacje wejścia dla zakładek */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.4s ease-out forwards;
}

.nav-link.active {
    color: #d4af37;
    position: relative;
}

.nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 2px;
    background-color: #d4af37;
    border-radius: 2px;
}