/* =========================================================
   STUDIO MOON – PRAVNE STRANI
   Politika zasebnosti + Piškotki
   ========================================================= */


/* =========================================================
   PC / OSNOVNO
   ========================================================= */

.pravna-stran {
    min-height: 100vh;

    padding:
        160px
        0
        100px;

    background: #f2ece1;
    color: #191713;
}


.pravna-ovoj {
    width: min(900px, calc(100% - 48px));

    margin: 0 auto;
}


/* MAJHEN ZLAT NAPIS */

.pravna-oznaka {
    margin: 0 0 20px;

    color: #b78737;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;
}


/* GLAVNI NASLOV */

.pravna-stran h1 {
    margin:
        0
        0
        30px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(48px, 6vw, 78px);
    font-weight: normal;

    line-height: 0.95;

    letter-spacing: -2px;
}


/* UVOD */

.pravna-uvod {
    max-width: 760px;

    margin:
        0
        0
        65px;

    color: #696258;

    font-size: 17px;
    line-height: 1.8;
}


/* POSAMEZNI ODSEKI */

.pravna-stran section {
    padding: 36px 0;

    border-top:
        1px solid
        rgba(25, 23, 19, 0.14);
}


/* NASLOVI ODSEKOV */

.pravna-stran h2 {
    margin:
        0
        0
        18px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 28px;
    font-weight: normal;

    line-height: 1.2;
}


/* TEKST */

.pravna-stran p,
.pravna-stran li {
    color: #625b52;

    font-size: 15px;
    line-height: 1.8;
}


.pravna-stran p {
    margin:
        0
        0
        15px;
}


/* SEZNAMI */

.pravna-stran ul {
    margin:
        15px
        0
        0;

    padding-left: 20px;
}


.pravna-stran li {
    margin-bottom: 7px;
}


/* POVEZAVE */

.pravna-stran a {
    color: #9c6d25;

    text-decoration: underline;
    text-underline-offset: 4px;

    transition: color 0.2s ease;
}


.pravna-stran a:hover {
    color: #191713;
}



/* =========================================================
   iPAD / TABLICA
   701px – 1100px
   ========================================================= */

@media (min-width: 701px) and (max-width: 1100px) {

    .pravna-stran {
        padding:
            170px
            0
            90px;
    }


    .pravna-ovoj {
        width: calc(100% - 90px);

        max-width: 850px;
    }


    .pravna-oznaka {
        margin-bottom: 18px;

        font-size: 10px;

        letter-spacing: 1.9px;
    }


    .pravna-stran h1 {
        margin-bottom: 28px;

        font-size: clamp(58px, 7vw, 72px);

        line-height: 0.98;

        letter-spacing: -2px;
    }


    .pravna-uvod {
        max-width: 720px;

        margin-bottom: 55px;

        font-size: 16px;
        line-height: 1.8;
    }


    .pravna-stran section {
        padding: 34px 0;
    }


    .pravna-stran h2 {
        margin-bottom: 17px;

        font-size: 27px;
    }


    .pravna-stran p,
    .pravna-stran li {
        font-size: 15px;
        line-height: 1.8;
    }

}



/* =========================================================
   iPAD PRO – VISOK ZASLON
   ========================================================= */

@media
    (min-width: 950px)
    and (max-width: 1100px)
    and (min-height: 1200px) {

    .pravna-stran {
        padding-top: 190px;
    }


    .pravna-ovoj {
        width: calc(100% - 120px);

        max-width: 880px;
    }


    .pravna-stran h1 {
        font-size: 72px;
    }


    .pravna-uvod {
        font-size: 17px;
    }


    .pravna-stran section {
        padding: 38px 0;
    }


    .pravna-stran h2 {
        font-size: 29px;
    }

}



/* =========================================================
   TELEFON / iPHONE
   do 700px
   ========================================================= */

@media (max-width: 700px) {

    .pravna-stran {
        padding:
            125px
            0
            65px;
    }


    .pravna-ovoj {
        width: calc(100% - 40px);

        margin: 0 auto;
    }


    .pravna-oznaka {
        margin-bottom: 16px;

        font-size: 9px;

        letter-spacing: 1.7px;
        line-height: 1.5;
    }


    .pravna-stran h1 {
        margin-bottom: 25px;

        font-size: clamp(42px, 12vw, 50px);

        line-height: 0.98;

        letter-spacing: -1.7px;

        overflow-wrap: break-word;
    }


    .pravna-uvod {
        margin-bottom: 42px;

        font-size: 15px;
        line-height: 1.75;
    }


    .pravna-stran section {
        padding: 28px 0;
    }


    .pravna-stran h2 {
        margin-bottom: 16px;

        font-size: 24px;
        line-height: 1.2;
    }


    .pravna-stran p,
    .pravna-stran li {
        font-size: 14px;
        line-height: 1.75;
    }


    .pravna-stran p {
        margin-bottom: 14px;
    }


    .pravna-stran ul {
        margin-top: 13px;

        padding-left: 19px;
    }


    .pravna-stran li {
        margin-bottom: 7px;
    }

}



/* =========================================================
   ZELO MAJHEN iPHONE
   ========================================================= */

@media (max-width: 390px) {

    .pravna-ovoj {
        width: calc(100% - 34px);
    }


    .pravna-stran h1 {
        font-size: 40px;
    }


    .pravna-stran h2 {
        font-size: 23px;
    }

}