/* Akistata (akistatafights.lt): the legal pages (taisykles-ir-salygos.html, privatumo-politika.html).
   Same colours as the homepage, none of its background or layout, and a plain white version for printing. */

:root {
  --red-hot: #e1251b;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font: 400 16px/1.65 var(--font);
  color: #d9d9dd;
  background: #0c0b0d;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.legal {
  width: min(760px, 100%);
  margin: 0 auto;
  padding: 24px max(18px, env(safe-area-inset-right)) 64px max(18px, env(safe-area-inset-left));
}
.legal a { color: #fff; text-underline-offset: 2px; }
.legal__back { display: inline-block; padding: 6px 0; font-size: 14px; color: #a9a9ae !important; text-decoration: none; }
.legal__back:hover { color: #fff !important; }

h1 { margin: 14px 0 8px; font-size: clamp(27px, 6vw, 38px); font-weight: 800; line-height: 1.2; color: #fff; text-wrap: balance; }
h2 { margin: 36px 0 12px; font-size: 20px; font-weight: 700; line-height: 1.3; color: #fff; text-wrap: balance; }
h3 { margin: 24px 0 8px; font-size: 16px; font-weight: 700; line-height: 1.35; color: #f2f2f4; }
p, li { text-wrap: pretty; }
p { margin: 0 0 12px; }
ul { margin: 0 0 12px; padding-left: 22px; }
li { margin: 0 0 6px; }
li strong { color: #f2f2f4; }

.legal__lead { margin-bottom: 6px; font-size: 17px; color: #e7e7ea; }
.legal__meta { margin-bottom: 26px; font-size: 14px; color: #a9a9ae; }
.legal__seller, .legal__form {
  padding: 14px 16px;
  color: #f2f2f4;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(255, 255, 255, .1);
  border-left: 3px solid var(--red-hot);
  border-radius: 3px;
}
.legal__form p:last-child { margin-bottom: 0; }

@media print {
  :root { color-scheme: light; }
  body { color: #000; background: #fff; font-size: 11.5pt; line-height: 1.45; }
  .legal { width: 100%; padding: 0; }
  .legal__back { display: none; }
  .legal a { color: #000; }
  h1, h2, h3, li strong, .legal__lead, .legal__meta, .legal__seller, .legal__form { color: #000; }
  .legal__seller, .legal__form { background: none; border: 1px solid #888; }
  h2, h3 { break-after: avoid; }
  li, .legal__form { break-inside: avoid; }
}