@charset "UTF-8";

/* Тёмная тема: только цвета и фон. Вёрстка — в index.css / template.css / common.css */

.theme-dark-only {
    display: none !important;
}

html[data-theme="dark"] {
    color-scheme: dark;
    background: #000;
}

html[data-theme="dark"] body {
    background: #000;
}

/* До theme-ready скрываем вёрстку целиком — без поочерёдного «прыжка» картинок */
html:not(.theme-ready) body > .content,
html:not(.theme-ready) body > main.content {
    visibility: hidden;
}

html.theme-ready body > .content,
html.theme-ready body > main.content {
    visibility: visible;
}

html[data-theme="dark"] .theme-light-only {
    display: none !important;
}

html[data-theme="dark"] .theme-dark-only {
    display: block !important;
}

html[data-theme="dark"] .skip-link:focus {
    background: #111;
    color: #fff;
}

/* --- index.html: цвета текста (позиции как в светлой теме) --- */

html[data-theme="dark"] body > .content.page-home .zone-text-home {
    color: #7e7e7e;
}

html[data-theme="dark"] body > .content.page-home .zone-text-home .home-line-gold {
    color: #f2ce88;
    -webkit-text-stroke-color: #f2ce88;
}

html[data-theme="dark"] body > .content.page-home .zone-text-home .home-line-title {
    color: #fff;
    -webkit-text-stroke-color: #fff;
}

html[data-theme="dark"] body > .content.page-home .zone-text-home .home-line-trainer {
    color: #fff;
    text-decoration-color: #999;
}

html[data-theme="dark"] body > .content.page-home .zone-text-home .home-line-body {
    color: #7e7e7e;
}

html[data-theme="dark"] body > .content.page-home .zone-text-home .home-em {
    color: #7e7e7e;
}

html[data-theme="dark"] body > .content.page-home .zone-text-home .home-line-body:nth-child(5),
html[data-theme="dark"] body > .content.page-home .zone-text-home .home-line-body:nth-child(5) .home-em {
    color: #999999;
}

html[data-theme="dark"] body > .content.page-home .home-underline {
    color: #fff;
    text-decoration-color: #999;
}

html[data-theme="dark"] body > .content.page-home .zone-text-image-5,
html[data-theme="dark"] body > .content.page-home .zone-text-image-5 .home-underline {
    color: #fff;
    text-decoration-color: #999;
}

html[data-theme="dark"] body > .content.page-home .zone-text-principles {
    color: #7e7e7e;
}

html[data-theme="dark"] body > .content.page-home .zone-text-principles .principles-title {
    color: #fff;
    text-decoration-color: #999;
}

html[data-theme="dark"] body > .content.page-home .zone-text-principles .color-gray {
    color: #7e7e7e;
}

html[data-theme="dark"] body > .content.page-home .zone-text-principles .principles-last {
    color: #fff;
}

/* --- video / reviews --- */

html[data-theme="dark"] .page-video-all .video-grid .row .item .description .video-desc {
    background-color: #202020;
}

html[data-theme="dark"] .page-video-all .video-grid .row:first-of-type .item:first-of-type .description .video-desc {
    background-color: transparent;
}

html[data-theme="dark"] .page-video-page .video-grid .row .item .description p {
    background-color: #202020 !important;
}

html[data-theme="dark"] .page-reviews .page-content {
    color: #fff;
}

html[data-theme="dark"] .page-reviews .page-content a:not([style*="color"]) {
    color: #fff;
}

html[data-theme="dark"] .page-reviews .page-content .reviews-container .review {
    border-color: #393939;
}

html[data-theme="dark"] .page-reviews .page-content .reviews-container .review .review-title {
    background-color: #262626;
    color: #fff;
}

html[data-theme="dark"] .page-reviews .page-content .reviews-container .review .review-content {
    background-color: #141414;
    border-top-color: #262626;
    color: #fff;
}