/* Increase logo size in the header */
.md-header__button.md-logo img {
  height: 100px;   /* adjust as needed */
  width: auto;    /* keeps aspect ratio */
}
/* Add a vertical line between sidebar and content */
.md-sidebar {
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);
  height: 100vh;
}
/* Show Material header dropdowns on hover (desktop only) */
@media (min-width: 960px) {
  /* Tabs with children have a dropdown container; reveal it on hover/focus */
  .md-header .md-tabs__item:hover .md-dropdown,
  .md-header .md-tabs__item:focus-within .md-dropdown {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0); /* smooth in */
  }
}

/* Optional: slightly quicker appearance */
.md-dropdown {
  transition: opacity .12s ease, transform .12s ease, visibility .12s;
}

/* subtle divider between sidebar and content */
.md-sidebar--primary {
  border-right: 1px solid var(--md-default-fg-color--light);
}

/* make header clean + remove heavy shadow */
.md-header {
  background-color: #ffd;            /* header not blue */
  color: var(--md-default-fg-color);
  box-shadow: none;
  border-bottom: 1px solid var(--md-default-fg-color--light);
}

/* tabs area under the header (if you use navigation.tabs) */
.md-tabs {
  background-color: #ffd  ;
  color: var(--md-default-fg-color);
}

.md-header__emails {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  font-size: 0.85rem;
  white-space: nowrap;
  margin-left: auto;            /* push to the right */
  padding-left: 1rem;
}
.md-header__emails .sep { opacity: 0.6; }
@media (max-width: 900px) {
  .md-header__emails { display: none; } /* hide on small screens to avoid wrapping */
}