/*
 * Dark theme, layer 2 of 2: the colours of our own custom.css (owner,
 * 2026-11-13). Loaded AFTER custom.css; dark.css is layer 1.
 *
 * Every rule mirrors a rule of custom.css and changes colours only: dark
 * text turns white, white and light grey surfaces turn into the dark cards
 * of the theme, light borders into faint white ones, and green text gets a
 * brighter green that reads on a dark card. A filled accent (a green,
 * yellow or red background with its own text) is left as it is.
 *
 * A new rule in custom.css that paints a light surface, dark text or a
 * light border needs its dark twin here - check the page with the moon
 * button before the change goes out.
 */
html[data-theme="dark"] .leagues-menu .gallery__thumb {
    background-color: #292c31;
}
html[data-theme="dark"] .playground-link:hover,
html[data-theme="dark"] .playground-link .fa-map-marker,
html[data-theme="dark"] .playground-link__icon {
    color: #2fc77a;
}
html[data-theme="dark"] .sponsor-card__header {
    background-color: #292c31;
}
html[data-theme="dark"] .sponsor-card__footer {
    border-top: 1px solid rgba(255,255,255,0.08);
}
html[data-theme="dark"] .sponsor-card__link,
html[data-theme="dark"] .sponsor-card__link:focus {
    color: #ffffff;
}
html[data-theme="dark"] .sponsor-card__link:hover {
    color: #2fc77a;
}
html[data-theme="dark"] .team-info__photo {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
html[data-theme="dark"] .team-info__item {
    color: #ffffff;
}
html[data-theme="dark"] .team-info__item+.team-info__item {
    border-top: 1px solid rgba(255,255,255,0.08);
}
html[data-theme="dark"] .team-info__icon {
    color: #2fc77a;
}
html[data-theme="dark"] .team-awards__title {
    background-color: rgba(255,255,255,0.03);
    border-top: 1px solid rgba(255,255,255,0.08);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    color: #9a9da2;
}
html[data-theme="dark"] .team-awards__item+.team-awards__item {
    border-left: 1px solid rgba(255,255,255,0.08);
}
html[data-theme="dark"] .team-awards__value {
    color: #ffffff;
}
html[data-theme="dark"] .gallery__item-inner:hover .team-awards__item+.team-awards__item {
    border-left-color: rgba(255,255,255,0.1);
}
html[data-theme="dark"] .upcoming__strip {
    background-color: rgba(255,255,255,0.03);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    color: #9a9da2;
}
html[data-theme="dark"] .upcoming__league,
html[data-theme="dark"] .upcoming__date {
    color: #ffffff;
}
html[data-theme="dark"] .upcoming__strip--head {
    border-top: 1px solid rgba(255,255,255,0.08);
}
html[data-theme="dark"] .upcoming__name a {
    color: #ffffff;
}
html[data-theme="dark"] .upcoming__name a:hover {
    color: #2fc77a;
}
html[data-theme="dark"] .upcoming__score,
html[data-theme="dark"] .upcoming__score:focus {
    color: #ffffff;
}
html[data-theme="dark"] .upcoming__score-part--winner {
    color: #2fc77a;
}
html[data-theme="dark"] .upcoming__row-score {
    color: #ffffff;
}
html[data-theme="dark"] .upcoming__time,
html[data-theme="dark"] .upcoming__time:focus,
html[data-theme="dark"] .upcoming__time:hover {
    color: #2fc77a;
}
html[data-theme="dark"] .upcoming__vs,
html[data-theme="dark"] .upcoming__place-link,
html[data-theme="dark"] .upcoming__place-link:focus {
    color: #ffffff;
}
html[data-theme="dark"] .upcoming__place-link:hover {
    color: #2fc77a;
}
html[data-theme="dark"] .upcoming__row+.upcoming__row {
    border-top: 1px solid rgba(255,255,255,0.08);
}
html[data-theme="dark"] .upcoming__row-team {
    color: #ffffff;
}
html[data-theme="dark"] .upcoming__row-team:hover {
    color: #2fc77a;
}
html[data-theme="dark"] .upcoming__col--when {
    color: #ffffff;
}
html[data-theme="dark"] .upcoming__col--when:hover {
    color: #2fc77a;
}
html[data-theme="dark"] .upcoming__col--place .playground-link {
    color: #ffffff;
}
html[data-theme="dark"] .upcoming__col--place .playground-link:hover {
    color: #2fc77a;
}
html[data-theme="dark"] .widget-social--grid .btn-social-counter--twitter,
html[data-theme="dark"] .widget-social--grid .btn-social-counter--rss,
html[data-theme="dark"] .widget-social--grid .btn-social-counter--twitter:hover,
html[data-theme="dark"] .widget-social--grid .btn-social-counter--rss:hover {
    border: 1px solid rgba(255,255,255,0.08);
}
html[data-theme="dark"] .page-heading__title .highlight,
html[data-theme="dark"] .breadcrumb>li+li:before,
html[data-theme="dark"] .active-link {
    color: #2fc77a !important;
}
html[data-theme="dark"] .widget-results__title {
    background-color: rgba(255,255,255,0.03);
    color: #9a9da2;
}
html[data-theme="dark"] .team-standings__diff .standing-win {
    color: #2fc77a;
}
html[data-theme="dark"] .teams-ful-listing .gallery__thumb {
    background-color: #292c31;
}
html[data-theme="dark"] .team-roster--case .team-roster__meta-value--accent,
html[data-theme="dark"] .team-roster--case .team-roster__meta-value,
html[data-theme="dark"] .team-roster--case .team-roster__meta-number {
    color: #2fc77a;
}
html[data-theme="dark"] .game-player-result__game--win {
    color: #2fc77a !important;
}
html[data-theme="dark"] .player-stats__item {
    color: #ffffff;
}
html[data-theme="dark"] .player-stats__item+.player-stats__item {
    border-top: 1px solid rgba(255,255,255,0.08);
}
html[data-theme="dark"] .player-stats__icon--goal {
    color: #2fc77a;
}
html[data-theme="dark"] .player-stats__icon--clean,
html[data-theme="dark"] .player-stats__value {
    color: #ffffff;
}
html[data-theme="dark"] .player-awards__head {
    background-color: rgba(255,255,255,0.03);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    color: #9a9da2;
}
html[data-theme="dark"] .player-awards__item+.player-awards__item {
    border-top: 1px solid rgba(255,255,255,0.08);
}
html[data-theme="dark"] .player-awards__item:nth-child(even) {
    background-color: rgba(255,255,255,0.03);
}
html[data-theme="dark"] .player-awards__name,
html[data-theme="dark"] .player-awards__season {
    color: #ffffff;
}
html[data-theme="dark"] .player-awards__more-wrap {
    border-top: 1px solid rgba(255,255,255,0.08);
}
html[data-theme="dark"] #widget-tabbed-sm-newest:-webkit-scrollbar-track,
html[data-theme="dark"] #widget-tabbed-sm-commented:-webkit-scrollbar-track,
html[data-theme="dark"] #widget-tabbed-sm-newest:-webkit-scrollbar,
html[data-theme="dark"] #widget-tabbed-sm-commented:-webkit-scrollbar {
    background-color: rgba(255,255,255,0.03);
}
html[data-theme="dark"] .widget-tabbed .nav.widget-tabbed__nav>li>a:hover,
html[data-theme="dark"] .widget-tabbed .nav.widget-tabbed__nav>li.active>a,
html[data-theme="dark"] .df-timeline__event-desc {
    color: #2fc77a;
}
html[data-theme="dark"] .widget-results__item>a:hover,
html[data-theme="dark"] .widget-results--wide .widget-results__item:hover {
    background-color: rgba(255,255,255,0.06);
}
html[data-theme="dark"] .widget-results__item>a:hover .widget-results__team-name,
html[data-theme="dark"] .widget-results--wide .widget-results__team a:hover .widget-results__team-name,
html[data-theme="dark"] .widget-results__result-hover {
    color: #2fc77a;
}
html[data-theme="dark"] .widget-results__live-list {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
html[data-theme="dark"] .pwa-install__icon {
    background: #292c31;
}
html[data-theme="dark"] .team-result-filter__item select.form-control {
    border: 1px solid rgba(255,255,255,0.08);
}
html[data-theme="dark"] .team-result-filter__item select.form-control:hover,
html[data-theme="dark"] .team-result-filter__item select.form-control:focus {
    color: #ffffff;
}
html[data-theme="dark"] .table-standings>thead>tr>th {
    background-color: rgba(255,255,255,0.03);
}
html[data-theme="dark"] .widget-results__postponed-list {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
html[data-theme="dark"] .btn-outline.btn-default {
    color: #2fc77a;
}
html[data-theme="dark"] .fav-empty__slot {
    border: 1px dashed rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.03);
}
html[data-theme="dark"] .fav-slot__team {
    color: #ffffff;
}
html[data-theme="dark"] .fav-slot__add {
    border: 1px dashed rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.03);
}
html[data-theme="dark"] .fav-picker {
    border-top: 1px solid rgba(255,255,255,0.08);
}
html[data-theme="dark"] .fav-picker__field,
html[data-theme="dark"] .fav-picker__dropdown {
    border: 1px solid rgba(255,255,255,0.08);
    background: #292c31;
}
html[data-theme="dark"] .fav-picker__option {
    color: #ffffff;
}
html[data-theme="dark"] .fav-push-btn.is-disabled {
    background: rgba(255,255,255,0.03);
    border-color: rgba(255,255,255,0.08);
    color: #ffffff;
}
html[data-theme="dark"] .fav-push-btn.is-disabled .fa {
    color: #ffffff;
}
html[data-theme="dark"] .fav-push-btn.is-busy {
    background: rgba(255,255,255,0.03);
    border-color: rgba(255,255,255,0.08);
    color: #ffffff;
}
html[data-theme="dark"] .fav-push-btn.is-busy .fa {
    color: #ffffff;
}
html[data-theme="dark"] .fav-push-btn--on {
    background: rgba(255,255,255,0.03);
    border-color: rgba(255,255,255,0.08);
    color: #ffffff;
}
html[data-theme="dark"] .fav-push-btn--on .fa {
    color: #ffffff;
}
html[data-theme="dark"] .fav-push-btn--on:hover,
html[data-theme="dark"] .fav-push-btn--on:focus {
    background: rgba(255,255,255,0.06);
    border-color: rgba(255,255,255,0.08);
}
html[data-theme="dark"] .fav-push-modal .fav-push__on {
    color: #2fc77a;
}
html[data-theme="dark"] .fav-push-modal .fav-push__type {
    border-bottom: 1px solid rgba(255,255,255,0.08);
    color: #ffffff;
}
html[data-theme="dark"] .fav-push-modal .fav-push__type input {
    border: 2px solid rgba(255,255,255,0.08);
    background: #292c31;
}
html[data-theme="dark"] .meta-like.icon-pie-chart,
html[data-theme="dark"] .meta-like.icon-chart {
    color: #2fc77a;
}
html[data-theme="dark"] .widget-results__resting-item a {
    border: 1px solid rgba(255,255,255,0.08);
    color: #ffffff;
}
html[data-theme="dark"] .widget-results__resting-item a:hover,
html[data-theme="dark"] .widget-results__resting-item a:focus {
    border-color: rgba(255,255,255,0.3);
    color: #ffffff;
}
html[data-theme="dark"] .suspensions-table .suspensions-band td {
    background-color: rgba(255,255,255,0.03);
    color: #ffffff;
}
html[data-theme="dark"] .suspension-matches {
    border: 1px solid rgba(255,255,255,0.08);
}
html[data-theme="dark"] .main-nav__list>li.main-nav__item--search>a,
html[data-theme="dark"] .main-nav__list>li.main-nav__item--search>a:hover,
html[data-theme="dark"] .main-nav__list>li.main-nav__item--search>a:focus,
html[data-theme="dark"] .site-search__bar {
    background-color: #292c31;
}
html[data-theme="dark"] .site-search__input,
html[data-theme="dark"] .site-search__close:hover,
html[data-theme="dark"] .site-search__close:focus {
    color: #ffffff;
}
html[data-theme="dark"] .site-search__results {
    background-color: #292c31;
}
html[data-theme="dark"] .site-search__group+.site-search__group {
    border-top: 1px solid rgba(255,255,255,0.08);
}
html[data-theme="dark"] .site-search__group-title {
    color: #2fc77a;
}
html[data-theme="dark"] .site-search__item,
html[data-theme="dark"] .site-search__item:hover,
html[data-theme="dark"] .site-search__item:focus {
    color: #ffffff;
}
html[data-theme="dark"] .site-search__badge {
    background-color: rgba(255,255,255,0.03);
}
@media (max-width:991px) {
    html[data-theme="dark"] .main-nav:-webkit-scrollbar-thumb,
    html[data-theme="dark"] .main-nav:-webkit-scrollbar-thumb:hover {
        background-color: rgba(255,255,255,0.08);
    }
    html[data-theme="dark"] .cities .footer-nav__item>a,
    html[data-theme="dark"] .main-nav__list .main-nav__megamenu.cities>ul>li>a {
        background: rgba(255,255,255,0.08);
    }
    html[data-theme="dark"] .card .posts--simple-list .posts__item {
        border-bottom: 1px solid rgba(255,255,255,0.08);
    }
    html[data-theme="dark"] .main-nav .main-nav__list>li>a {
        border-bottom: 1px solid rgba(255,255,255,0.3);
    }
    html[data-theme="dark"] .team-result-filter__item select.form-control {
        color: #2fc77a;
    }
    html[data-theme="dark"] .header-mobile__action-menu>li+li>a {
        border-top: 1px solid rgba(255,255,255,0.08);
    }
    html[data-theme="dark"] .stats-filter {
        background-color: #292c31;
    }
    html[data-theme="dark"] .stats-filter__toggle:before {
        color: #ffffff;
    }
    html[data-theme="dark"] .stats-filter__item {
        border-bottom: 1px solid rgba(255,255,255,0.08);
    }
    html[data-theme="dark"] .stats-filter__link:hover,
    html[data-theme="dark"] .stats-filter__item--active .stats-filter__link {
        color: #ffffff;
    }
}
@media (min-width:992px) {
    html[data-theme="dark"] .cities .footer-nav__item>a:hover {
        background: rgba(255,255,255,0.08);
    }
}

/* By hand: what the two mirrors above do not reach */

/* The date row of the fixtures widget */
html[data-theme="dark"] .widget-results__title {
    border-color: rgba(255,255,255,0.08);
}
/* The disabled page button (bootstrap's own white) */
html[data-theme="dark"] .pagination > .disabled > span,
html[data-theme="dark"] .pagination > .disabled > a {
    background-color: #292c31;
    border-color: rgba(255,255,255,0.05);
    color: #9a9da2;
}
/* The popup card of the cookie policy and of the notification settings
   of Любими (.cookie-modal__card): its styles are inline in
   frontend/common/cookie_consent.blade.php, so the mirror of custom.css
   does not see them. The card turns into a dark card with its texts;
   the tick of a checkbox stays white on the green box. */
html[data-theme="dark"] .cookie-modal__card {
    background: #292c31;
    color: #ffffff;
}
html[data-theme="dark"] .cookie-modal__footer {
    border-top-color: rgba(255,255,255,0.08);
}
html[data-theme="dark"] .cookie-modal__cancel {
    background: rgba(255,255,255,0.08);
    color: #ffffff;
}
html[data-theme="dark"] .cookie-modal__cancel:hover,
html[data-theme="dark"] .cookie-modal__cancel:focus {
    background: rgba(255,255,255,0.16);
}
html[data-theme="dark"] .cookie-modal__decline {
    color: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4);
}
html[data-theme="dark"] .cookie-modal__decline:hover,
html[data-theme="dark"] .cookie-modal__decline:focus {
    background: #ffffff;
    color: #1e2024;
}
html[data-theme="dark"] .cookie-modal__card .ck__title {
    color: #ffffff;
}
html[data-theme="dark"] .cookie-modal__card h2 {
    color: #2fc77a;
}
html[data-theme="dark"] .cookie-modal__card p,
html[data-theme="dark"] .cookie-modal__card .ck__list li {
    color: #9a9da2;
}
html[data-theme="dark"] .cookie-modal__card .ck__list li {
    border-bottom-color: rgba(255,255,255,0.08);
}
html[data-theme="dark"] .cookie-modal__card .ck__list b {
    color: #ffffff;
}
html[data-theme="dark"] .cookie-modal__card .ck__name {
    background: rgba(255,255,255,0.08);
    color: #ffffff;
}
html[data-theme="dark"] .fav-push-modal .fav-push__type input:checked {
    background: #039049;
    border-color: #039049;
}
html[data-theme="dark"] .fav-push-modal .fav-push__message--warn {
    background: rgba(253,201,11,0.12);
}
/* The sun / moon button itself: the sun shows in the dark theme */
html[data-theme="dark"] .theme-toggle .fa-moon-o {
    display: none;
}
html[data-theme="dark"] .theme-toggle .fa-sun-o {
    display: inline-block;
}