body {
            font-family: 'Inter', sans-serif;
            background-color: #f7f9fc; /* Jasnoszare tło */
            color: #333;
        }
        /* Definicje niestandardowych kolorów */
        .bg-primary-green { background-color: #007836; } /* Określony zielony */
		.border-primary-green { border-color: #007836; }
        .text-primary-green { color: #007836; }
		.text-primary-white{color: white;text-shadow: 0px 0px 25px black;}
		.border-blue-trblx1{border:1px solid #005b9a;}
        /* Ponieważ wszystkie zielenie to teraz #007836, green-strong będzie takie samo */
        .bg-green-strong { background-color: #007836; } /* Spójny zielony */
		.border-silver-trblx1{border: 1px solid #d9d9d9;}
        .text-green-strong { color: #007836; } /* Spójny zielony */
        .border-green-strong { border-color: #007836; } /* Spójny zielony */
		.text-blue{color: #00448c;}
		.ta{text-transform: uppercase;}
        .bg-secondary-blue { background-color: #2196F3; } /* Zachowany kontrastujący niebieski dla elementów wtórnych */
        .text-secondary-blue { color: #2196F3; }
        .bg-accent-yellow { background-color: #FFC107; } /* Zachowany kontrastujący żółty dla akcentów */
        .text-accent-yellow { color: #FFC107; }
        .max-h-75{max-height: 75px;}
		.border-007836-200{border-color:#007836;}
        .bg-light-gray { background-color: rgb(236, 236, 236); }
        .text-dark-gray { color: #2C3E50; } /* Ciemniejszy odcień szarości dla lepszego kontrastu */
        .bg-footer-dark { background-color: #3d4c4d; } /* Kolor tła stopki */


        .btn-primary {
            @apply bg-primary-green text-white font-medium py-3 px-6 rounded-lg shadow-md hover:bg-green-strong transition duration-300 ease-in-out;
        }
        .btn-secondary {
            @apply bg-secondary-blue text-white font-medium py-3 px-6 rounded-lg shadow-md hover:bg-blue-600 transition duration-300 ease-in-out;
        }
        /* Niestandardowy pasek przewijania dla lepszej estetyki */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 10px;
        }
        ::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 10px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

        /* Style specyficzne dla menu mobilnego */
        .mobile-menu {
            transition: transform 0.3s ease-in-out;
            transform: translateX(100%);
        }
        .mobile-menu.open {
            transform: translateX(0);
        }

        /* Style animowanego baneru głównego */
        #animated-hero-banner {
            background-size: cover;
            background-position: center;
            /* Teraz jednolita zieleń, ponieważ oba punkty gradientu są takie same */
            transition: background-image 1.5s ease-in-out; /* Płynny efekt zanikania */
        }
		/* Style baneru laboratorium - można dostosować tło obrazu */
        #lab-hero-banner {
            background-image: url('img/laboratorium.png'); /* Przykładowy obraz */
            background-size: cover;
            background-position: center;
        }
		#offer-hero-banner{
            background-image: url('img/oferta.png'); /* Przykładowy obraz */
            background-size: cover;
            background-position: center;
        }
		#pricing-hero-banner{
            background-image: url('img/cennik.png'); /* Przykładowy obraz */
            background-size: cover;
            background-position: center;
        }
		#kont-hero-banner{
            background-image: url('img/kontakt.png'); /* Przykładowy obraz */
            background-size: cover;
            background-position: center;
        }
		#aktualnosci-hero-banner{
            background-image: url('img/aktualonosci_oschr.png'); /* Przykładowy obraz */
            background-size: cover;
            background-position: center;
        }
		#komunikaty-hero-banner{
            background-image: url('img/komunikaty_oschr.png'); /* Przykładowy obraz */
            background-size: cover;
            background-position: center;
        }
		#druki-hero-banner{
            background-image: url('img/druki_i_formularze.png'); /* Przykładowy obraz */
            background-size: cover;
            background-position: center;
		}
		#specjalisci-hero-banner{
            background-image: url('img/specjalisci_terenowi_oschr.png'); /* Przykładowy obraz */
            background-size: cover;
            background-position: center;
		}
		#podstawy-prawne-hero-banner{
            background-image: url('img/podstawy_prawne_oschr.png'); /* Przykładowy obraz */
            background-size: cover;
            background-position: center;
		}
		#pobieranie-prob-hero-baner{
			background-image: url('img/instrukcja_pobierania_prob.png');
			background-size: cover;
            background-position: center;
		}
		#opiniowanie-planow-nawozenia-hero-baner{
			background-image: url('img/opiniowanie-planow-nawozenia.png');
			background-size: cover;
            background-position: center;
		}
		#materialy-do-pobrania-hero-baner{
			background-image: url('img/materialy-do-pobrania.png');
			background-size: cover;
            background-position: center;
		}
		#rodo-hero-baner{
			background-image: url('img/rodo.png');
			background-size: cover;
            background-position: center;
		}
		#rys-historyczny-hero-baner{
			background-image: url('img/rys-historyczny.png');
			background-size: cover;
            background-position: center;
		}
		#dostepnosc-cyfrowa-hero-baner{
			background-image: url('img/dostepnosc-cyfrowa.png');
			background-size: cover;
            background-position: center;
		}
		#laboratorium-info{background-color: #96c4ff;}
		.animation-container {
            width: 80%;
            height: 200px;
            display: flex;
            align-items: center;
            justify-content: center; /* Wyśrodkowanie elementu w kontenerze */
            position: relative;
        }
		
        
        /* --- Animacja --- */

        /* Definicja klatek kluczowych animacji 'fadeIn' */
        @keyframes fadeIn {
            /* Stan początkowy: piktogram jest niewidoczny i lekko zmniejszony */
            0% {
                opacity: 0;
                transform: scale(0.8);
            }

            /* Stan końcowy: piktogram jest w pełni widoczny i w normalnym rozmiarze */
            100% {
                opacity: 1;
                transform: scale(1);
            }
        }

        /* * Klasa .appearing-plane przypisuje animację do piktogramu.
         * Animacja 'fadeIn' trwa 1.5 sekundy.
         * 'forwards' sprawia, że piktogram pozostaje w stanie końcowym po zakończeniu animacji.
        */
        .appearing-plane {
            width: 120px; /* Zwiększony rozmiar dla lepszej widoczności */
            height: 130px;
            animation: fadeIn 1.5s ease-out forwards;
        }
		#ciagnik{width:120px;}
		
		





/*
============================================
 STYLE DOSTĘPNOŚCI (DO WKLEJENIA W STYLE.CSS)
============================================
*/

:focus {
outline: none;
box-shadow: none;
}
:focus-visible {
outline: none;
box-shadow: none;
}

.keyboard-navigation-active :focus {
outline: 3px dashed #007836; 
outline-offset: 3px;
box-shadow: 0 0 0 5px rgba(0, 120, 54, 0.3);
border-radius: 4px; 
}


.keyboard-navigation-active #accessibility-panel:focus {
outline: none;
box-shadow: none;
}
.keyboard-navigation-active #accessibility-trigger:focus {
outline-color: #2563eb; 
box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.3);
}



#accessibility-trigger:focus-visible {
outline: 3px dashed #2563eb; 
outline-offset: 3px;
box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.3);
border-radius: 4px;
}

/* 2. Wyłączanie animacji */
.disable-animations *,
.disable-animations *::before,
.disable-animations *::after {
animation-duration: 0.01s !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01s !important;
scroll-behavior: auto !important;
transition-delay: 0s !important;
}


.high-contrast {
background-color: #000 !important;
color: #fff !important;
}
.high-contrast body,
.high-contrast section,
.high-contrast div,
.high-contrast main,
.high-contrast header,
.high-contrast footer,
.high-contrast article,
.high-contrast aside,
.high-contrast nav {
background-color: #000 !important;
color: #fff !important;
border-color: #fff !important;
}
.high-contrast h1,
.high-contrast h2,
.high-contrast h3,
.high-contrast h4,
.high-contrast h5,
.high-contrast h6,
.high-contrast p,
.high-contrast span,
.high-contrast li,
.high-contrast label,
.high-contrast legend,
.high-contrast .text-dark-gray,
.high-contrast .text-gray-600,
.high-contrast .text-gray-500,
.high-contrast .text-primary-green,
.high-contrast .text-lg,
.high-contrast .text-xl,
.high-contrast .text-3xl,
.high-contrast .text-4xl,
.high-contrast .font-medium,
.high-contrast .font-semibold,
.high-contrast .font-bold {
color: #fff !important;
background-color: transparent !important;
}
.high-contrast a {
color: #FFFF00 !important; 
font-weight: bold !important;
text-decoration: underline !important;
}
.high-contrast button,
.high-contrast input {
background-color: #333 !important;
color: #FFFF00 !important;
border: 2px solid #FFFF00 !important;
}
.high-contrast .bg-white,
.high-contrast .bg-light-gray,
.high-contrast .bg-light-ash,
.high-contrast .bg-subtle-green {
background-color: #000 !important;
}
.high-contrast .text-white {
color: #000 !important;
}
.high-contrast .bg-primary-green,
.high-contrast .bg-primary {
background-color: #000 !important;
border: 2px solid #FFFF00 !important;
}
.high-contrast .text-primary-white {
color: #fff !important;
}
.high-contrast #accessibility-panel {
background-color: #000 !important;
border-left: 2px solid #fff;
}


.high-contrast #accessibility-trigger {
background-color: #000 !important;
border: 2px solid #FFFF00 !important; 
border-right: none !important;
}
.high-contrast #accessibility-trigger svg {
fill: #FFFF00 !important; 
}


.underline-links a {
text-decoration: underline !important;
}


.accessibility-panel-open {
transform: translateX(0) !important;
visibility: visible !important;
}
.accessibility-overlay-open {
opacity: 1 !important;
visibility: visible !important;
}