/**
 * Дополнения к вендорному video-js.css для плееров на секретных страницах.
 * Копия лежит в m.zems.pro/local/templates/mobile/css/ — переносить правки
 * в оба репозитория.
 */

/**
 * По умолчанию video.js держит слайдер громкости свёрнутым и разворачивает
 * его только по ховеру/фокусу — показываем сразу, чтобы регулятор было видно.
 */
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal {
    width: 10em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 6em;
    height: 3em;
    opacity: 1;
    visibility: visible;
    transition: none;
}

/** Кнопка выбора качества: вместо иконки — текущее значение («Авто», «720p»). */
.video-js .vjs-quality-button {
    /** штатные 4em не вмещают «1080p» */
    width: auto;
    min-width: 4em;
}

.video-js .vjs-quality-button .vjs-icon-placeholder {
    display: none;
}

.video-js .vjs-quality-button .vjs-quality-value {
    display: inline-block;
    line-height: 3em;
    font-size: 1.1em;
    padding: 0 0.4em;
}

.video-js .vjs-quality-button .vjs-menu {
    width: 6em;
    left: 50%;
    margin-left: -3em;
}