/* Offcanvas — тёмная тема, использует переменные из theme-electro.css */
.offcanvas {
    background: var(--card);
    color: var(--text);
}

.offcanvas .offcanvas-header {
    background: var(--card);
    border-bottom: 1px solid var(--border);
}

.offcanvas .offcanvas-title {
    color: var(--brand);
}

.offcanvas .btn-close {
    filter: invert(1) grayscale(1); /* светлая иконка закрытия */
    opacity: .8;
}
.offcanvas .btn-close:hover { opacity: 1; }

/* Навигация */
.offcanvas .nav-link {
    color: var(--text);
    opacity: .9;
    padding-left: 0;
    padding-right: 0;
}
.offcanvas .nav-link:hover,
.offcanvas .nav-link:focus {
    color: var(--brand);
    text-decoration: underline;
}

/* Поле поиска и кнопки */
.offcanvas .input-group .form-control {
    background: #191919;
    border-color: var(--border);
    color: var(--text);
}
.offcanvas .input-group .form-control:focus {
    border-color: var(--brand);
    box-shadow: 0 0 0 0.2rem rgba(242, 212, 71, .15);
}

.offcanvas .btn-primary {
    background: var(--brand);
    border-color: var(--brand);
    color: #101010;
}
.offcanvas .btn-outline-primary {
    border-color: var(--brand);
    color: var(--brand);
}
.offcanvas .btn-outline-primary:hover {
    background: var(--brand);
    color: #101010;
}