/* === NAVBAR BACKGROUND === */
.navbar {
    background: linear-gradient(90deg, #0084CF, #0086CF);
    padding: 0.65rem 1.2rem;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
    height: 70px !important;
}

/* === BRAND LOGO === */
.navbar-brand {
    font-size: 0 !important;
    display: flex;
    align-items: center;
}

.navbar-brand img {
    height: 32px;
    width: auto;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.4));
}

/* === STANDARD MENU LINKS === */
.navbar .nav-link {
    color: #e7efff !important;
    padding: 0.45rem 0.75rem;
    font-weight: 500;
    transition: 0.2s ease;
}

/* Hover */
.navbar .nav-link:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border-radius: 6px;
}

/* Active */
.navbar .nav-link.active {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.25) !important;
    border-radius: 6px;
    font-weight: 600;
}

/* Active Hover FIX */
.navbar .nav-link.active:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
}

/* === HOME AS ICON === */

/* Hide text for Home */
.navbar .nav-link[href="/"],
.navbar .nav-link[href*="redirect=0"] {
    font-size: 0 !important;
    color: transparent !important;
    position: relative;
}

/* Icon instead of text */
.navbar .nav-link[href="/"]::before,
.navbar .nav-link[href*="redirect=0"]::before {
    content: "";
    display: inline-block;
    width: 150px;
    height: 30px;
    background-image: url("/theme/stream/pix/logo_header.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
    margin-right: 6px;
}

/* Icon hover */
.navbar .nav-link[href="/"]:hover::before,
.navbar .nav-link[href*="redirect=0"]:hover::before {
    filter: brightness(1.12);
}

/* Icon active */
.navbar .nav-link[href="/"].active::before,
.navbar .nav-link[href*="redirect=0"].active::before {
    filter: brightness(1.22);
}

/* === USER MENU BUTTON === */
.navbar .usermenu .dropdown-toggle {
    background-color: #0085CF !important;
    border-radius: 6px;
    color: #ffffff !important;
}

/* === BUTTON HOVER === */
.navbar .btn:hover {
    background-color: #559dff !important;
    border-color: #559dff !important;
}

/* === УЛЬТРА-ЖЁСТКОЕ ПЕРЕОПРЕДЕЛЕНИЕ ТЕКСТА "EDIT MODE" === */
.navbar form.editmode-switch-form label.form-check-label {
    color: #ffffff !important; /* ← ЦВЕТ КОГДА ВЫКЛЮЧЕНО */
    font-weight: 600 !important;
}

/* Когда Edit mode ВКЛЮЧЁН */
.navbar form.editmode-switch-form.editing label.form-check-label,
.navbar form.editmode-switch-form input.form-check-input:checked ~ span.form-check-label {
    color: #FFE278 !important; /* ← ЦВЕТ КОГДА ВКЛЮЧЕНО */
    font-weight: 700 !important;
}

/* ===== УБИРАЕМ БЕЛЫЙ ФОН И СВЕЧЕНИЕ С ВЕРХНИХ ПУНКТОВ ===== */

.navbar .nav-link:focus,
.navbar .nav-link:active,
.navbar .nav-link.show,
.navbar .dropdown-toggle.show,
.moremenu .nav-link:focus,
.moremenu .nav-link:active,
.moremenu .nav-link.show,
.moremenu .dropdown-toggle.show {
    background: rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Дополнительно — убиваем браузерные обводки */
.navbar .nav-link,
.moremenu .nav-link {
    outline: none !important;
    box-shadow: none !important;
}

/* ===== УБИРАЕМ БЕЛЫЙ ФОН У АКТИВНЫХ ТАБОВ В АДМИНКЕ ===== */

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.show,
.nav-tabs .nav-link.show:hover,
.nav-tabs .nav-link.show:focus,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:active,
.nav-tabs .active_tree_node,
.nav-tabs .active_tree_node:focus,
.nav-tabs .active_tree_node:hover {
    background: rgba(0, 133, 207, 0.18) !important;
    color: #0085CF !important;
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

/* Линия под активным табом */
.nav-tabs .nav-link.active::after,
.nav-tabs .active_tree_node::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    background-color: #0085CF;
    border-radius: 2px;
}

/* Общий стиль табов */
.nav-tabs .nav-link {
    color: #0085CF !important;
    background: transparent !important;
    border: none !important;
    position: relative;
}