/* legal.css - styl pravnych stranok + paticka v aplikacii.
   Uloz do public/legal.css. Sekciu .app-footer vyuziva app.html/console.html. */

main.legal {
  max-width: 760px;
  margin: 0 auto;
  padding: 28px 22px 40px;
  line-height: 1.65;
  font-size: .95rem;
}

main.legal h1 { font-size: 1.7rem; margin-bottom: 6px; }
main.legal h2 { font-size: 1.05rem; margin: 26px 0 8px; }
main.legal p { margin: 8px 0; }
main.legal ul { margin: 8px 0 8px 20px; }
main.legal li { margin: 4px 0; }
main.legal a { color: inherit; }

main.legal table {
  width: 100%;
  border-collapse: collapse;
  margin: 12px 0;
  font-size: .85rem;
}
main.legal th, main.legal td {
  border: 1px solid #2a2e3d;
  padding: 8px 10px;
  text-align: left;
  vertical-align: top;
}
main.legal th { background: rgba(255, 255, 255, .04); }

.legal-footer {
  margin-top: 36px;
  padding-top: 16px;
  border-top: 1px solid #2a2e3d;
  color: #8a90a5;
  font-size: .8rem;
}
.legal-footer a { color: #8a90a5; text-decoration: none; }
.legal-footer a:hover { color: inherit; }

/* Paticka v aplikacii/konzole - odsadena, aby ju neprekryl fixny player */
.app-footer {
  text-align: center;
  color: #8a90a5;
  font-size: .78rem;
  padding: 26px 16px 110px; /* 110px = rezerva pod fixny global player */
}
.app-footer a { color: #8a90a5; text-decoration: none; margin: 0 6px; }
.app-footer a:hover { color: inherit; }