/* Запасной показ, если включён настройкой INFOBASKET_FALLBACK: виден без скриптов и при сбое виджета. */
.ib-widgets-on [data-ib-fallback] { display: none; }
.ib-widget { min-height: 200px; margin: 16px 0 32px; }
.ib-widget-failed .ib-widget { display: none; }
html.ib-widget-failed [data-ib-fallback] { display: block; }
/* Без запасного показа при сбое остаётся сообщение. */
.ib-widget-notice { display: none; }
html:not(.ib-widgets-on) .ib-widget-notice { display: block; }
html:not(.ib-widgets-on) .ib-widget { display: none; }

/* В стилях виджета стрелка списка задана шрифтом, которого нет на сайте. */
.selectize-control.single .selectize-input:after { font-family: FontAwesome; font-weight: 400; }

/* Сетка виджета задаёт .container ширину 750 и 970 px и раздвигает страницу на телефоне. */
.container { width: auto; }
.ib-widget { max-width: 100%; }
.ib-widget competition-profile, .ib-widget team-profile, .ib-widget player-profile, .ib-widget coach-profile, .ib-widget game-widget { display: block; max-width: 100%; }

/* Название уже есть в заголовке страницы: второй раз виджет его не показывает. */
competition-profile .el__title__page.ng-scope:not(.mod-none-border),
team-profile .title-tournament .tournament-name,
player-profile .wrap-detail-user .name,
coach-profile .wrap-detail-user .name { display: none; }
/* Меню вкладок матча, команды и игрока по центру, как на fbp.ru (в стилях виджета оно прижато вправо). */
.ib-widget .nav-about.mod-border-bottom, .ib-widget .nav-inner.mod-border-bottom { text-align: center; }
.ib-widget .nav-about ul, .ib-widget .nav-inner ul { margin-top: 0; padding-left: 0; }

/* Виджеты свёрстаны под отступы Bootstrap, общие отступы абзацев сайта их раздвигают. */
.ib-widget p { margin: 0 0 10px; }
.ib-widget img { vertical-align: middle; }

/* Страница матча как на fbp.ru: шапка в одну строку, счёт по четвертям под счётом. */
.ib-widget game-widget { max-width: 1080px; margin: 0 auto; }
.ib-widget game-widget .el-tournament-body .command { display: block; }
.ib-widget game-widget .el-tournament-body .command > a { display: inline; }
.ib-widget game-widget .el-tournament-body .sears-game { display: block; text-align: center; }
.ib-widget game-widget .el-tournament-body .sears-game > div { white-space: nowrap; }
.ib-widget game-widget .text-sostav { text-align: center; }
.ib-widget game-widget .el-player-comparison .text p.name { margin-top: 0; }

/* Состав команды: у игрока только фото и ФИО, амплуа, страну, дату рождения и рост дают не все команды.
   У тренеров остаётся должность. */
team-profile [ng-repeat^="player in roster"] .el-junge .prof,
team-profile .el-junge p { display: none; }
team-profile .row.mod-command-wrap { display: flex; flex-wrap: wrap; align-items: stretch; }
team-profile .mod-command-wrap:before, team-profile .mod-command-wrap:after { display: none; }
team-profile .mod-command-wrap > [ng-repeat] { display: flex; }
team-profile .mod-command-wrap .el-junge { flex: 1; margin-top: 0; margin-bottom: 20px; }

/* Карточки состава на планшете по две в ряд, на телефоне по одной: в сетке виджета колонки без ширины сжимаются. */
@media (max-width: 991px) { team-profile .row.mod-command-wrap > [ng-repeat] { width: 50%; } }
@media (max-width: 575px) { team-profile .row.mod-command-wrap > [ng-repeat] { width: 100%; } }

/* Сравнение игроков на телефоне: фото над фамилией, иначе строки разъезжаются. */
@media (max-width: 767px) {
  game-widget .player-comparison { margin-bottom: 16px; }
  game-widget .el-player-comparison .user-pic,
  game-widget .el-player-comparison.right .user-pic { float: none; display: block; margin: 0 0 6px; }
  game-widget .el-player-comparison.right .user-pic { margin-left: auto; }
  game-widget .el-player-comparison .text { padding-top: 0; }
}

/* Календарик выбора дат в расписании команды. */
.datepicker.dropdown-menu { font-family: inherit; z-index: 1000; }
.datepicker table tr td.active, .datepicker table tr td.active:hover,
.datepicker table tr td.range-start, .datepicker table tr td.range-end { background: var(--accent-dark); border-color: transparent; color: #fff; }
.ib-widget .input-daterange { display: flex; align-items: center; width: 100%; }
.ib-widget .input-daterange .form-control {
  flex: 1; min-width: 0; height: 35px; padding: 0 15px; border: 1px solid var(--line); border-radius: 0; box-shadow: none;
  font: inherit; font-size: 12px; letter-spacing: 1.08px; color: #303030; text-align: left; background: #fff;
}
.ib-widget .input-daterange .form-control:focus { outline: none; border-color: var(--accent-dark); }
.ib-widget .input-daterange .input-group-addon { flex: none; width: auto; padding: 0 10px; font-size: 13px; }