/* Plik: styles.css */

/* === GLOBALNE STYLE === */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth; /* Dla płynnego przewijania do kotwicy */
}

body {
    font-family: Verdana, Geneva, sans-serif; /* Bezpieczny, czytelny font systemowy */
    max-width: 1090px;
    margin: 0 auto; /* Pozycjonowanie pośrodku */
    background-color: #1A2E20; /* Tło "strony" - bardzo ciemna zieleń */
    color: #333;
    line-height: 1.6;
}

h1, h2, h3 {
    margin-bottom: 1rem;
    font-family: Georgia, "Times New Roman", Times, serif; /* Dodaje trochę elegancji */
}

h2 {
    font-size: 2.2rem;
    border-bottom: 3px solid; /* Akcent kolorystyczny dla tytułów sekcji */
    padding-bottom: 10px;
    display: inline-block;
}

section, header, footer {
    padding: 3.5rem 2.5rem;
    /* Domyślny separator bloków */
    border-bottom: 2px solid rgba(0,0,0,0.1);
}

/* === BLOK 1: HERO (OFERTA) === */
.hero {
    min-height: 470px; /* Wymagana minimalna wysokość */
    background: linear-gradient(rgba(42, 75, 54, 0.85), rgba(42, 75, 54, 0.85)), #2A4B36; /* Ciemnozielony gradient - gęsta dżungla */
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.hero h1 {
    font-size: 3rem;
    color: #FFFFE0; /* Jasny, słoneczny żółty */
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.hero p {
    font-size: 1.2rem;
    color: #F5F5DC; /* Beżowy - czytelny na zieleni */
    margin-bottom: 2rem;
}

/* Przycisk-link w pierwszym bloku */
.button-primary {
    display: inline-block;
    background-color: #E88C30; /* Kolor mango/pomarańczy - owoc w dżungli */
    color: #1A2E20; /* Bardzo ciemna zieleń tekstu */
    padding: 14px 28px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

.button-primary:hover {
    background-color: #F0A048; /* Jaśniejszy przy najechaniu */
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.4);
}

/* === BLOK 4.1: DZIAŁALNOŚĆ NAUKOWA === */
.media-mentions {
    background-color: #F5F5DC; /* Beżowe tło - kolor "papieru", "pergaminu" */
    color: #5F4536; /* Ciemny brąz tekstu */
}

.media-mentions h2 {
    color: #3A5A40; /* Ciemna zieleń */
    border-color: #A9B980; /* Mech */
}

/* === BLOK 5 i 5.2: OPINIE === */
.reviews {
    background-color: #5F4536; /* Ziemisty, brązowy kolor */
    color: #F5F5F5; /* Bardzo jasny tekst dla kontrastu */
}

.reviews h2 {
    color: #FFFFE0; /* Słoneczny żółty */
    border-color: #8A9A5B; /* Mech */
}

.review-item {
    border-left: 5px solid #E88C30; /* Pomarańczowy akcent */
    padding-left: 1.5rem;
    margin-bottom: 2rem;
    background: rgba(255, 255, 255, 0.05);
    padding: 1rem;
    border-radius: 0 8px 8px 0;
}

.review-item blockquote {
    font-style: italic;
    font-size: 1.1rem;
}

.review-item cite {
    display: block;
    margin-top: 0.5rem;
    font-weight: bold;
    color: #F0E68C; /* Khaki */
}

.leave-review {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px dashed #F5F5DC;
    text-align: center;
}

/* === BLOK 2: FORMULARZ === */
.subscribe-form {
    background-color: #A9B980; /* Kolor mchu, jasna zieleń */
    color: #2A4B36; /* Ciemna zieleń tekstu */
}

.subscribe-form h2 {
    color: #1A2E20; /* Najciemniejsza zieleń */
    border-color: #5F4536; /* Brązowy */
}

.subscribe-form form {
    max-width: 600px;
    margin: 1.5rem auto 0;
    display: flex;
    flex-direction: column;
}

.subscribe-form label {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.subscribe-form input[type="email"] {
    padding: 12px;
    font-size: 1rem;
    border: 2px solid #5F4536; /* Brązowa ramka */
    border-radius: 5px;
    background: #FCFCF0;
    color: #333;
    margin-bottom: 1rem;
}

.subscribe-form input[type="email"]:focus {
    outline: none;
    border-color: #E88C30; /* Pomarańczowy akcent przy focusie */
    box-shadow: 0 0 8px rgba(232, 140, 48, 0.5);
}

/* Główny przycisk formularza */
.subscribe-form button[type="submit"] {
    background-color: #3A5A40; /* Ciemna zieleń */
    color: #FFFFFF;
    padding: 12px;
    border: none;
    border-radius: 5px;
    font-size: 1.1rem;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.subscribe-form button[type="submit"]:hover {
    background-color: #4F6F52; /* Jaśniejsza zieleń */
}

/* === BLOK 4: SPECJALIŚCI === */
.specialists {
    background-color: #FCFCF0; /* Bardzo jasny, kremowy */
    color: #333;
}

.specialists h2 {
    color: #2A4B36; /* Ciemna zieleń */
    border-color: #A9B980; /* Mech */
}

.specialist-item {
    background: #FFFFFF;
    padding: 1.5rem;
    margin-bottom: 1rem;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    border-left: 5px solid #3A5A40; /* Akcent zieleni */
}

.specialist-item h3 {
    color: #3A5A40;
    margin-bottom: 0.5rem;
}

/* === BLOK 3: PRODUKTY I ARTYKUŁ === */
.products-article {
    background-color: #F5F5DC; /* Ponownie beżowe tło */
    color: #3A5A40;
}

.products-article h2 {
    color: #2A4B36;
    border-color: #8B6B5C; /* Brąz */
}

.product-list {
    list-style-type: '🌿'; /* Emotikona liścia jako punktor */
    padding-left: 2rem;
    margin-top: 1.5rem;
}

.product-list li {
    padding-left: 10px;
    margin-bottom: 0.75rem;
    font-size: 1.1rem;
    color: #5F4536; /* Brąz */
    font-weight: 500;
}

/* Wyróżnienie artykułu */
.content-article {
    margin-top: 3rem;
    padding: 2.5rem;
    background: #FFFFFF; /* Czysta biel dla czytelności */
    color: #333;
    border-radius: 8px;
    border-top: 6px solid #8A9A5B; /* Akcent koloru mchu na górze */
    box-shadow: 0 5px 15px rgba(42, 75, 54, 0.2); /* Subtelny zielony cień */
}

.content-article h3 {
    color: #2A4B36;
    font-size: 1.8rem;
    text-align: center;
}

.content-article p {
    margin-bottom: 1rem;
    line-height: 1.75; /* Lepsza czytelność */
}

/* === BLOK 6: LOKALIZACJA === */
.location {
    background-color: #3A5A40; /* Średnia zieleń */
    color: #F5F5DC;
    text-align: center;
}

.location h2 {
    color: #FFFFFF;
    border-color: #F0E68C; /* Khaki */
}

.location address {
    font-style: normal;
    font-size: 1.1rem;
    line-height: 1.7;
    margin-bottom: 2rem;
}

.map-container iframe {
    border: 3px solid #1A2E20; /* Ramka w kolorze ciemnej zieleni */
    border-radius: 8px;
    max-width: 100%;
}

/* === BLOK 7: STOPKA === */
footer {
    background-color: #1A2E20; /* Najciemniejsza zieleń (dno dżungli) */
    color: #A9B980; /* Kolor mchu (czytelny na ciemnym) */
    text-align: center;
    padding: 2rem;
    font-size: 0.9rem;
    border-bottom: none;
}

/* === WERSJA MOBILNA === */
@media (max-width: 768px) {
    body {
        width: 100%;
    }

    section, header, footer {
        padding: 2.5rem 1.5rem; /* Mniejsze paddingi po bokach */
    }

    h1 {
        font-size: 2.5rem;
    }

    h2 {
        font-size: 1.8rem;
    }

    .hero {
        min-height: auto; /* Automatyczna wysokość na mobilce */
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .hero h1 {
        font-size: 2.4rem;
    }

    .content-article {
        padding: 1.5rem;
    }

    .content-article h3 {
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    .hero h1 {
        font-size: 2rem;
    }

    .hero p {
        font-size: 1rem;
    }

    .button-primary {
        padding: 12px 20px;
        font-size: 1rem;
    }

    .subscribe-form form {
        /* Na małych ekranach input i przycisk jeden pod drugim (już jest flex-column) */
    }
}