/* ============================================
   Styl: Kofeinowa Plantacja
   Autor: Compass&Partners
   ============================================ */

/* Ustawienia ogólne */
body {
    margin: 0 auto;
    max-width: 1090px;
    font-family: "Verdana", "Tahoma", sans-serif;
    background-color: #f6f3ed; /* kolor jasnej kawy */
    color: #2c1b0c; /* ciemny kolor ziaren kawy */
    line-height: 1.6;
}

/* Linki ogólne */
a {
    text-decoration: none;
    color: #fff;
}

/* Nagłówki */
h1, h2, h3 {
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* Przyciski */
button, .btn {
    background-color: #6b4226; /* ciepły kolor kawy */
    color: #fff;
    border: none;
    padding: 12px 24px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

button:hover, .btn:hover {
    background-color: #4c2c18;
}

/* Formularze */
form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 450px;
    margin: 20px auto;
    background-color: #fefaf6;
    padding: 20px;
    border: 1px solid #d3c2af;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(44, 27, 12, 0.15);
}

input[type="text"],
input[type="email"],
textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #c8b59a;
    border-radius: 5px;
    font-size: 1em;
    background-color: #fffefc;
    color: #2c1b0c;
}

textarea {
    min-height: 90px;
    resize: vertical;
}

/* Sekcja 1: Oferta */
#oferta {
    background: linear-gradient(120deg, #7b5731, #a67b4a);
    color: #fffaf2;
    text-align: center;
    padding: 80px 20px;
    min-height: 470px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 0 0 16px 16px;
}

#oferta h1 {
    font-size: 2.5em;
    margin-bottom: 20px;
}

#oferta p {
    max-width: 700px;
    margin: 0 auto 30px;
    font-size: 1.1em;
}

#oferta .btn {
    background-color: #4c2c18;
    padding: 14px 32px;
    font-size: 1.1em;
    border-radius: 8px;
}

/* Sekcja 3: Produkty i artykuł */
#produkty {
    background-color: #f0e6d9;
    padding: 50px 30px;
    border-top: 4px solid #7b5731;
    border-bottom: 4px solid #7b5731;
}

#produkty ul {
    list-style-type: square;
    padding-left: 25px;
}

#produkty li {
    margin: 8px 0;
}

#produkty article {
    background-color: #fffdf8;
    margin-top: 40px;
    padding: 25px;
    border-left: 6px solid #7b5731;
    border-radius: 6px;
    box-shadow: 0 3px 10px rgba(123, 87, 49, 0.15);
}

#produkty article h3 {
    color: #5a3a1a;
    margin-bottom: 12px;
}

/* Sekcja 4: Specjaliści */
#specjalisci {
    background-color: #e2d0b7;
    padding: 50px 30px;
}

#specjalisci li {
    margin: 10px 0;
}

/* Sekcja 4.1: Działalność edukacyjna */
#dzialalnosc {
    background-color: #cbb89c;
    color: #1f1208;
    padding: 40px 30px;
    border-top: 4px solid #7b5731;
}

/* Sekcja 5: Opinie */
#opinie {
    background-color: #d9c7ac;
    padding: 50px 30px;
}

#opinie ul {
    padding-left: 25px;
    list-style-type: none;
}

#opinie li {
    background-color: #fefaf6;
    padding: 12px 18px;
    margin: 8px 0;
    border-left: 5px solid #7b5731;
    border-radius: 4px;
}

/* Sekcja 5.2: Dodaj opinię */
#dodaj-opinie {
    margin-top: 35px;
    text-align: center;
}

/* Sekcja 2: Formularz subskrypcji */
#formularz {
    background-color: #ede2d0;
    padding: 60px 30px;
    text-align: center;
}

/* Sekcja 6: Adres i mapa */
#kontakt {
    background-color: #c4a880;
    padding: 50px 30px;
    color: #fffef8;
    text-align: center;
}

#kontakt iframe {
    border-radius: 10px;
    margin-top: 15px;
}

/* Stopka */
footer {
    background-color: #3b2413;
    color: #f5eadd;
    text-align: center;
    padding: 15px 10px;
    font-size: 0.9em;
    border-top: 3px solid #7b5731;
}

/* Responsywność (mobilna wersja) */
@media (max-width: 768px) {
    body {
        padding: 0 10px;
    }

    #oferta {
        padding: 60px 15px;
    }

    #produkty, #specjalisci, #dzialalnosc, #opinie, #formularz, #kontakt {
        padding: 40px 15px;
    }

    h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 1.5em;
    }

    form {
        width: 100%;
        box-shadow: none;
        border: none;
    }

    button, .btn {
        width: 100%;
    }
}