/* ATENA pravne strane (views/pages/legal.blade.php): hero sa glass switch-em, sticky sadržaj iz H2, čitljiv tekst.
   Učitava se samo na pravnim stranama (at_assets(['legal'])) - zato i view transition važi samo između njih. */
@view-transition{navigation:auto}

.at-legal__hero{position:relative;padding-block:var(--at-section-sm) var(--at-s-7);border-bottom:1px solid var(--at-line);background:
  radial-gradient(55% 130% at 12% 0%,var(--at-accent-soft),transparent 70%),
  radial-gradient(40% 90% at 88% 10%,color-mix(in srgb,var(--at-accent) 14%,transparent),transparent 72%),
  var(--at-bg)}
.at-legal__hero h1{font-size:var(--at-fs-h1);line-height:1.05;letter-spacing:-.03em;margin:0 0 var(--at-s-3);text-wrap:balance}

/* Liquid glass segmentirani switch */
.at-legal__switch{display:flex;gap:4px;width:max-content;max-width:100%;margin-bottom:var(--at-s-7);padding:5px;overflow-x:auto;scrollbar-width:none;border-radius:var(--at-radius-pill);
  background:color-mix(in srgb,var(--at-surface) 45%,transparent);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);
  border:1px solid color-mix(in srgb,#fff 65%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(var(--at-shadow-tint),.05),var(--at-shadow-sm)}
.at-legal__switch::-webkit-scrollbar{display:none}
.at-legal__switch a{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border-radius:var(--at-radius-pill);font-size:var(--at-fs-small);font-weight:500;color:var(--at-ink-2);white-space:nowrap;transition:color var(--at-d-base) var(--at-ease-out),background-color var(--at-d-base) var(--at-ease-out)}
.at-legal__switch a:hover{color:var(--at-ink);background:color-mix(in srgb,var(--at-surface) 55%,transparent)}
.at-legal__switch a[aria-current]{color:var(--at-ink);font-weight:600;view-transition-name:at-legal-thumb;
  background:linear-gradient(180deg,var(--at-surface),color-mix(in srgb,var(--at-surface) 88%,var(--at-bg)));
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(var(--at-shadow-tint),.08),0 6px 16px rgba(var(--at-shadow-tint),.08)}
.at-legal__switch a:focus-visible{outline:2px solid var(--at-focus);outline-offset:2px}

/* Sadržaj + tekst */
.at-legal__grid{padding-block:var(--at-s-7) var(--at-section)}
.at-legal__body{font-size:1.0625rem;line-height:1.75}
.at-legal__body > :first-child{margin-top:0}
.at-legal__body h2{padding-top:var(--at-s-6);margin-top:var(--at-s-6);border-top:1px solid var(--at-line)}
.at-legal__body h2:first-child{border-top:0;padding-top:0}
.at-legal__toc .at-eyebrow{margin-bottom:var(--at-s-3)}
.at-legal__toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}
.at-legal__toc a{display:block;color:var(--at-muted);font-size:var(--at-fs-small);line-height:1.4;transition:color var(--at-d-base) var(--at-ease-out),border-color var(--at-d-base) var(--at-ease-out),background-color var(--at-d-base) var(--at-ease-out)}
.at-legal__toc a:hover{color:var(--at-ink)}
.at-legal__toc a.is-active{color:var(--at-ink);font-weight:600}

@media (min-width:64em){
  .at-legal__grid{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:var(--at-s-9);align-items:start}
  .at-legal__grid--solo{grid-template-columns:minmax(0,1fr)}
  .at-legal__toc{position:sticky;top:calc(var(--at-header-h) + var(--at-s-6));max-height:calc(100vh - var(--at-header-h) - var(--at-s-8));overflow-y:auto}
  .at-legal__toc ol{border-left:1px solid var(--at-line)}
  .at-legal__toc a{padding:7px 0 7px var(--at-s-4);margin-left:-1px;border-left:2px solid transparent}
  .at-legal__toc a.is-active{border-left-color:var(--at-accent)}
}
@media (max-width:63.99em){
  html:has(.at-legal__toc){scroll-padding-top:calc(var(--at-header-h) + 64px)}
  .at-legal__grid{padding-top:0}
  .at-legal__toc{position:sticky;top:var(--at-header-h);transition:top var(--at-d-slow) var(--at-ease-in-out);z-index:var(--at-z-filterbar);margin:0 calc(-1 * var(--at-gutter)) var(--at-s-6);padding:var(--at-s-2) var(--at-gutter);background:color-mix(in srgb,var(--at-bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--at-line)}
  .at-header-up .at-legal__toc{top:0}
  .at-legal__toc .at-eyebrow{display:none}
  .at-legal__toc ol{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
  .at-legal__toc ol::-webkit-scrollbar{display:none}
  .at-legal__toc li{flex:none;scroll-snap-align:center}
  .at-legal__toc a{padding:8px 14px;border:1px solid var(--at-line);border-radius:var(--at-radius-pill);background:var(--at-surface);white-space:nowrap}
  .at-legal__toc a.is-active{border-color:var(--at-ink);background:var(--at-ink);color:var(--at-bg)}
  .at-legal__switch{margin-bottom:var(--at-s-6)}
}