@charset "UTF-8";
/* Блок выбора сезона/серии/источника на странице сериала. melodrama1.com */

.series-picker {
    margin: 0 0 12px;
    padding: 12px 14px;
    background: #f5f6f8;
    border: 1px solid #e3e5ea;
    border-radius: 6px;
    font-size: 13px;
    line-height: 1.3;
}

.series-picker__title {
    font-size: 15px;
    font-weight: 700;
    color: #2b2f36;
    margin-bottom: 10px;
}

.series-picker__row {
    display: block;
    margin-bottom: 8px;
}

.series-picker__row:last-child {
    margin-bottom: 0;
}

.series-picker__label {
    display: block;
    color: #7b8190;
    margin-bottom: 5px;
}

/* Сетка номеров: у сериалов их бывает под три сотни, поэтому переносим
   строками и ограничиваем высоту — иначе блок вытесняет плеер за экран. */
.series-picker__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    max-height: 132px;
    overflow-y: auto;
    padding-right: 4px;
}

.series-picker__btn {
    min-width: 34px;
    padding: 6px 9px;
    background: #fff;
    border: 1px solid #d5d8e0;
    border-radius: 4px;
    color: #2b2f36;
    font-size: 13px;
    font-family: inherit;
    line-height: 1;
    cursor: pointer;
    transition: background .12s, border-color .12s;
}

.series-picker__btn:hover {
    background: #eef1f6;
    border-color: #b9bfcc;
}

.series-picker__btn.is-active {
    background: #e23a54;
    border-color: #e23a54;
    color: #fff;
}

/* Точка у номера — признак того, что серия есть больше чем в одном месте */
.series-picker__btn.has-alt {
    position: relative;
}

.series-picker__btn.has-alt::after {
    content: "";
    position: absolute;
    top: 3px;
    right: 3px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #f0a000;
}

.series-picker__btn.is-active.has-alt::after {
    background: #fff;
}

.series-picker__row_source .series-picker__label {
    display: inline-block;
    margin: 0 8px 0 0;
    vertical-align: middle;
}

.series-picker__btn_src {
    min-width: 0;
    margin-right: 5px;
    vertical-align: middle;
}

@media (max-width: 600px) {
    .series-picker {
        padding: 10px;
    }

    .series-picker__grid {
        max-height: 112px;
    }
}