/* =========================================================
   LifeSaver — slog pravnih strani (Pogoji, Zasebnost, GDPR)
   ========================================================= */

.legal-hero {
    background: linear-gradient(180deg, #ecfdf5 0%, #ffffff 100%);
    padding: 140px 0 48px;
    border-bottom: 1px solid var(--c-line);
}
.legal-back {
    display: inline-block;
    color: var(--c-primary-600);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    text-decoration: none;
}
.legal-back:hover { text-decoration: underline; }
.legal-hero h1 {
    font-size: clamp(30px, 5vw, 46px);
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0f172a;
}
.legal-updated { color: var(--c-mute); font-size: 14px; margin-top: 12px; }

.legal-body { padding: 56px 0 88px; }
.legal-content { max-width: 820px; }

.legal-note {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 12px;
    padding: 16px 20px;
    font-size: 13.5px;
    line-height: 1.6;
    color: #92400e;
    margin-bottom: 36px;
}

.legal-toc {
    background: var(--c-bg-soft);
    border: 1px solid var(--c-line);
    border-radius: 16px;
    padding: 22px 26px;
    margin-bottom: 44px;
}
.legal-toc h2 { font-size: 13px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--c-mute); margin: 0 0 14px; }
.legal-toc ol { margin: 0; padding-left: 20px; columns: 2; column-gap: 32px; }
@media (max-width: 600px) { .legal-toc ol { columns: 1; } }
.legal-toc li { font-size: 14px; margin-bottom: 7px; }
.legal-toc a { color: var(--c-ink-soft); text-decoration: none; }
.legal-toc a:hover { color: var(--c-primary-600); text-decoration: underline; }

.legal-content h2 {
    font-size: 22px;
    font-weight: 700;
    color: #0f172a;
    margin: 44px 0 14px;
    scroll-margin-top: 90px;
}
.legal-content > h2:first-of-type { margin-top: 0; }
.legal-content h3 { font-size: 16px; font-weight: 700; color: #1e293b; margin: 26px 0 10px; }
.legal-content p { font-size: 15px; line-height: 1.75; color: #334155; margin: 0 0 14px; }
.legal-content ul, .legal-content ol.legal-list { margin: 0 0 18px; padding-left: 22px; }
.legal-content li { font-size: 15px; line-height: 1.7; color: #334155; margin-bottom: 8px; }
.legal-content a { color: var(--c-primary-600); text-decoration: underline; }
.legal-content strong { color: #0f172a; }
.legal-content .ph { background: #ecfdf5; border-bottom: 1px dashed var(--c-primary); padding: 0 3px; border-radius: 3px; color: #047857; font-weight: 600; }

.legal-table { width: 100%; border-collapse: collapse; margin: 8px 0 24px; font-size: 14px; }
.legal-table th, .legal-table td { text-align: left; padding: 10px 14px; border: 1px solid var(--c-line); vertical-align: top; }
.legal-table th { background: var(--c-bg-soft); font-weight: 700; color: #0f172a; }
.legal-table td { color: #334155; line-height: 1.55; }

.legal-crosslinks { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 48px; padding-top: 28px; border-top: 1px solid var(--c-line); }
.legal-crosslinks a {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 16px; border-radius: 10px;
    background: var(--c-bg-soft); border: 1px solid var(--c-line);
    font-size: 14px; font-weight: 600; color: var(--c-ink-soft); text-decoration: none;
    transition: border-color .15s, color .15s;
}
.legal-crosslinks a:hover { border-color: var(--c-primary-100); color: var(--c-primary-600); }

/* ===== Naslovna slika članka (blog) ===== */
.blog-cover { display: block; width: 100%; max-height: 440px; object-fit: cover; border-radius: 20px;
  margin: 0 0 30px; box-shadow: 0 24px 50px -28px rgba(15,23,42,.40);
  animation: blogCoverIn .7s cubic-bezier(.22,1,.36,1) both; }
@keyframes blogCoverIn { from { opacity: 0; transform: scale(.97) translateY(14px); } to { opacity: 1; transform: none; } }