/*
 * Prywatność (Faza 6, docs/06-rodo.md)
 *
 * Nowe elementy: klauzula i zgoda przy formularzu kontaktowym, podstrona z polityką
 * prywatności. Wczytywany na stronach kontaktu i polityki, przed accessibility.css (obwódka fokusu z tamtego arkusza wygrywa).
 * Wycofanie: usunięcie tego pliku i odwołań do niego razem z nowymi elementami HTML.
 */

/* --- Formularz: klauzula, zgoda, komunikat ------------------------------
   Formularz leży absolutnie na sekcji o stałej wysokości — każdy dodany wiersz
   przybliża przycisk do dolnej krawędzi sekcji, a za nią następna sekcja zasłania
   przycisk. Dlatego odstępy są minimalne, a rozmiary tekstu jak w oryginalnym zdaniu
   o danych osobowych (docs/06-rodo.md, pomiar wolnego miejsca). */

.main-contact-block_one-mail #information-mail,
.main-contact-block_one-mail #privacy-notice {
    height: auto;
    margin-bottom: 0;
}

.main-contact-block_one-mail #information-mail a,
.main-contact-block_one-mail #privacy-notice a {
    color: inherit;
}

.consent {
    width: 70%;
    margin: 0.5em auto 0;
    display: flex;
    align-items: flex-start;
    gap: 0.5em;
    text-align: left;
    color: var(--light_gray);
    cursor: pointer;
}

/* arkusze strony nadają wszystkim polom formularza szerokość, wysokość i obramowanie */
.main-contact-block_one-mail input[type="checkbox"] {
    flex: none;
    width: auto;
    height: auto;
    margin: 0.1em 0 0;
    border: revert;
    accent-color: var(--dark_red);
}

.main-contact-block_one-mail p.consent-error {
    height: auto;
    margin-top: 0.5em;
    margin-bottom: 0;
    color: var(--dark_red);
}

.main-contact-block_one-mail #input_sumbit {
    margin-top: 1em;
}

@media (max-width: 767px) {
    .main-contact-block_one-mail #privacy-notice,
    .consent,
    .main-contact-block_one-mail p.consent-error {
        font-size: 4px;
    }

    .main-contact-block_one-mail input[type="checkbox"] {
        width: 8px;
        height: 8px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .main-contact-block_one-mail #privacy-notice,
    .consent,
    .main-contact-block_one-mail p.consent-error {
        font-size: 9px;
    }

    .main-contact-block_one-mail input[type="checkbox"] {
        width: 11px;
        height: 11px;
    }
}

/* --- Podstrona: polityka prywatności ------------------------------------ */

.privacy-policy {
    box-sizing: border-box;
    max-width: 900px;
    /* nagłówek strony jest przyklejony (position: fixed) i ma ok. 130 px */
    margin: 170px auto 75px;
    padding: 0 25px;
    color: var(--darkgray);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

.privacy-policy h1,
.privacy-policy h2 {
    font-family: "PlayFair", Georgia, 'Times New Roman', Times, serif;
    color: var(--black);
    line-height: 1.3;
}

.privacy-policy h1 {
    font-size: 40px;
}

.privacy-policy h2 {
    margin-top: 40px;
    font-size: 24px;
}

.privacy-policy a {
    color: var(--dark_red);
}

.privacy-policy li {
    margin-bottom: 6px;
}

@media (max-width: 767px) {
    .privacy-policy {
        margin: 130px auto 50px;
        font-size: 14px;
    }

    .privacy-policy h1 {
        font-size: 28px;
    }

    .privacy-policy h2 {
        font-size: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .privacy-policy {
        margin-top: 150px;
    }
}