.navbar__link {
    color: var(--color-content-primary);
    font-size: var(--text-m-size);
    white-space: nowrap;
}

.navbar__link--offers {
    color: var(--color-content-brand);
    font-weight: var(--font-weight-semibold);
}

.navbar__links .vr {
    opacity: 1;
    background-color: var(--color-border-primary);
    align-self: center;
    height: 1.25rem;
    width: 1px;
}

.navbar__submenu {
    min-width: 16rem;
    padding: 0.75rem 0;
}

.navbar__submenu-item {
    color: var(--color-content-primary);
    font-size: var(--text-m-size);
    padding: 0.625rem 1.25rem;
}

.navbar__submenu-item:hover,
.navbar__submenu-item:focus {
    background-color: var(--color-bg-secondary);
    color: var(--color-content-primary);
}

.navbar__sell-btn {
    background-color: var(--color-bg-partner);
    color: var(--color-content-partner-primary);
    border: 1px solid var(--color-border-partner);
    white-space: nowrap;
}

/* Vizibilitatea per breakpoint (linkuri complete vs „Categorii populare" vs tray
   mobil) e controlată acum prin utilități responsive Bootstrap în markup
   (d-none d-lg-flex / d-flex d-lg-none / d-none d-md-flex / d-flex d-md-none),
   aliniate la breakpoint-urile native md(768)/lg(992). .navbar__mobile-tray
   păstrează doar fundalul — display-ul vine din utilități. */
.navbar__mobile-tray {
    background-color: var(--color-bg-secondary);
}

.navbar__mobile-icon-btn {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--color-bg-primary);
    border: 1px solid var(--color-border-primary);
    color: var(--color-content-tertiary);
    flex-shrink: 0;
}

.navbar__mobile-icon-badge {
    position: absolute;
    top: -0.375rem;
    right: -0.375rem;
}

.navbar__mobile-icon-badge .badge-count {
    min-width: 1.125rem;
    height: 1.125rem;
    padding: 0 0.25rem;
    font-size: 0.625rem;
}