:root {
    --primary-orange: #ff6b35;
    --secondary-orange: #ff8c42;
    --dark-bg: #0d0d0d;
    --darker-bg: #000000;
    --light-gray: #1a1a1a;
    --medium-gray: #2d2d2d;
    --text-light: #ffffff;
    --text-muted: #cccccc;
    --gradient-primary: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%);
    --gradient-dark: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 100%);
    --panel-primary: #ff7849;
    --panel-secondary: #ff9a6b;
    --panel-dark: #111111;
    --panel-darker: #0a0a0a;
    --panel-card: #1e1e1e;
    --panel-card-hover: #252525;
    --panel-text: #ffffff;
    --panel-text-muted: #b0b0b0;
    --panel-border: #333333;
    --panel-success: #28a745;
    --panel-warning: #ffc107;
    --panel-danger: #dc3545;
    --panel-info: #17a2b8;
    --panel-gradient: linear-gradient(135deg, #ff7849 0%, #ff9a6b 100%);
}

/* Override Bootstrap navbar styles */
.navbar {
    background: #1a1a1a;
    border-bottom: 1px solid var(--panel-border);
    transition: transform 0.3s ease-in-out;
    position: relative; /* Zmieniamy z fixed na sticky */
    top: 0;
    z-index: 1030;
}

/* Klasa do ukrywania headera */
.navbar.hidden {
    transform: translateY(-100%);
}

.navbar-brand {
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    background: var(--gradient-primary) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.navbar-brand i {
    color: var(--primary-orange) !important;
    -webkit-text-fill-color: var(--primary-orange) !important;
}

.navbar-nav .nav-link {
    color: var(--text-light) !important;
    font-weight: 500;
    transition: all 0.3s ease;
    position: relative;
}


.navbar-nav .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--gradient-primary);
    border-radius: 2px;
}

/* Navbar toggle button */
.navbar-toggler {
    border: none !important;
}

.navbar-toggler-icon {
    background-image: none !important;
}

/* Panel Navigation */
.navbar {
    padding: 0;
}


.navbar .nav-link {
    color: var(--panel-text-muted) !important;
    font-weight: 500;
    padding: 1rem;
    border-radius: 0;
    margin: 0;
    border-bottom: 2px solid #1a1a1a;
}

.navbar .nav-link:hover {
    color: var(--panel-primary) !important;
    background: var(--panel-card-hover);
    border-bottom: 2px solid var(--panel-secondary);
}

.navbar .nav-link.active {
    color: var(--panel-primary) !important;
    background: var(--panel-card-hover);
    border-bottom: 2px solid var(--panel-primary);
}



/* Navbar visibility fix */
.navbar-custom {
    background: rgba(13, 13, 13, 0.95) !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--medium-gray);
    transition: all 0.3s ease;
    display: block !important; /* Force visibility */
    visibility: visible !important;
    opacity: 1 !important;
}

.navbar-custom.scrolled {
    background: rgba(0, 0, 0, 0.98) !important;
    box-shadow: 0 2px 20px rgba(255, 107, 53, 0.1);
}

/* Ensure navbar is always visible */
.navbar {
    z-index: 1050 !important;
}


/* Footer */
.footer {
    background: var(--darker-bg) !important;
    border-top: 1px solid var(--medium-gray);
    margin-top: 5rem;
    color: var(--text-light) !important;
}

.footer a {
    color: var(--primary-orange) !important;
    font-size: 1.2rem;
    transition: all 0.3s ease;
    text-decoration: unset;
}

.footer a.social-link:hover {
    transform: scale(1.2);
    color: var(--secondary-orange) !important;
}