/*
  File role: the look of the term lists on /ro/knowledge-library/terms/.

  The hero, the toolbar, the chips, the empty state and the buttons are the library's (knowledge-library.css, loaded
  first, under body.kl); this file only adds the domain sections, the terms and the text of an act (law.php). It reuses the library's tokens
  (--kl-abyss, --kl-ember, --kl-line …), so the two pages stay one identity. Everything is scoped under body.kt, a
  class only this page carries.

  @file_version 1.0.3
*/

/* The back link in the kicker: the library's ember, white on hover. */
body.kt .kt-back {
  color: inherit;
  text-decoration: none;
}
body.kt .kt-back:hover {
  color: #fff;
}

/* ---- Domain sections ---- */
body.kt .kt-domain {
  margin-top: 36px;
}
body.kt .kt-domain[hidden] {
  display: none;
}
body.kt .kt-domain__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: clamp(1.25rem, 2.2vw, 1.55rem);
  font-weight: 700;
  letter-spacing: -.01em;
  color: var(--kl-abyss);
}
body.kt .kt-domain__title .bi {
  color: #0F6CBD;   /* VOGO icons style: flat outline blue */
}
body.kt .kt-domain__n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--kl-abyss);
  color: #fff;
  font-size: .95rem;
}

/* ---- Terms: as search results (11.10.2026) ----
   One column at reading width, no frames: a small path line, the title as a link in the site's blue, the explanation
   as the snippet, then the use and the legal frame as quieter lines. Long and short terms sit in the same rhythm. */
body.kt .kt-list {
  margin: 0;
  max-width: 760px;
  display: grid;
  gap: 26px;
}
body.kt .kt-term {
  padding-left: 14px;
  border-left: 3px solid transparent;
  scroll-margin-top: calc(var(--vh-h, 57px) + 16px);
}
body.kt .kt-term:target {
  border-left-color: var(--kl-ember);   /* the term a link pointed to */
}
body.kt .kt-term[hidden] {
  display: none;
}
body.kt .kt-term__name {
  margin: 0 0 4px;
}
body.kt .kt-term__crumb {
  display: block;
  margin-bottom: 2px;
  font-size: .78rem;
  color: var(--kl-muted);
}
body.kt .kt-term__link {
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: 1.22rem;
  font-weight: 500;
  line-height: 1.3;
  color: #0F6CBD;
  text-decoration: none;
}
body.kt .kt-term__link:hover {
  text-decoration: underline;
}
body.kt .kt-term__link .bi {
  font-size: .72em;
}
body.kt .kt-term dd {
  margin: 0;
  font-size: .93rem;
  line-height: 1.58;
  color: var(--kl-ink);
}
body.kt .kt-term__use,
body.kt .kt-term__law {
  margin-top: 4px !important;
  font-size: .86rem !important;
  color: var(--kl-muted) !important;
}
body.kt .kt-term__label {
  font-weight: 600;
  color: var(--kl-deep);
}
/* "Vezi foto": a small link under the term, as the extra links under a search result. */
body.kt .kt-term__more {
  margin-top: 4px !important;
  font-size: .84rem !important;
}
body.kt .kt-term__more a {
  color: #0F6CBD;
  text-decoration: none;
}
body.kt .kt-term__more a:hover {
  text-decoration: underline;
}

/* ---- The page of an act (law.php) ----
   The text arrives as its source wrote it: the Portal legislativ marks its parts with S_* classes (S_ART an article,
   S_ALN a paragraph, S_LIT a letter …), EUR-Lex with oj-* classes. The rules below only lay them out readably. */
body.kt .kt-law__h1 {
  font-size: clamp(1.6rem, 3.6vw, 2.5rem);
}
body.kt .kt-law__source p {
  margin: 0;
  font-size: .92rem;
  color: var(--kl-muted);
}
body.kt .kt-law__source ul {
  margin: 0;
  padding-left: 22px;
  font-size: .92rem;
}
body.kt .kt-law__source a {
  color: #0F6CBD;
}
body.kt .kt-law {
  margin-top: 24px;
  padding: clamp(18px, 4vw, 44px);
  background: var(--kl-paper);
  border: 1px solid rgba(0,17,32,.10);
  border-radius: var(--kl-radius);
  font-size: .97rem;
  line-height: 1.65;
  color: var(--kl-ink);
  overflow-wrap: anywhere;
}
body.kt .kt-law a {
  color: #0F6CBD;
}
body.kt .kt-law table {
  max-width: 100%;
  border-collapse: collapse;
  margin: 10px 0;
  display: block;
  overflow-x: auto;
}
body.kt .kt-law td {
  padding: 4px 8px;
  vertical-align: top;
}
body.kt .kt-law img {
  max-width: 100%;
  height: auto;
}
body.kt .kt-law__part + .kt-law__part {
  margin-top: 40px;
  padding-top: 32px;
  border-top: 2px solid var(--kl-line);
}
body.kt .kt-law__part-title {
  margin: 0 0 18px;
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: 1.3rem;
  color: var(--kl-abyss);
}

/* Portal legislativ: every part on its own line, the headings centred, the notes quieter. */
body.kt .kt-law [class^="S_"] {
  display: block;
}
body.kt .kt-law .S_ART_TTL, body.kt .kt-law .S_ART_DEN,
body.kt .kt-law .S_ALN_TTL, body.kt .kt-law .S_ALN_BDY,
body.kt .kt-law .S_LIT_TTL, body.kt .kt-law .S_LIT_BDY,
body.kt .kt-law .S_PCT_TTL, body.kt .kt-law .S_PCT_BDY,
body.kt .kt-law .S_LIN_TTL, body.kt .kt-law .S_LIN_BDY,
body.kt .kt-law .S_NTA_TTL, body.kt .kt-law .S_LGI,
body.kt .kt-law .S_EMT_TTL, body.kt .kt-law .S_EMT_BDY,
body.kt .kt-law .S_PUB_TTL, body.kt .kt-law .S_PUB_BDY {
  display: inline;
}
body.kt .kt-law .S_DEN {
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--kl-abyss);
}
body.kt .kt-law .S_HDR {
  margin-bottom: 12px;
  font-size: 1.1rem;
  font-weight: 600;
}
body.kt .kt-law .S_EMT,
body.kt .kt-law .S_PUB {
  font-size: .85rem;
  color: var(--kl-muted);
}
body.kt .kt-law .S_EMT li {
  list-style: none;
  display: inline;
}
body.kt .kt-law .S_CAP_TTL, body.kt .kt-law .S_CAP_DEN,
body.kt .kt-law .S_SEC_TTL, body.kt .kt-law .S_SEC_DEN,
body.kt .kt-law .S_TTL_TTL, body.kt .kt-law .S_TTL_DEN,
body.kt .kt-law .S_PRG_TTL, body.kt .kt-law .S_PRG_DEN,
body.kt .kt-law .S_ANX_TTL, body.kt .kt-law .S_ANX_DEN {
  text-align: center;
  font-weight: 700;
}
body.kt .kt-law .S_CAP, body.kt .kt-law .S_SEC, body.kt .kt-law .S_TTL,
body.kt .kt-law .S_PRG, body.kt .kt-law .S_ANX {
  margin-top: 22px;
}
body.kt .kt-law .S_ART {
  margin-top: 14px;
}
body.kt .kt-law .S_ART_TTL {
  font-weight: 700;
  color: var(--kl-abyss);
}
body.kt .kt-law .S_ART_DEN {
  font-weight: 600;
}
body.kt .kt-law .S_ALN_TTL, body.kt .kt-law .S_LIT_TTL, body.kt .kt-law .S_PCT_TTL {
  font-weight: 600;
}
body.kt .kt-law .S_LIT, body.kt .kt-law .S_PCT, body.kt .kt-law .S_LIN {
  padding-left: 18px;
}
body.kt .kt-law .S_NTA, body.kt .kt-law .S_NTA_PAR, body.kt .kt-law .S_SMN_PAR {
  margin: 6px 0;
  font-size: .85rem;
  color: var(--kl-muted);
}

/* EUR-Lex: the titles centred and bold, the notes small. */
body.kt .kt-law .oj-doc-ti,
body.kt .kt-law .oj-ti-art,
body.kt .kt-law .oj-ti-section-1,
body.kt .kt-law .oj-ti-grseq-1 {
  text-align: center;
  font-weight: 700;
  margin: 18px 0 6px;
}
body.kt .kt-law .oj-doc-ti {
  font-family: "Inter Tight", Inter, system-ui, sans-serif;
  font-size: 1.2rem;
  color: var(--kl-abyss);
}
body.kt .kt-law .oj-sti-art,
body.kt .kt-law .oj-ti-section-2 {
  text-align: center;
  font-weight: 600;
  margin: 0 0 8px;
}
body.kt .kt-law .oj-italic { font-style: italic; }
body.kt .kt-law .oj-bold { font-weight: 700; }
body.kt .kt-law .oj-note {
  font-size: .82rem;
  color: var(--kl-muted);
}
body.kt .kt-law .oj-normal {
  margin: 6px 0;
}