/* Brand text styling for header */
.brand-text {
  width: auto; /* Changed from fixed width for better flexibility */
  margin-left: 10px; /* This will be overridden by sticky-header-logo-fix.css for the sticky header */
  font-size: 22px;
  font-weight: 700;
  color: var(--menu-color);
  letter-spacing: 1px;
  display: flex;
  align-items: center;
}

/* Dark mode - match navigation link colors */
.dark-mode .brand-text {
  color: #ffffff; /* Match the navigation links in dark mode */
}

/* Responsive adjustments */
@media (max-width: 1199px) {
  .brand-text {
    margin-left: 30px;
    width: auto;
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .brand-text {
    margin-left: 20px;
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .brand-text {
    display: none;
  }
}