/* =========================================
   RESET
========================================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    min-height:100vh;

    font-family:"Inter",sans-serif;

    color:#090909;

    background:#ffffff;

    -webkit-font-smoothing:antialiased;
}


/* =========================================
   HEADER
========================================= */

.legal-header{
    width:100%;
    min-height:104px;

    padding:0 48px;

    display:grid;
    grid-template-columns:1fr auto 1fr;

    align-items:center;

    border-bottom:1px solid rgba(0,0,0,.055);

    background:rgba(255,255,255,.94);

    position:sticky;
    top:0;

    z-index:100;

    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
}

.legal-logo{
    width:max-content;

    display:flex;
    align-items:center;

    text-decoration:none;
}

.legal-logo img{
    width:auto;
    height:72px;

    display:block;
}

.legal-menu{
    display:flex;
    align-items:center;

    gap:46px;
}

.legal-menu a{
    color:#141414;

    font-size:16px;
    font-weight:500;

    text-decoration:none;

    transition:opacity .25s ease;
}

.legal-menu a:hover{
    opacity:.55;
}

.legal-back-button{
    justify-self:end;

    min-height:54px;

    padding:0 25px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border-radius:999px;

    color:#ffffff;

    font-size:14px;
    font-weight:600;

    text-decoration:none;

    background:#080808;

    transition:
        transform .25s ease,
        opacity .25s ease;
}

.legal-back-button:hover{
    transform:translateY(-2px);
    opacity:.82;
}


/* =========================================
   GLAVNI SADRŽAJ
========================================= */

.legal-main{
    width:min(760px,calc(100% - 40px));

    margin:0 auto;

    padding:120px 0 150px;
}

.legal-heading{
    margin-bottom:75px;

    text-align:center;
}

.legal-eyebrow{
    display:inline-block;

    margin-bottom:22px;

    color:#7c3cff;

    font-size:12px;
    font-weight:800;

    letter-spacing:2px;
}

.legal-heading h1{
    margin:0;

    color:#050505;

    font-size:clamp(48px,6vw,76px);
    line-height:1;

    font-weight:800;

    letter-spacing:-4.5px;
}

.legal-date{
    margin-top:25px;

    color:#222222;

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

.legal-content{
    width:100%;
}

.legal-introduction{
    margin-bottom:48px;

    color:#202020;

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

.legal-content section{
    margin-top:45px;
}

.legal-content h2{
    margin-bottom:20px;

    color:#090909;

    font-size:24px;
    line-height:1.25;

    font-weight:750;

    letter-spacing:-.8px;
}

.legal-content p{
    color:#222222;

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

.legal-content p + p{
    margin-top:16px;
}

.legal-contact-link{
    min-height:50px;

    margin-top:25px;
    padding:0 22px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border-radius:999px;

    color:#ffffff;

    font-size:14px;
    font-weight:650;

    text-decoration:none;

    background:
        linear-gradient(
            110deg,
            #4f83ff,
            #7a4eff,
            #a120ed
        );

    box-shadow:
        0 15px 35px rgba(107,68,235,.22);

    transition:transform .25s ease;
}

.legal-contact-link:hover{
    transform:translateY(-2px);
}


/* =========================================
   FOOTER
========================================= */

.legal-footer{
    min-height:110px;

    padding:30px 48px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:30px;

    border-top:1px solid rgba(0,0,0,.07);

    color:#707070;

    font-size:14px;
}

.legal-footer-links{
    display:flex;
    align-items:center;

    gap:30px;
}

.legal-footer a{
    color:#4e4e4e;

    font-weight:600;

    text-decoration:none;
}


/* =========================================
   TABLET
========================================= */

@media(max-width:950px){

    .legal-header{
        padding:0 25px;

        grid-template-columns:1fr auto;
    }

    .legal-menu{
        display:none;
    }

}


/* =========================================
   TELEFON
========================================= */

@media(max-width:650px){

    .legal-header{
        min-height:82px;

        padding:0 17px;
    }

    .legal-logo img{
        height:58px;
    }

    .legal-back-button{
        min-height:44px;

        padding:0 16px;

        font-size:12px;
    }

    .legal-main{
        width:calc(100% - 38px);

        padding:75px 0 95px;
    }

    .legal-heading{
        margin-bottom:55px;
    }

    .legal-heading h1{
        font-size:44px;
        line-height:1.04;

        letter-spacing:-3px;
    }

    .legal-date{
        margin-top:19px;

        font-size:14px;
    }

    .legal-introduction{
        margin-bottom:38px;

        font-size:15.5px;
    }

    .legal-content section{
        margin-top:38px;
    }

    .legal-content h2{
        margin-bottom:14px;

        font-size:21px;
    }

    .legal-content p{
        font-size:15px;
        line-height:1.7;
    }

    .legal-footer{
        padding:28px 20px;

        flex-direction:column;

        text-align:center;
    }

    .legal-footer-links{
        flex-direction:column;

        gap:14px;
    }

}
/* RAZMAK ISPOD NAVBARA SA POČETNE */

.legal-main{
    padding-top:190px;
}

/* LINK SA STRELICOM DESNO */

.legal-header-back{
    text-decoration:none;
}

/* NA LEGALNOJ STRANICI HEADER OSTAVLJAMO VIDLJIV */

body .header{
    transform:translateX(-50%) !important;
}

/* TELEFON */

@media(max-width:650px){

    .legal-main{
        padding-top:140px;
    }

}
.legal-main{
    padding-top:190px;
}

body .header{
    transform:translateX(-50%) !important;
}

.legal-home-button{
    text-decoration:none;
}

@media(max-width:650px){

    .legal-main{
        padding-top:140px;
    }

}
/*==================================================
LEGAL STRANICE — MOBILE NAVBAR
==================================================*/

@media (max-width:768px){

    /* Oblik, logo i korpica ostaju iz style.css */

    body .header .desktop-menu{
        display:none !important;
    }

    body .header .nav{
        display:flex;
        align-items:center;
        justify-content:space-between;
    }

    body .header .header-right{
        margin-left:auto;

        display:flex;
        align-items:center;

        gap:10px;
    }

    body .header .language{
        display:flex !important;
        align-items:center;
        justify-content:center;
    }

    

    body .header .cart-btn{
        position:relative;
    }

    body .header .nav-cart-count{
        position:absolute;

        top:-5px;
        right:-5px;

        min-width:18px;
        height:18px;

        padding:0 5px;

        display:flex;
        align-items:center;
        justify-content:center;

        border:2px solid #fff;
        border-radius:999px;

        color:#fff;
        background:#111;

        font-size:10px;
        font-weight:700;
        line-height:1;
    }

    .legal-main{
        padding-top:140px !important;
    }

}
/* LEGAL STRANICE — LOGO KAO NA POČETNOJ */

@media (max-width:768px){

    body .header .logo{
        width:auto !important;
        height:66px !important;

        display:flex !important;
        align-items:center !important;

        flex-shrink:0 !important;
    }

    body .header .logo img{
        width:auto !important;
        height:72px !important;

        max-width:205px !important;
        max-height:72px !important;

        display:block !important;

        object-fit:contain !important;

        transform:none !important;
    }

}
/* LEGAL STRANICE — LINKOVI JEDAN PORED DRUGOG NA TELEFONU */

@media (max-width:760px){

    .legal-footer-bottom{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;

        gap:24px !important;
    }

    .legal-footer-links{
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:center !important;

        width:100% !important;

        gap:14px !important;

        flex-wrap:nowrap !important;
    }

    .legal-footer-links a{
        margin:0 !important;

        font-size:12px !important;
        line-height:1.2 !important;

        white-space:nowrap !important;
    }
}
/* LINIJA ISPOD NASLOVA NA LEGAL STRANICAMA */

.legal-title-divider{
    width:100%;
    height:1px;

    margin:64px 0 58px;

    background:rgba(25,31,45,.16);

    border:0;
}
@media (max-width:760px){

    .legal-title-divider{
        margin:38px 0 34px;
    }

}
@media (max-width:768px){

    .header .language,
    .header #languageToggle{
        color:#111827 !important;
    }

    .header .cart-btn,
    .header .legal-page-cart{
        color:#111827 !important;
    }

    .header .cart-btn svg,
    .header .cart-btn svg *,
    .header .legal-page-cart svg,
    .header .legal-page-cart svg *{
        stroke:#111827 !important;
        color:#111827 !important;
    }

}