.navbar.scrolled { 
		background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
		transition: background-color 0.3s ease; 
		backdrop-filter: blur(6px); }

		.semi-transparent{
		background-color: rgba(0,0,0,0.5);
		}
		
		.navbar-transparent{
		background-color: rgba(0,0,0,0.7);
		}
	
/* Základní styl navigačních odkazů */
.navbar .nav-link {
    color: #f5e9d0; /* světle béžová pro lepší kontrast */
    font-weight: 600;
    padding: 8px 14px;
	margin-right: 6px;
    border: 2px solid transparent;
    border-radius: 6px;
    transition: all 0.25s ease;
}

/* Hover efekt */
.navbar .nav-link:hover {
    color: #fff;
    border-color: #8b5a2b; /* hnědá */
    background-color: rgba(139, 90, 43, 0.25);
}

/* Aktivní položka */
.navbar .nav-link.active {
    color: #fff;
    border-color: #8b5a2b;
    background-color: rgba(139, 90, 43, 0.45);
}

/* Tmavé pozadí při scrollování */
.navbar.scrolled {
    background-color: #212529 !important;
    backdrop-filter: blur(6px);
}


.hero-parallax { 
position: relative; 
background-image: url("images/hero-image.png"); 
background-attachment: fixed; 
background-size: cover; 
background-position: center; 
} 

.hero-parallax::before {
	content: ""; 
	position: absolute; 
	inset: 0; 
	background: rgba(255, 255, 255, 0.15); 
	/* zesvětlení */ 
	z-index: 1; 
	} 
.hero-content { 
	position: relative; 
	z-index: 2; 
	}

		
        .features {
            max-width: 1200px;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }

        .feature-card {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 15px;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            transition: all 0.3s ease;
            animation: fadeInUp 1s ease;
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .feature-card:hover {
            /*transform: translateY(-10px);*/
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            background: rgba(255, 255, 255, 0.15);
        }

        .feature-card h3 {
            font-size: 1.8rem;
            margin-bottom: 1rem;
            color: #fff;
        }

        .feature-card p {
            font-size: 1.1rem;
            line-height: 1.6;
            opacity: 0.9;
        }

        footer {
            background: rgba(0, 0, 0, 0.8);
            text-align: center;
            padding: 2rem;
            margin-top: 1rem;
            backdrop-filter: blur(10px);
            border-top: 1px solid rgba(255, 255, 255, 0.05);
        }

        .icon {
            font-size: 3rem;
            margin-bottom: 1rem;
            display: block;
        }

.bg-brown {
    color: #fff;
    border-color: #8b5a2b;
    background-color: rgba(139, 90, 43, 0.45);
}

.bg-brown:hover {
    color: #fff;
    border-color: #8b5a2b; /* hnědá */
    background-color: rgba(139, 90, 43, 0.25);
}