/* A jogi oldalak (adatkezelés, impresszum, cookie) elrendezése.
 *
 * Külön fájl, mert ezek az oldalak semmit nem használnak a marketing-oldal
 * animációiból és rácsaiból - viszont kellenek nekik olyan dolgok, amik a landingen
 * nincsenek: hosszú folyó szöveg, számozott szakaszok, definíciós táblák. A
 * `modernist.css` tokenjeit használja, új színt és térközt nem vezet be. */

.jogi-fejlec {
  border-bottom: 2px solid var(--color-divider);
}
.jogi-fejlec .dk-container {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding-block: var(--space-3);
}
.jogi-vissza {
  margin-left: auto;
  font-size: 14px;
  color: var(--color-text);
  text-decoration: none;
}
.jogi-vissza:hover { color: var(--color-accent-700); }

.jogi-lap {
  /* 68 karakter: ennél hosszabb sorban a szem elveszti a sor elejét, márpedig ezt a
     szöveget nem átfutni fogják, hanem visszakeresni benne. */
  max-width: 68ch;
  padding-block: var(--space-8);
}

.jogi-lap h1 { margin-bottom: var(--space-2); }
.jogi-lap h2 {
  margin-top: var(--space-8);
  margin-bottom: var(--space-3);
  padding-top: var(--space-4);
  border-top: 2px solid var(--color-divider);
  font-size: 20px;
}
.jogi-lap h3 { margin-top: var(--space-5); margin-bottom: var(--space-2); font-size: 16px; }
.jogi-lap p { margin-block: 0 var(--space-3); }
.jogi-lap ul, .jogi-lap ol { margin-block: 0 var(--space-3); padding-left: var(--space-5); }
.jogi-lap li { margin-bottom: var(--space-2); }

.jogi-datum {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
  margin-bottom: var(--space-6);
}

/* Adat-táblák (mit kezelünk, meddig): a definíciós lista táblánál olvashatóbb telefonon. */
.jogi-tabla {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin-bottom: var(--space-4);
}
.jogi-tabla th, .jogi-tabla td {
  text-align: left;
  vertical-align: top;
  padding: var(--space-2) var(--space-3) var(--space-2) 0;
  border-bottom: 1px solid var(--color-divider);
}
.jogi-tabla th {
  width: 34%;
  font-weight: 600;
}

.jogi-lablec {
  border-top: 2px solid var(--color-divider);
  padding-block: var(--space-4);
  font-size: 12px;
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
}
.jogi-lablec .dk-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-3);
}
.jogi-lablec a { color: inherit; }