/* ---------------------------------------------------------------------------
   Pravne stranice — /privatnost, /uslovi, /brisanje-naloga

   Postojeći main.css je pisan za marketinške sekcije: kratki naslovi, centriran
   tekst, velike razmake. Duži tekst u njemu se čita loše — redovi su preširoki i
   razmaci između pasusa premali.

   Zato ovdje SAMO ono što fali za čitanje dužeg teksta, i sve pod `.pravno`, da
   nijedno pravilo ne procuri na ostatak sajta.
   --------------------------------------------------------------------------- */

.pravno {
    background: #fff;
}

/* Dužina reda. Preko ~75 znakova oko gubi početak sljedećeg reda. */
.pravno p,
.pravno li {
    font-size: 16px;
    line-height: 1.75;
    max-width: 68ch;
}

.pravno p {
    margin-bottom: 16px;
}

.pravno h1 {
    font-size: 40px;
    line-height: 1.2;
}

.pravno h2 {
    font-size: 22px;
    line-height: 1.35;
    /* Naslov pripada tekstu ISPOD sebe, pa je razmak iznad veći nego ispod. */
    margin-top: 48px;
    margin-bottom: 16px;
}

.pravno ul,
.pravno ol {
    padding-left: 22px;
    margin-bottom: 16px;
}

.pravno li {
    margin-bottom: 10px;
}

/* Link se mora vidjeti da je link i kad nije podvučen mišem. */
.pravno a {
    text-decoration: underline;
    text-underline-offset: 2px;
}

/* Tabela „koje podatke prikupljamo“ — bez okvira, samo tanke linije. */
.pravno .table {
    margin-bottom: 0;
}

.pravno .table th,
.pravno .table td {
    padding: 14px 12px;
    vertical-align: top;
    border-top: 1px solid #ececec;
    font-size: 15px;
    line-height: 1.6;
}

.pravno .table thead th {
    border-top: 0;
    border-bottom: 2px solid #ececec;
    font-size: 14px;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.pravno .table td:first-child {
    /* Naziv podatka ne smije da se lomi na dva reda dok ima mjesta. */
    min-width: 190px;
}

@media (max-width: 767px) {
    .pravno h1 { font-size: 30px; }
    .pravno h2 { font-size: 20px; margin-top: 36px; }
    .pravno p,
    .pravno li { font-size: 15px; }
}