/* =====================================================================
   LAW SHELL — _LawShell.cshtml (Laws/Details.cshtml)
   Header, TOC + viewer layout.
   Page-local detalji (concept filteri, clan-card, JSON prikaz) zive u
   pages/laws-details.css.
===================================================================== */
.law-header {
    /* Zlatni pravni akcent (bespoke brend boja — nema STAMP token za nju;
       lokalna varijabla umesto raw hex literala u border deklaraciji). */
    --law-gold-accent: var(--c-accent-gold, var(--c-accent-gold));
    background: var(--surface);
    border: 1px solid var(--hair);
    border-radius: var(--r-lg);
    box-shadow: var(--sh-1);
    padding: 22px 24px;
    display: flex; justify-content: space-between; gap: 18px; align-items: flex-start;
    border-left: 4px solid var(--law-gold-accent); /* zlatni pravni akcent */
}
.law-header .law-header-main h1 { margin: 6px 0 8px; font-size:var(--fs-2xl); }
.law-header .law-header-meta { font-size: var(--fs-xs); color: var(--ink-3); display: flex; gap: 6px; flex-wrap: wrap; }
.law-header-actions { display: flex; gap: 8px; flex-wrap: wrap; }

.law-text-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}
.law-toc {
    background: var(--surface);
    border: 1px solid var(--hair);
    border-radius: var(--r-md);
    padding: 16px;
    position: sticky; top: 86px;
    max-height: calc(100vh - 110px); overflow: auto;
    z-index: 1;
}
.law-toc-title {
    font-size: var(--fs-2xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em;
    color: var(--ink-4); margin-bottom: 10px;
}
.law-toc ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 4px; }
.law-toc a {
    display: block; font-size: var(--fs-xs); color: var(--ink-3);
    padding: 6px 8px; border-radius: 6px;
}
.law-toc a:hover { background: var(--surface-3); color: var(--ink); }

.law-html-viewer {
    background: var(--surface);
    border: 1px solid var(--hair);
    border-radius: var(--r-lg);
    padding: 28px 36px;
    box-shadow: var(--sh-1);
    line-height: 1.7;
    font-size: var(--fs-base); color: var(--ink-2);
    min-height: 400px;
    min-width: 0;
}
.law-html-viewer h1, .law-html-viewer h2, .law-html-viewer h3 { color: var(--ink); }
.law-html-viewer h2 { margin-top: 24px; font-size: var(--fs-2xl); font-weight:700; letter-spacing:-0.01em; }
.law-html-viewer h3 { margin-top: 18px; font-size: var(--fs-md); }
.law-html-viewer p { margin: 0 0 12px; }
.law-html-viewer .law-placeholder { color: var(--ink-4); }

/* =====================================================================
   DELJENO: legal highlight set + citirani član (jedan izvor).
   Ranije duplirano u pages/laws-details.css i pages/law-document.css.
   law-shell.css je učitan globalno (_Layout) → svuda gde se renderuje
   .law-document (Details, _RefModal fragment, _LawDocumentFragment).
   Selektori stiluju HTML iz baze (sadrzajHtml) — ne dirati „neiskorišćene".
   ===================================================================== */
.law-document .hl, .law-article-body .hl { font-weight: 850; border-radius: 5px; padding: 0 3px; }
.law-document .hl.duty, .law-article-body .hl.duty { background: var(--c-brand-surface); color: var(--c-brand-deep); font-weight: 850; }
.law-document .hl.danger, .law-article-body .hl.danger {
  background: var(--c-danger-soft); color: var(--c-danger-deep); font-weight: 900;
  text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px;
}
.law-document .hl.risk, .law-article-body .hl.risk {
  background: var(--c-pastel-rose); color: var(--c-danger-deep); font-weight: 900;
  text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px;
}
.law-document .hl.deadline, .law-article-body .hl.deadline { background: var(--c-warn-surface); color: var(--c-warn-deep); font-weight: 900; }
.law-document .hl.number, .law-article-body .hl.number { background: var(--c-success-soft); color: var(--c-success-deep); font-weight: 900; }
.law-document .hl.important, .law-article-body .hl.important { background: var(--p-app-surface-2); color: var(--c-text-primary); font-weight: 900; }

/* Citirani član (deep-link / citat iz „Pitaj Pravnu" / Istraživanja) */
.clan-card--cited, .law-article-card.clan-card--cited {
  border-color: var(--p-brand-500);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, .22), 0 22px 65px rgba(29, 78, 216, .14);
  animation: law-cited-pulse 1.5s ease-out 1;
}
@keyframes law-cited-pulse {
  0%   { box-shadow: 0 0 0 8px rgba(59, 130, 246, .35), 0 22px 65px rgba(29, 78, 216, .14); }
  100% { box-shadow: 0 0 0 3px rgba(59, 130, 246, .22), 0 22px 65px rgba(29, 78, 216, .14); }
}