/* ============================================================
   SITE-CHROME — общий футер + ленты «скотча» (главная / блог / обсуждение).
   W6.2 · токены акцента; без фиолетового AI-слапа.
   ============================================================ */

/* ---- Ленты caution / fashion tape ---- */
.tape-rail{
  position:absolute;left:-8%;right:-8%;height:64px;
  pointer-events:none;z-index:3;overflow:visible;
}
@media(max-width:767px){
  /* не раздуваем ширину документа — иначе на телефоне «щипок» */
  .tape-rail{left:0;right:0;overflow:hidden}
  .tape{left:-2%;right:-2%}
}
.tape-rail-top{top:-22px}
.tape-rail-bottom{bottom:-22px}
.tape{
  position:absolute;left:-6%;right:-6%;height:30px;
  display:flex;align-items:center;overflow:hidden;
  box-shadow:0 6px 22px rgba(0,0,0,.35);
  transform-origin:center center;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(0,0,0,.35);
}
.tape-track{
  display:flex;gap:0;white-space:nowrap;width:max-content;
  font-family:var(--font-head,'Unbounded',sans-serif);
  font-weight:700;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  line-height:1;padding:0 8px;
  animation:tapeMarq 28s linear infinite;
  will-change:transform;
}
.tape-track span{
  padding:0 18px;display:inline-flex;align-items:center;gap:18px;
  flex-shrink:0;
}
.tape-track span::after{
  content:"";width:6px;height:6px;border-radius:1px;background:currentColor;
  transform:rotate(45deg);opacity:.55;flex-shrink:0;
}
/* -50% = ровно одна копия последовательности (JS добивает ширину ≥ 2× ленты) */
@keyframes tapeMarq{to{transform:translateX(-50%)}}

/* Золотой зал конкурсов — hazard-лента на золоте зала */
.tape--gold{
  color:#14110C;
  background:repeating-linear-gradient(
    -45deg,
    #E8C86A 0 14px,
    #1A1610 14px 20px
  );
}
.tape--gold .tape-track{
  text-shadow:0 0 6px rgba(232,200,106,.55);
}
/* Акцент темы — для футера и внутренних страниц */
.tape--accent{
  color:var(--on-accent,#05130A);
  background:repeating-linear-gradient(
    -45deg,
    var(--accent,#25E277) 0 11px,
    #0E1214 11px 22px
  );
}
html[data-mode="day"] .tape--accent{
  color:#fff;
  background:repeating-linear-gradient(
    -45deg,
    var(--accent,#0C9D57) 0 11px,
    #1A1F22 11px 22px
  );
}

.tape-a{top:2px;z-index:3}
.tape-b{top:18px;z-index:2;opacity:.92;height:26px}
.tape-c{top:8px;z-index:1;opacity:.7;height:22px;filter:brightness(.85)}
.tape-rail-bottom .tape-a{top:auto;bottom:18px}
.tape-rail-bottom .tape-b{top:auto;bottom:2px}
.tape-rail-bottom .tape-c{top:auto;bottom:10px}

/* Scroll-scrub: позицию задаёт motion-extra.js через transform/--stick.
   Без CSS-transition — движение синхронно со скроллом (туда и обратно). */
.tape-scrub .tape{
  will-change:transform,opacity;
  transition:none;
}
.tape-scrub .tape-a{--stick:0}
.tape-scrub .tape-b{--stick:0}
.tape-scrub .tape-c{--stick:0}

@media(prefers-reduced-motion:reduce){
  .tape-track{animation:none}
  .tape-scrub .tape{opacity:1!important;transform:none!important}
}

/* ---- Футер сайта ---- */
.site-footer{
  position:relative;z-index:4;isolation:isolate;
  margin-top:8px;padding:0 0 36px;
  background:var(--surface,var(--bg));
  color:var(--text-2,var(--muted));
  border-top:none;
  overflow:hidden;
}
.site-footer::before{
  /* тонкая линия-разделитель под лентой */
  content:"";display:block;height:1px;background:var(--divider,var(--panel-brd));
  margin:28px 0 0;opacity:.7;
}
.site-footer .wrap{padding-top:28px}
.site-footer-grid{
  display:grid;grid-template-columns:1.2fr 1fr;gap:28px 40px;align-items:start;
}
.site-footer-brand{
  font-family:var(--font-head,'Unbounded',sans-serif);
  font-weight:700;font-size:18px;color:var(--text);line-height:1.2;
}
.site-footer-brand .my{color:var(--accent)}
.site-footer-copy{margin-top:10px;font-size:13px;line-height:1.5;color:var(--text-2,var(--muted));max-width:340px}
.site-footer-copy a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.site-footer-nav{
  display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:flex-end;
  font-size:13px;font-weight:600;
}
.site-footer-nav a{
  color:var(--text-2,var(--muted));text-decoration:none;
  transition:color .18s ease;
}
.site-footer-nav a:hover{color:var(--accent)}
.site-footer-meta{
  grid-column:1/-1;margin-top:4px;font-size:12px;color:var(--text-3,var(--muted));
  opacity:.85;
}
.site-footer .tape-rail{
  position:relative;left:0;right:0;top:0;height:36px;margin:0;
}
.site-footer .tape-rail .tape{
  left:-4%;right:-4%;height:28px;top:0;
  transform:rotate(-1.2deg);
  box-shadow:0 4px 16px rgba(0,0,0,.22);
}
.site-footer .tape-rail .tape-b{
  top:10px;transform:rotate(0.9deg);height:22px;opacity:.75;
}

@media(max-width:767px){
  .site-footer-grid{grid-template-columns:1fr;gap:20px}
  .site-footer-nav{justify-content:flex-start}
  .tape-rail{height:52px}
  .tape{height:26px}
  .tape-track{font-size:9px}
}