/* never die — индивидуальность поверх шаблона парка (sait.json dop_css; sobrat.py
   этот файл НЕ трогает). Мир афиши: белая пустота, чёрное напыление, бордовый
   леттеринг. Отсюда: 1) шрифты — Rubik Dirt (грандж) для городов/кнопок/ленты
   через --f-druk в palitra.css, Rubik Spray Paint для дат; 2) штампы дат — не
   плашки, а бордовые цифры «из баллончика» прямо на чёрной стене, чуть под
   наклоном; 3) ховер строки — бордовая спрей-клякса проступает за датой и
   городом (как облако даты на афише), цифры на ней становятся белыми;
   стандартный тон строки и полоска слева выключены. */

/* ШТАМПЫ ДАТ — спрей. Селекторы с префиксом .goroda: <style> блоков лежит в теле
   страницы после head и при равной специфичности перебил бы этот файл. */
.goroda .lp-shtamp span{background:none;border-radius:0;padding:0 0 0 2px;text-align:left;
  font-family:'Rubik Spray Paint','Rubik Dirt',var(--f-druk);font-weight:400;font-size:46px;
  letter-spacing:.02em;color:var(--akcent);
  transform:rotate(var(--nd-naklon,-3deg));transition:color .25s}
.goroda .lp-stroka:nth-child(even) .lp-shtamp span{--nd-naklon:2deg}

/* ГОРОДА — Rubik Dirt шире Druk: кегль меньше, чтобы «Санкт-Петербург» стоял одной строкой.
   Колонка штампа на десктопе 168px (шаблон дал 216 под плашку высотой с кнопку —
   спрей-цифрам не нужно), город получает 428px. Только десктоп: правило с двумя
   классами перебило бы планшет/мобилу шаблона и внутри их медиазапросов. */
@media (min-width:1025px){ .goroda .lp-stroka{grid-template-columns:168px minmax(0,1fr) auto} }
.goroda .lp-gorod{letter-spacing:0;font-size:34px}
.goroda .lp-stroka .lp-btn{letter-spacing:.03em;font-size:23px}

/* ПОДПИСЬ под городом — в Golos на чёрном терялась (фидбек 07.09, дважды):
   теперь Rubik Dirt капсом, как остальная типографика строки. Первая строка —
   день недели, мелкий разряженный «ярлык»; вторая — площадка · адрес, крупнее и
   белая. Время начала убрано (решение промоутера: оно есть у билетного сервиса). */
.goroda .lp-mesto{margin-top:8px;line-height:1.25}
.goroda .lp-mesto span{font-family:var(--f-druk);text-transform:uppercase}
.goroda .lp-mesto .lp-adres,.goroda .lp-mesto .lp-razd{font-size:inherit;letter-spacing:inherit;color:inherit;margin:0}
.goroda .lp-mesto > span:first-child{font-size:14px;letter-spacing:.08em;color:#D6D6D6;margin-bottom:4px}   /* день недели */
.goroda .lp-mesto > span:last-child,.goroda .lp-mesto > span:only-child{font-size:17px;letter-spacing:.03em;color:var(--bumaga)}   /* клуб */
/* структура подписи как у verbee (промоутер 07.09): город одной строкой → день
   недели → клуб → адрес, каждая своей строкой; разделитель «/» здесь не нужен
   (остался в датах 09/10) */
.goroda .lp-mesto > span:last-child{white-space:normal}
.goroda .lp-mesto .lp-adres{display:block;white-space:normal;font-size:15px;letter-spacing:.04em;color:#D6D6D6;margin-top:2px}   /* адрес */
.goroda .lp-mesto .lp-razd{display:none}
.goroda .lp-gorod{white-space:nowrap}

/* ХОВЕР — клякса вместо тона строки */
.goroda .lp-stroka::before{display:none}
.goroda .lp-stroka::after{content:"";position:absolute;z-index:0;inset:auto;left:-40px;right:-40px;top:-34%;height:168%;
  -webkit-mask-image:none;mask-image:none;background-image:none;   /* полосы-ховер шаблона (VERBEE) здесь не нужны */
  background:url(foto/klyaksa.png) center/100% 100% no-repeat;   /* клякса вдоль всей строки, края мягкие внутри картинки */
  opacity:0;transform:scale(.96);pointer-events:none;
  transition:opacity .3s cubic-bezier(.2,.7,.3,1),transform .5s cubic-bezier(.2,.7,.3,1)}
.goroda .lp-shtamp,.goroda .lp-gorod,.goroda .lp-mesto,.goroda .lp-stroka .lp-btn{position:relative;z-index:1}
@media (hover:hover){
  .goroda .lp-stroka:hover{background:transparent}
  .goroda .lp-stroka:hover .lp-shtamp{transform:none}   /* «привставание» плашки из шаблона — не для спрей-цифр */
  .goroda .lp-stroka:hover::after{opacity:1;transform:none}
  .goroda .lp-stroka:hover .lp-shtamp span{color:var(--bumaga)}
  .goroda .lp-stroka:hover .lp-gorod{color:var(--bumaga)}
  .goroda .lp-stroka:hover .lp-mesto span{color:var(--bumaga)}
  .goroda .lp-stroka:hover .lp-btn{box-shadow:inset 0 0 0 2px var(--bumaga)}   /* бордовая кнопка на бордовой кляксе — белая рамка держит форму */
}
@media (prefers-reduced-motion:reduce){ .goroda .lp-stroka::after{transition:none} }

/* ЛЕНТА и подвал — Rubik Dirt шире Druk: кегли чуть меньше, чтобы не рвалось */
body .lp-ticker-track b,body .lp-ticker-track i{font-size:21px;letter-spacing:.04em}
.goroda .goroda-foot-txt{font-size:22px;letter-spacing:.02em;max-width:460px}
.goroda .goroda-foot .lp-soc{font-size:19px;letter-spacing:.03em}
body .lp-btn{letter-spacing:.03em}

/* ПЛАНШЕТ */
@media (min-width:641px) and (max-width:1024px){
  .goroda .lp-stroka{grid-template-columns:120px minmax(0,1fr) auto}   /* спрей-цифрам хватает; городу — место под одну строку */
  .goroda .lp-shtamp span{font-size:34px}
  .goroda .lp-gorod{font-size:26px}
  .goroda .lp-mesto > span:first-child{font-size:13px}
  .goroda .lp-mesto .lp-adres{font-size:14px}
  .goroda .lp-mesto > span:last-child,.goroda .lp-mesto > span:only-child{font-size:15px}
  .goroda .lp-stroka .lp-btn{font-size:19px}
}
/* МОБИЛА — спрей-цифры компактнее, клякса не нужна (ховера нет) */
@media (max-width:640px){
  /* дата слева, город справа В ОДНУ СТРОКУ (промоутер 07.09: штамп над городом оставлял
     много пустоты); колонка штампа по содержимому, город получает остальное и стоит
     одной строкой уменьшенным кеглем; подпись и кнопка — на всю ширину */
  .goroda .lp-stroka{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"sh g" "m m" "b b";
    column-gap:6px;row-gap:0;align-items:center;padding:12px 4px 16px}   /* дата и город — по центру строки, line-height 1 у обоих */
  .goroda .lp-shtamp{width:auto;justify-content:flex-start;margin:0;align-self:center}   /* шаблон на мобиле даёт штампу width:140px — спрей-цифрам по содержимому */
  .goroda .lp-shtamp span{font-size:23px;transform:none;line-height:1}   /* дата вровень с городом (промоутер 08.09) */   /* без наклона: рядом с городом в строку читался как перекос */
  .goroda .lp-gorod{font-size:26px;letter-spacing:-.03em;white-space:nowrap;align-self:center;line-height:1;transform:translateY(-4px)}   /* город крупнее даты (промоутер 07.09): дата 21px уступает место */   /* спрей-цифры сидят в своей строке выше Rubik Dirt — город приподнят на 3px, низы букв в одну линию (замер по рендеру 07.09) */   /* Rubik Dirt широкий: «Санкт-Петербург» 15 знаков ≈ 0.69em каждый */
  .goroda .lp-mesto{margin-top:10px;line-height:1.3}
  .goroda .lp-mesto > span:first-child{font-size:13px;margin-bottom:3px}
  .goroda .lp-mesto > span:last-child,.goroda .lp-mesto > span:only-child{font-size:15px}
  .goroda .lp-mesto .lp-adres{font-size:14px}
  .goroda .lp-stroka .lp-btn{font-size:20px}
  body .lp-ticker-track b,body .lp-ticker-track i{font-size:18px}
  .goroda .lp-stroka::after{display:none}
  .goroda{padding-top:4px}                       /* лента → первый город: было 18+14 (промоутер 07.09) */
  .goroda .lp-stroka:first-child{padding-top:10px}
}
/* узкие телефоны (≤380): «Санкт-Петербург» рядом с датой — ещё на шаг меньше */
@media (max-width:380px){
  .goroda .lp-shtamp span{font-size:21px}
  .goroda .lp-gorod{font-size:24px}
}

/* ЛОГО В ФУТЕРЕ — с потёками картинка выше, чем леттеринг: даём высоту больше,
   чтобы сами буквы остались того же размера, что раньше (30px ≈ буквы) */
.futer .futer-logo img{height:46px;max-width:220px}
@media (min-width:641px) and (max-width:1024px){ .futer .futer-logo img{height:40px;max-width:190px} }
@media (max-width:640px){ .futer .futer-logo img{height:34px;max-width:160px} }