/*
 * Текстовая трансляция «Ход матча» — точный CSS темы Битрикса.
 * Блок .match-progress* — verbatim из /local/templates/torpedo/css/main.css
 * (с сохранением @media), заскоуплен под .broadcasts-detail. Ниже — типографика
 * классов, встречающихся в text_html (roboto/color-*/link/textBroadcast/video).
 * Подключается ТОЛЬКО на /online/broadcasts/{type}/{slug}/.
 */
.broadcasts-detail .match-progress {padding-top:49px;padding-bottom:48px}
.broadcasts-detail .match-progress__title {font-size:28px;line-height:32px;margin:0 0 5px;text-transform:uppercase;letter-spacing:.4px}
.broadcasts-detail .match-progress__info {overflow:hidden;position:relative;margin-top:-2px}
.broadcasts-detail .match-progress__info:first-child {margin-top:0}
.broadcasts-detail .match-progress__detail {padding-left:10px;position:relative}
.broadcasts-detail .match-progress__detail:before {content:'';display:block;width:6px;height:6px;border-radius:50%;background:#00205b;position:absolute;left:0;top:50%;margin-top:-3px;z-index:2}
.broadcasts-detail .match-progress__detail:after {content:'';display:block;width:2px;height:100%;top:0;z-index:1;background:#e0e7f3;position:absolute;left:2px}
.broadcasts-detail .match-progress__info._danger .match-progress__detail:before {background:#c8102e}
.broadcasts-detail .match-progress__info._success .match-progress__detail:before {background:#003da5}
.broadcasts-detail .match-progress__info._default .match-progress__detail:before {background:#697181}
.broadcasts-detail .match-progress__info._no-bord-top .match-progress__detail:after {height:50%;top:auto;bottom:0}
.broadcasts-detail .match-progress__info._no-bord-bottom .match-progress__detail:after {height:50%}
.broadcasts-detail .match-progress__info._no-bord .match-progress__detail:after, .broadcasts-detail .match-progress__info._no-point .match-progress__detail:before {display:none}
.broadcasts-detail .match-progress__detail-wrapper {padding:26px 16px;position:relative}
.broadcasts-detail .match-progress__detail-wrapper:before {content:'';display:block;width:calc(100% - 16px);height:2px;background:#e0e7f3;position:absolute;right:0;top:0}
.broadcasts-detail .match-progress__info:first-child .match-progress__detail-wrapper:before {display:none}
.broadcasts-detail .match-progress__info._danger .match-progress__detail-wrapper {background:#f2ebf0;z-index:1}
.broadcasts-detail .match-progress__info._danger .match-progress__detail-wrapper:before {background:#f2ebf0}
.broadcasts-detail .match-progress__info._success .match-progress__detail-wrapper {background:#e0e7f3;z-index:1}
.broadcasts-detail .match-progress__info._success .match-progress__detail-wrapper:before {background:#e0e7f3}
.broadcasts-detail .match-progress__time-container {padding:0 5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;line-height:1;font-weight:700;color:#00205b}
.broadcasts-detail .match-progress__time-container .svgsprite {display:block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;font-size:0}
.broadcasts-detail .match-progress__time-container .svgsprite._chart-icon, .broadcasts-detail .match-progress__time-container .svgsprite._clock-icon {width:12px;height:12px}
.broadcasts-detail .match-progress__time-container .svgsprite._whistle-icon {width:16px;height:13px}
.broadcasts-detail .match-progress__time-container .svgsprite._pencil-icon, .broadcasts-detail .match-progress__time-container .svgsprite._washer-icon {width:14px;height:14px}
.broadcasts-detail .match-progress__info._default .match-progress__time-container {color:#697181}
.broadcasts-detail .match-progress__info._default .match-progress__time-container .svgsprite {fill:#697181}
.broadcasts-detail .match-progress__info._danger .match-progress__time-container {color:#c8102e}
.broadcasts-detail .match-progress__info._danger .match-progress__time-container .svgsprite {fill:#c8102e}
.broadcasts-detail .match-progress__info._success .match-progress__time-container {color:#003da5}
.broadcasts-detail .match-progress__info._success .match-progress__time-container .svgsprite {fill:#003da5}
.broadcasts-detail .match-progress__time-container .svgsprite+.match-progress__time {padding-left:8px}
.broadcasts-detail .match-progress__detail-content {margin:0 -5px}
.broadcasts-detail .match-progress__detail-content strong {font-weight:700}
.broadcasts-detail .match-progress__detail-content b {font-weight:700;color:#00205b}
.broadcasts-detail .match-progress__text-container {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0 5px}
.broadcasts-detail .match-progress__detail-sub-text+.match-progress__text-container {margin-top:6px}
.broadcasts-detail .match-progress__time-container+.match-progress__text-container {margin-top:7px}
.broadcasts-detail .match-progress__text-number {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:#00205b;text-align:center;font-size:11px;line-height:2;color:#f4f6fa;font-weight:700;margin-right:10px}
.broadcasts-detail .match-progress__text {font-size:14px;line-height:1.5;color:#0c1931;font-weight:500;letter-spacing:.17px}
.broadcasts-detail .match-progress__detail-sub-text, .broadcasts-detail .match-progress__detail-sub-wrapper {font-size:14px;line-height:1.5;letter-spacing:.17px}
.broadcasts-detail .match-progress__detail-sub-wrapper {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
.broadcasts-detail .match-progress__detail-sub-label {padding:0 5px}
.broadcasts-detail .match-progress__info._danger .match-progress__detail-sub-label {color:#c8102e;font-weight:700}
.broadcasts-detail .match-progress__info._success .match-progress__detail-sub-label {color:#003da5;font-weight:600;font-size:16px;line-height:1.3125}
.broadcasts-detail .match-progress__detail-sub-info {padding:0 5px}
.broadcasts-detail .match-progress__detail-sub-wrapper+.match-progress__detail-sub-info {margin-top:6px}
@media (min-width:768px) {
  .broadcasts-detail .match-progress {padding-bottom:98px;padding-top:45px}
  .broadcasts-detail .match-progress__title {font-size:42px;line-height:49px;margin-bottom:20px}
  .broadcasts-detail .match-progress__detail {padding-left:14px}
  .broadcasts-detail .match-progress__detail-wrapper {padding:29.5px 20px 29.5px 125px}
  .broadcasts-detail .match-progress__detail-wrapper:before {width:calc(100% - 125px)}
  .broadcasts-detail .match-progress__time-container {position:absolute;top:50%;left:16px;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:0;font-size:15px;line-height:1.46667}
  .broadcasts-detail .match-progress__time-container .svgsprite._clock-icon {width:14px;height:14px}
  .broadcasts-detail .match-progress__time-container .svgsprite._chart-icon {width:15px;height:15px}
  .broadcasts-detail .match-progress__time-container .svgsprite._whistle-icon {width:17px;height:14px}
  .broadcasts-detail .match-progress__detail-content {margin:0 -7px}
  .broadcasts-detail .match-progress__text-container {padding:0 7px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
  .broadcasts-detail .match-progress__detail-sub-text+.match-progress__text-container {margin-top:12px}
  .broadcasts-detail .match-progress__time-container+.match-progress__text-container {margin-top:0}
  .broadcasts-detail .match-progress__text-number {width:24px;height:24px;font-size:13px;line-height:1.92308}
  .broadcasts-detail .match-progress__detail-sub-text, .broadcasts-detail .match-progress__detail-sub-wrapper, .broadcasts-detail .match-progress__text {font-size:15px;line-height:1.46667}
  .broadcasts-detail .match-progress__detail-sub-text {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
  .broadcasts-detail .match-progress__detail-sub-label {padding:0 7px}
  .broadcasts-detail .match-progress__info._success .match-progress__detail-sub-label {font-size:20px;line-height:1.1}
  .broadcasts-detail .match-progress__detail-sub-info {padding:0 7px}
  .broadcasts-detail .match-progress__detail-sub-wrapper+.match-progress__detail-sub-info {margin-top:0}
}
@media (min-width:1200px) {
  .broadcasts-detail .match-progress {padding-top:65px;padding-bottom:138px}
  .broadcasts-detail .match-progress__title {margin-bottom:24px}
  .broadcasts-detail .match-progress__detail {padding-left:20px}
  .broadcasts-detail .match-progress__detail-wrapper {padding:33.5px 40px 33.5px 125px}
  .broadcasts-detail .match-progress__detail-content {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -11px}
  .broadcasts-detail .match-progress__text-container {padding:0 11px}
  .broadcasts-detail .match-progress__detail-sub-text+.match-progress__text-container {margin-top:0}
  .broadcasts-detail .match-progress__detail-sub-info, .broadcasts-detail .match-progress__detail-sub-label {padding:0 11px}
}
@media (min-width:1600px) {
  .broadcasts-detail .match-progress {padding-top:86px;padding-bottom:229px}
  .broadcasts-detail .match-progress__title {font-size:56px;line-height:65px;margin-bottom:25px}
  .broadcasts-detail .match-progress__info {margin-left:-4px}
  .broadcasts-detail .match-progress__detail-wrapper {padding:41.5px 80px 41.5px 125px}
  .broadcasts-detail .match-progress__time-container {font-size:20px;line-height:1.5}
  .broadcasts-detail .match-progress__time-container .svgsprite._chart-icon, .broadcasts-detail .match-progress__time-container .svgsprite._clock-icon {width:16px;height:16px}
  .broadcasts-detail .match-progress__time-container .svgsprite._whistle-icon {width:25px;height:21px}
  .broadcasts-detail .match-progress__time-container .svgsprite._washer-icon {width:22px;height:22px}
  .broadcasts-detail .match-progress__time-container .svgsprite._pencil-icon {width:19px;height:19px}
  .broadcasts-detail .match-progress__detail-content {margin:0 -13px}
  .broadcasts-detail .match-progress__text-container {padding:0 13px}
  .broadcasts-detail .match-progress__text-number {width:36px;height:36px;font-size:20px;line-height:1.8;letter-spacing:.5px}
  .broadcasts-detail .match-progress__detail-sub-text, .broadcasts-detail .match-progress__detail-sub-wrapper, .broadcasts-detail .match-progress__text {font-size:20px;line-height:1.5}
  .broadcasts-detail .match-progress__detail-sub-label {padding:0 13px}
  .broadcasts-detail .match-progress__info._success .match-progress__detail-sub-label {font-size:32px;line-height:1}
  .broadcasts-detail .match-progress__detail-sub-info {padding:0 13px}
}

/* ─── Типографика текста ленты (классы из text_html Битрикса) ─── */
/* Шрифт — наш фирменный 'Play' (как везде на сайте), НЕ битриксовый Roboto. */
.broadcasts-detail .match-progress,
.broadcasts-detail .match-progress__text,
.broadcasts-detail .textBroadcast-item__right-text,
.broadcasts-detail .roboto { font-family: 'Play', sans-serif; }
.broadcasts-detail .roboto-normal { font-weight: 400; }
.broadcasts-detail .roboto-bold { font-weight: 700; }
.broadcasts-detail .color-black { color: #0c1931; }
.broadcasts-detail .color-danger { color: #c8102e; }
.broadcasts-detail .color-primary { color: #003da5; }
.broadcasts-detail .textBroadcast-item__right-text { margin: 0; }
.broadcasts-detail .textBroadcast-item__right-text + .textBroadcast-item__right-text { margin-top: 6px; }
.broadcasts-detail .textBroadcast-item__right-content { display: block; }
.broadcasts-detail .link { color: #003da5; text-decoration: none; }
.broadcasts-detail .link:hover { text-decoration: underline; }
.broadcasts-detail .d-block_mob { display: inline; }
@media (max-width: 599px) { .broadcasts-detail .d-block_mob { display: block; } }

/* видео-вставки / превью в предматчевых пунктах */
.broadcasts-detail .embed-responsive { position: relative; display: block; width: 100%; overflow: hidden; }
.broadcasts-detail .embed-responsive-16by9 { padding-top: 56.25%; }
.broadcasts-detail .embed-responsive iframe,
.broadcasts-detail .embed-responsive video,
.broadcasts-detail .videoiframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.broadcasts-detail .preview-pluses img,
.broadcasts-detail .preview-preview img { max-width: 100%; height: auto; }
.broadcasts-detail .allvideo { margin-top: 10px; }