/* ===============================
   GREEN THEME — FIXED & READABLE
   =============================== */

/* -------- БАЗОВАЯ ПАЛИТРА -------- */
:root {
    --green-main: #5fa65b;
    --green-dark: #2f5f2b;
    --green-soft: #8fcf88;
    --green-border: #2a4f27;
    --text-dark: #1f2a1f;
    --yellow-accent: #f2d34f;
}

/* -------- УБИРАЕМ КРАСНЫЕ ХВОСТЫ -------- */
.panel__body:after {
    border-bottom: 1px solid var(--green-border) !important;
}

.panel__footer {
    background: var(--green-dark) !important;
}

.panel__shadow {
    box-shadow: 0 10px 10px rgba(0,0,0,0.35) !important;
}

/* -------- ПАНЕЛЬ КУРСА -------- */
.panel__body,
.panel__downloads {
    background: linear-gradient(
        to bottom,
        var(--green-soft),
        var(--green-main)
    ) !important;
}

/* -------- ИКОНКИ (БЕЛЫЕ И ЧИТАЕМЫЕ) -------- */
.panel__icons i {
    color: #ffffff !important;
    text-shadow: 0 2px 3px rgba(0,0,0,0.45) !important;
}

/* -------- ВЕРХНЕЕ МЕНЮ -------- */
.menu {
    background: linear-gradient(
        to bottom,
        var(--green-dark),
        var(--green-main)
    ) !important;
}

.menu__item a {
    color: #ffffff !important;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0,0,0,0.45);
}

.menu__item a:hover {
    background: #ffffff !important;
    color: var(--green-dark) !important;
    text-shadow: none;
}

/* -------- КНОПКА "ГЛАЗ" -------- */
.special-toggle img,
.special-toggle i {
    filter: brightness(0) invert(1);
}

/* -------- ФУТЕР -------- */
.footer__body {
    background: linear-gradient(
        to bottom,
        var(--green-main),
        var(--green-dark)
    ) !important;
    box-shadow: 0 -6px 0 var(--green-border) !important;
}

/* -------- ССЫЛКИ -------- */
a {
    color: var(--green-dark) !important;
}

a:hover {
    color: var(--green-main) !important;
}

/* -------- РЕЙТИНГ (ЖЁЛТЫЙ ОК) -------- */
.rating {
    background: var(--yellow-accent) !important;
    color: #000 !important;
}

.topbar__hotlinks, .topbar__wrapper {
    background-color: var(--green-dark);
}

.topbar__hotlinks a {
    color: white!important;
}

.topbar__hotlinks a:hover {
    color:var(--green-main) !important;
}

.topbar__hotlinks a:after {
    border-left: 1px solid var(--green-main);
    border-right: 1px solid var(--green-main);
}

.topbar__tabs li.active {
    background: var(--green-main);
}

.topbar__tabs {
    border-right: 3px solid var(--green-main);
}

.topbar__search input {
    background: var(--green-main);
}

.topbar__links li a {
    color: white!important;
}

.topbar__links li a:hover {
    color: var(--green-soft) !important;
}

.topbar__tabs li:hover {
    background: var(--green-soft);
}

.menu__item:after {
    border-left: 1px solid var(--green-soft);
    border-right: 1px solid var(--green-soft);
}

.btn-primary {
     background: var(--green-main);
     border-color: var(--green-main);
     color: white!important;
}

.btn-primary:hover, .btn-primary:active {
    background: var(--green-dark);
}

.info {
    background: var(--green-main);
    border: 3px solid var(--green-main);
}

.bonus {
    border-color: var(--green-main);
}

h1, h2, h3, h4, h5, .name, .recommendation {
    color: var(--green-main);
}

.footer__menu li a {
  color: white!important;
}

.footer__menu li a:hover {
    color: var(--green-soft) !important;
}