/* 1. Globalne postavke - IBM Plex Sans font */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&display=swap');

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: "IBM Plex Sans", sans-serif;
    background: #f4f6f8;
    color: #111827;
}

/* Osiguravamo da stranica uvijek ima mjesta za header i footer */
body.legal-page {
    padding-top: 60px;    /* Visina header-a */
    padding-bottom: 40px; /* Visina footer-a */
    min-height: 100vh;
    box-sizing: border-box;
}

/* 2. Fiksni elementi */
.guest-header {
    background: #000000 !important;
    height: 60px;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    padding: 0 24px;
}

.site-footer {
    background: #000000 !important;
    color: #ffffff;
    height: 40px; /* Smanjeno na 40px kako si tražio */
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

/* 3. Layout */
.legal-container {
    max-width: 1100px;
    margin: 40px auto; /* Razmak između headera i sadržaja */
    padding: 0 24px;
    display: flex;
    gap: 40px;
}

/* 4. Sidebar - Nepomičan (sticky) */
.legal-sidebar {
    width: 250px;
    flex-shrink: 0;
    position: sticky;
    top: 100px; /* Ostaje fiksiran 40px ispod headera */
    height: fit-content;
}

.legal-sidebar h3 { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #6b7280; margin-bottom: 16px; }
.legal-sidebar ul { list-style: none; padding: 0; }
.legal-sidebar li { margin-bottom: 4px; }
.legal-sidebar a { display: block; padding: 10px; border-radius: 4px; font-size: 14px; color: #374151; text-decoration: none; }
.legal-sidebar a:hover { background: #e5e7eb; }
.legal-sidebar a.active { background: #e5e7eb !important; color: #000; font-weight: 600; }

/* 5. Sadržaj */
.legal-content {
    flex: 1;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    padding: 50px;
    padding-bottom: 80px; /* DODAJ OVO: Ovo stvara prostor na dnu sadržaja */
    min-height: 500px;
    margin-bottom: 80px;  /* DODAJ OVO: Razmak prije nego footer počne */
}

.legal-content h1 { font-size: 28px; margin-top: 0; }
.legal-content h2 { font-size: 18px; margin-top: 25px; }
.legal-content p { font-size: 15px; line-height: 1.6; color: #374151; }

@media (max-width: 900px) {
    .legal-container { flex-direction: column; }
    .legal-sidebar { position: relative; top: 0; width: 100%; }
}