/* 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;
}

/* Ensure dark mode compatibility with enhanced visibility */
.dark-mode .brand-text {
  /* Fallback for browsers that don't support gradient text */
  color: #A8FF04; 
  
  /* Gradient text effect that matches the app's theme */
  background: linear-gradient(79deg, #A8FF04 0%, #6DBE45 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-emphasis-color: transparent;
  
  /* Add a slight text shadow for better readability */
  text-shadow: 0px 0px 3px rgba(168, 255, 4, 0.3);
}

/* 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;
  }
}