/* ---------------------------------------------------------
   SEARCH BAR — keep gray background, remove black bar,
   black text, gold outline, no expansion
--------------------------------------------------------- */
.search {
  background-color: transparent !important;
  border: none !important;
}

.search input,
input[type="search"] {
  background-color: #d0d0d0 !important; /* light gray */
  color: #000000 !important; /* black text */
  border: 2px solid #d4af37 !important; /* gold outline */
  width: 200px !important; /* fixed width */
  transition: none !important;
}

.search input:focus {
  width: 200px !important; /* prevent expansion */
  box-shadow: 0 0 6px #d4af37 !important;
}

/* ---------------------------------------------------------
   BREADCRUMB — black background, readable text
--------------------------------------------------------- */
.breadcrumb {
  background-color: #000000 !important; /* solid black */
  padding: 0.5rem 1rem !important;
}

.breadcrumb-item,
.breadcrumb-item a {
  color: #d0d0d0 !important; /* bright gray */
}

.breadcrumb-item.active {
  color: #d4af37 !important; /* gold */
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #d4af37 !important;
}

/* ---------------------------------------------------------
   FILE & FOLDER NAMES — black text for readability
--------------------------------------------------------- */
.name,
.file,
.file a {
  color: #000000 !important; /* black text */
  font-weight: 500 !important;
}

/* ---------------------------------------------------------
   SIDEBAR — keep brown background, readable text
--------------------------------------------------------- */
.sidebar {
  background-color: #3b2f2f !important; /* dark brown */
}

.sidebar a,
.sidebar .item,
.sidebar .item span,
.sidebar .item i,
.sidebar .item svg {
  color: #d0d0d0 !important; /* bright gray */
  fill: #d0d0d0 !important;
}

.sidebar a:hover,
.sidebar .item:hover {
  color: #d4af37 !important; /* gold */
  fill: #d4af37 !important;
}