:root{--accent:#3bd638;--bg:#0b1017;--text:#edf3fa;--gallery-cols:7;--content-width:1660px;--logo-height:100px}
.eyebrow,#heading,.sources,.source-tag{display:none!important}
.page-heading>div{display:none}.page-heading{justify-content:flex-end;margin-bottom:16px}
.grid{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:1450px){.grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1180px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:980px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Vlastní CSS */
/* Patička STREAMarchivu */
.stream-footer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
  gap: 40px;
  margin-top: 60px;
  padding: 40px 0 12px;
  border-top: 1px solid var(--line);
  color: var(--text);
}

.stream-footer-logo {
  display: block;
  width: min(280px, 100%);
  height: 60px;
  background: url("/appearance/logo") left center / contain no-repeat;
}

.stream-footer-brand p {
  margin: 14px 0 0;
  color: var(--muted);
  font-size: 13px;
  letter-spacing: .4px;
}

.stream-footer-brand strong {
  color: var(--text);
}

.stream-footer-links {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-top: 8px;
}

.stream-footer-links a {
  color: var(--text);
  font-size: 14px;
  text-decoration: none;
}

.stream-footer-links a:hover {
  color: var(--accent);
  text-decoration: underline;
}

.stream-footer-social {
  text-align: right;
}

.stream-footer-social p {
  margin: 4px 0 18px;
  color: var(--muted);
  font-size: 14px;
}

.stream-footer-icons {
  display: flex;
  justify-content: flex-end;
  gap: 22px;
}

.stream-footer-icons a {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  color: var(--text);
  text-decoration: none;
  transition: color .2s, transform .2s;
}

.stream-footer-icons a:hover {
  color: var(--accent);
  transform: translateY(-3px);
}

.stream-footer-icons a::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: currentColor;
  mask: var(--social-icon) center / contain no-repeat;
  -webkit-mask: var(--social-icon) center / contain no-repeat;
}

.social-tiktok {
  --social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 2c.3 2.8 1.8 4.4 4.5 4.7v3.4a9 9 0 0 1-4.5-1.4v7.1A6.2 6.2 0 1 1 10.3 9.6v3.5a2.8 2.8 0 1 0 2.8 2.8V2z'/%3E%3C/svg%3E");
}

.social-youtube {
  --social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M4 5h16a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3zm6 4v6l5-3z'/%3E%3C/svg%3E");
}

.social-instagram {
  --social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1' fill='black' stroke='none'/%3E%3C/svg%3E");
}

@media (max-width: 720px) {
  .stream-footer {
    grid-template-columns: 1fr;
    gap: 28px;
    margin-top: 40px;
    padding-top: 30px;
  }

  .stream-footer-links {
    align-items: flex-start;
  }

  .stream-footer-social {
    text-align: left;
  }

  .stream-footer-icons {
    justify-content: flex-start;
  }
}
.stream-footer-icons a,
.stream-footer-icons a:hover {
  color: #8ee600;
}

.stream-footer-brand {
  width: min(280px, 100%);
}

.stream-footer-brand p {
  width: 100%;
  text-align: center;
}
body {
  background:
    radial-gradient(
      ellipse at 90% 0%,
      #1a2b12 0%,
      transparent 40%
    ),
    var(--bg);
}