/* 1. Gwarantuje plynne przewijanie (jesli Bootstrap go nie wymusza) */
			html {
				scroll-behavior: smooth;
			}

/* 2. KLUCZOWE: Rozwiazanie problemu przyslaniania sekcji przez menu */
		/* Ustawiamy margines przewijania dla kazdego elementu z ID (celu linku) */
			[id] {
				scroll-margin-top: 80px; /* Dopasuj te wartosc do wysokosci Twojego menu (np. 80-110px) */
			}

/* 3. Opcjonalne: Poprawka dla menu mobilnego (offcanvas) */
			.offcanvas-body a {
				transition: color 0.3s ease;
				text-decoration: none;
			}

			.offcanvas-body a:hover {
				color: #007bff; /* Podswietlenie linku po najechaniu (zmien na swój kolor firmowy) */
			}

/* 4. Poprawka dla logo w menu (zeby nie bylo "przyklejone" do krawedzi) */
			.navbar-brand img, .offcanvas-header img {
				max-height: 50px; /* Kontrola wielkosci logo, by menu nie bylo za wysokie */
				width: auto;
			}
			
/* 1. Glówne ustawienia linku */
.nav-custom-link {
    color: #1a1a1a !important;
    text-decoration: none !important;
    position: relative;
    display: inline-flex; /* Laczy tekst i strzalke w jedna linie */
    align-items: center;
    transition: color 0.3s ease;
    white-space: nowrap;
}

/* 2. Podkreslenie - uzywamy BEFORE, zeby nie krasc miejsca strzalce */
.nav-custom-link::before {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -5px; /* Odleglosc linii od tekstu */
    left: 0;
    background-color: #bfa37c;
    transition: width 0.3s ease;
}

/* 3. Efekt najechania - linia pod tekstem */
.nav-custom-link:hover {
    color: #bfa37c !important;
}

.nav-custom-link:hover::before {
    /* Jesli to dropdown (ma strzalke), skracamy linie o ok. 15px, by nie wchodzila pod strzalke */
    width: calc(100% - 15px);
}

/* Dla linków bez strzalki linia na 100% szerokosci */
.nav-custom-link:not(.dropdown-toggle):hover::before {
    width: 100%;
}

/* 4. Fix dla strzalki Bootstrapa (AFTER) */
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.5em; /* Odstep strzalki od tekstu */
    vertical-align: middle;
    /* Resetujemy ewentualne konflikty pozycjonowania */
    position: relative !important;
    top: 0 !important;
}

/* --- STYLIZACJA DROPDOWN MENU (WERSJA PREMIUM V2) --- */

.dropdown-menu {
    /* 1. Wyglad karty i mocniejszy cien */
    border-radius: 24px;
    /* Zwiekszony cien o ok. 25-50% dla lepszej glebi 
    shadow: 0 12px 35px rgba(0, 0, 0, 0.2); */
    padding: 1rem 0;
    min-width: 220px;
    background-color: #ffffff;
    
    /* 2. Klucz do plynnego rozwijania I ZWIJANIA */
    display: block; /* Musi byc block, zeby przejscie transition dzialalo w obie strony */
    visibility: hidden; /* Ukrywa menu dla myszki i czytników */
    opacity: 0; /* Calkowicie przezroczyste */
    transform: translateY(15px); /* Startuje 15px nizej */
    
    /* Transition ustawione na wszystkie parametry (opacity i transform) */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    
    pointer-events: none; /* Blokuje klikniecia, gdy menu jest niewidoczne */
}

/* 3. Stan rozwiniety */
.dropdown-menu.show {
    visibility: visible;
    opacity: 1;
    transform: translateY(0); /* Plynnie wjezdza na góre */
    pointer-events: auto; /* Aktywuje linki */
}

/* 4. Estetyka elementów listy (bez zmian, bo dzialaly super) */
.dropdown-item {
    padding: 0.7rem 1.5rem;
    font-weight: 500;
    color: #1a1a1a;
    transition: all 0.2s ease;
}

.dropdown-item:hover {
    background-color: #f8f5f1;
    color: #bfa37c;
    padding-left: 1.8rem;
}