/**
 * Подписки — светлая и lo-fi («Оригинальная») темы.
 * Scoped: body.subscriptions-page
 */

/* ═══════════════════════════════════════
   Светлая
   ═══════════════════════════════════════ */
html.light-theme body.subscriptions-page .subscriptions-page-container,
body.light-theme.subscriptions-page .subscriptions-page-container {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

html.light-theme body.subscriptions-page .subscriptions-page-title,
body.light-theme.subscriptions-page .subscriptions-page-title {
    color: #0f0f0f !important;
}

html.light-theme body.subscriptions-page .channel-name,
html.light-theme body.subscriptions-page .channel-name-large,
html.light-theme body.subscriptions-page .video-title,
body.light-theme.subscriptions-page .channel-name,
body.light-theme.subscriptions-page .channel-name-large,
body.light-theme.subscriptions-page .video-title {
    color: #0f0f0f !important;
}

html.light-theme body.subscriptions-page .channel-main-link:hover .channel-name,
html.light-theme body.subscriptions-page .channel-link:hover .channel-name-large,
html.light-theme body.subscriptions-page .video-main-link:hover .video-title,
body.light-theme.subscriptions-page .channel-main-link:hover .channel-name,
body.light-theme.subscriptions-page .channel-link:hover .channel-name-large,
body.light-theme.subscriptions-page .video-main-link:hover .video-title {
    color: #0f0f0f !important;
}

html.light-theme body.subscriptions-page .subscribers-count,
html.light-theme body.subscriptions-page .video-meta,
html.light-theme body.subscriptions-page .video-description,
body.light-theme.subscriptions-page .subscribers-count,
body.light-theme.subscriptions-page .video-meta,
body.light-theme.subscriptions-page .video-description {
    color: #606060 !important;
}

html.light-theme body.subscriptions-page .channel-card:hover,
html.light-theme body.subscriptions-page .video-list-item:hover,
body.light-theme.subscriptions-page .channel-card:hover,
body.light-theme.subscriptions-page .video-list-item:hover {
    background: rgba(0, 0, 0, 0.04) !important;
}

html.light-theme body.subscriptions-page .sort-menu-button,
body.light-theme.subscriptions-page .sort-menu-button {
    background: #f2f2f2 !important;
    color: #0f0f0f !important;
    border: 1px solid #e0e0e0 !important;
}

html.light-theme body.subscriptions-page .sort-menu-button:hover,
body.light-theme.subscriptions-page .sort-menu-button:hover {
    background: #e8e8e8 !important;
}

html.light-theme body.subscriptions-page .sort-arrow-icon,
body.light-theme.subscriptions-page .sort-arrow-icon {
    filter: brightness(0) opacity(0.55) !important;
}

html.light-theme body.subscriptions-page .sort-menu-container.open .sort-arrow-icon,
body.light-theme.subscriptions-page .sort-menu-container.open .sort-arrow-icon {
    transform: rotate(180deg) !important;
}

html.light-theme body.subscriptions-page .sort-menu-dropdown,
body.light-theme.subscriptions-page .sort-menu-dropdown {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

html.light-theme body.subscriptions-page .sort-option,
body.light-theme.subscriptions-page .sort-option {
    color: #0f0f0f !important;
}

html.light-theme body.subscriptions-page .sort-option:hover,
body.light-theme.subscriptions-page .sort-option:hover {
    background: #f2f2f2 !important;
}

html.light-theme body.subscriptions-page .sort-option.active,
body.light-theme.subscriptions-page .sort-option.active {
    background: #e8f0fe !important;
    color: #065fd4 !important;
}

html.light-theme body.subscriptions-page .view-toggle-button.styled,
body.light-theme.subscriptions-page .view-toggle-button.styled {
    background: #f2f2f2 !important;
    color: #0f0f0f !important;
    border: 1px solid #e0e0e0 !important;
}

html.light-theme body.subscriptions-page .view-toggle-button.styled:hover,
body.light-theme.subscriptions-page .view-toggle-button.styled:hover {
    background: #e8e8e8 !important;
}

html.light-theme body.subscriptions-page .view-toggle-button.styled img,
body.light-theme.subscriptions-page .view-toggle-button.styled img {
    filter: brightness(0) opacity(0.55) !important;
}

html.light-theme body.subscriptions-page .channel-item-menu-button img,
html.light-theme body.subscriptions-page .video-item-menu-button img,
body.light-theme.subscriptions-page .channel-item-menu-button img,
body.light-theme.subscriptions-page .video-item-menu-button img {
    filter: brightness(0) opacity(0.5) !important;
}

html.light-theme body.subscriptions-page .channel-item-menu-button:hover,
html.light-theme body.subscriptions-page .video-item-menu-button:hover,
body.light-theme.subscriptions-page .channel-item-menu-button:hover,
body.light-theme.subscriptions-page .video-item-menu-button:hover {
    background: rgba(0, 0, 0, 0.06) !important;
}

html.light-theme body.subscriptions-page .channel-item-menu,
html.light-theme body.subscriptions-page .video-item-menu,
body.light-theme.subscriptions-page .channel-item-menu,
body.light-theme.subscriptions-page .video-item-menu {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

html.light-theme body.subscriptions-page .channel-item-menu a,
html.light-theme body.subscriptions-page .video-item-menu a,
body.light-theme.subscriptions-page .channel-item-menu a,
body.light-theme.subscriptions-page .video-item-menu a {
    color: #0f0f0f !important;
}

html.light-theme body.subscriptions-page .channel-item-menu a:hover,
html.light-theme body.subscriptions-page .video-item-menu a:hover,
body.light-theme.subscriptions-page .channel-item-menu a:hover,
body.light-theme.subscriptions-page .video-item-menu a:hover {
    background: #f2f2f2 !important;
}

html.light-theme body.subscriptions-page .channel-item-menu a img,
html.light-theme body.subscriptions-page .video-item-menu a img,
html.light-theme body.subscriptions-page .context-menu-dropdown a img,
body.light-theme.subscriptions-page .channel-item-menu a img,
body.light-theme.subscriptions-page .video-item-menu a img,
body.light-theme.subscriptions-page .context-menu-dropdown a img {
    filter: brightness(0) saturate(100%) opacity(0.62) !important;
}

html.light-theme body.subscriptions-page .video-group-divider,
body.light-theme.subscriptions-page .video-group-divider {
    background-color: #e5e5e5 !important;
}

html.light-theme body.subscriptions-page .channel-unsubscribed-message,
body.light-theme.subscriptions-page .channel-unsubscribed-message {
    color: #606060 !important;
}

/* ═══════════════════════════════════════
   Lo-fi «Оригинальная»
   ═══════════════════════════════════════ */
html.original-theme body.subscriptions-page .subscriptions-page-container,
body.original-theme.subscriptions-page .subscriptions-page-container {
    background: linear-gradient(
        165deg,
        rgba(255, 252, 247, 0.98) 0%,
        rgba(250, 242, 232, 0.96) 55%,
        rgba(245, 236, 224, 0.94) 100%
    ) !important;
    border: 1px solid rgba(180, 150, 120, 0.22) !important;
    border-radius: 22px !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.75) inset,
        0 16px 48px rgba(92, 74, 58, 0.1) !important;
}

html.original-theme body.subscriptions-page .subscriptions-page-title,
body.original-theme.subscriptions-page .subscriptions-page-title {
    color: #5c4a3d !important;
}

html.original-theme body.subscriptions-page .channel-name,
html.original-theme body.subscriptions-page .channel-name-large,
html.original-theme body.subscriptions-page .video-title,
body.original-theme.subscriptions-page .channel-name,
body.original-theme.subscriptions-page .channel-name-large,
body.original-theme.subscriptions-page .video-title {
    color: #4a3f35 !important;
}

html.original-theme body.subscriptions-page .channel-main-link:hover .channel-name,
html.original-theme body.subscriptions-page .channel-link:hover .channel-name-large,
html.original-theme body.subscriptions-page .video-main-link:hover .video-title,
body.original-theme.subscriptions-page .channel-main-link:hover .channel-name,
body.original-theme.subscriptions-page .channel-link:hover .channel-name-large,
body.original-theme.subscriptions-page .video-main-link:hover .video-title {
    color: #3d3329 !important;
}

html.original-theme body.subscriptions-page .subscribers-count,
html.original-theme body.subscriptions-page .video-meta,
html.original-theme body.subscriptions-page .video-description,
body.original-theme.subscriptions-page .subscribers-count,
body.original-theme.subscriptions-page .video-meta,
body.original-theme.subscriptions-page .video-description {
    color: #8b7355 !important;
}

html.original-theme body.subscriptions-page .channel-card,
body.original-theme.subscriptions-page .channel-card {
    background: rgba(255, 254, 251, 0.65) !important;
    border-radius: 14px !important;
    border: 1px solid rgba(180, 150, 120, 0.14) !important;
}

html.original-theme body.subscriptions-page .channel-card:hover,
html.original-theme body.subscriptions-page .video-list-item:hover,
body.original-theme.subscriptions-page .channel-card:hover,
body.original-theme.subscriptions-page .video-list-item:hover {
    background: rgba(245, 239, 230, 0.9) !important;
    border-color: rgba(196, 137, 90, 0.22) !important;
}

html.original-theme body.subscriptions-page .sort-menu-button,
html.original-theme body.subscriptions-page .view-toggle-button.styled,
body.original-theme.subscriptions-page .sort-menu-button,
body.original-theme.subscriptions-page .view-toggle-button.styled {
    background: rgba(255, 254, 251, 0.85) !important;
    border: 1px solid rgba(180, 150, 120, 0.28) !important;
    color: #5c4a3d !important;
    box-shadow: 0 1px 4px rgba(92, 74, 58, 0.06);
}

html.original-theme body.subscriptions-page .sort-menu-button:hover,
html.original-theme body.subscriptions-page .view-toggle-button.styled:hover,
body.original-theme.subscriptions-page .sort-menu-button:hover,
body.original-theme.subscriptions-page .view-toggle-button.styled:hover {
    background: #f5efe6 !important;
    border-color: rgba(196, 137, 90, 0.35) !important;
    color: #4a3f35 !important;
}

html.original-theme body.subscriptions-page .sort-arrow-icon,
html.original-theme body.subscriptions-page .view-toggle-button.styled img,
body.original-theme.subscriptions-page .sort-arrow-icon,
body.original-theme.subscriptions-page .view-toggle-button.styled img {
    filter: brightness(0) saturate(100%) opacity(0.5) !important;
}

html.original-theme body.subscriptions-page .sort-menu-container.open .sort-arrow-icon,
body.original-theme.subscriptions-page .sort-menu-container.open .sort-arrow-icon {
    transform: rotate(180deg) !important;
}

html.original-theme body.subscriptions-page .channel-item-menu a img,
html.original-theme body.subscriptions-page .video-item-menu a img,
html.original-theme body.subscriptions-page .context-menu-dropdown a img,
body.original-theme.subscriptions-page .channel-item-menu a img,
body.original-theme.subscriptions-page .video-item-menu a img,
body.original-theme.subscriptions-page .context-menu-dropdown a img {
    filter: brightness(0) saturate(100%) opacity(0.58) !important;
}

html.original-theme body.subscriptions-page .sort-menu-dropdown,
body.original-theme.subscriptions-page .sort-menu-dropdown {
    background: #fffefb !important;
    border: 1px solid rgba(180, 150, 120, 0.28) !important;
    box-shadow: 0 12px 32px rgba(92, 74, 58, 0.12) !important;
}

html.original-theme body.subscriptions-page .sort-option,
body.original-theme.subscriptions-page .sort-option {
    color: #4a3f35 !important;
}

html.original-theme body.subscriptions-page .sort-option:hover,
body.original-theme.subscriptions-page .sort-option:hover {
    background: #f5efe6 !important;
}

html.original-theme body.subscriptions-page .sort-option.active,
body.original-theme.subscriptions-page .sort-option.active {
    background: rgba(196, 137, 90, 0.15) !important;
    color: #8b5a3c !important;
}

html.original-theme body.subscriptions-page .channel-item-menu-button img,
html.original-theme body.subscriptions-page .video-item-menu-button img,
body.original-theme.subscriptions-page .channel-item-menu-button img,
body.original-theme.subscriptions-page .video-item-menu-button img {
    filter: brightness(0) saturate(100%) opacity(0.42) !important;
}

html.original-theme body.subscriptions-page .channel-item-menu-button:hover,
html.original-theme body.subscriptions-page .video-item-menu-button:hover,
body.original-theme.subscriptions-page .channel-item-menu-button:hover,
body.original-theme.subscriptions-page .video-item-menu-button:hover {
    background: rgba(196, 137, 90, 0.12) !important;
}

html.original-theme body.subscriptions-page .channel-item-menu,
html.original-theme body.subscriptions-page .video-item-menu,
body.original-theme.subscriptions-page .channel-item-menu,
body.original-theme.subscriptions-page .video-item-menu {
    background: #fffefb !important;
    border: 1px solid rgba(180, 150, 120, 0.28) !important;
    box-shadow: 0 12px 32px rgba(92, 74, 58, 0.12) !important;
}

html.original-theme body.subscriptions-page .channel-item-menu a,
html.original-theme body.subscriptions-page .video-item-menu a,
body.original-theme.subscriptions-page .channel-item-menu a,
body.original-theme.subscriptions-page .video-item-menu a {
    color: #4a3f35 !important;
}

html.original-theme body.subscriptions-page .channel-item-menu a:hover,
html.original-theme body.subscriptions-page .video-item-menu a:hover,
body.original-theme.subscriptions-page .channel-item-menu a:hover,
body.original-theme.subscriptions-page .video-item-menu a:hover {
    background: #f5efe6 !important;
}

html.original-theme body.subscriptions-page .video-group-divider,
body.original-theme.subscriptions-page .video-group-divider {
    background-color: rgba(180, 150, 120, 0.22) !important;
}