/* Header Enhancement CSS for Lab Name Font Size */
/* This CSS enhances the lab name visibility and styling */

/* Enhanced lab name styling - Original Size Restored */
.navbar-brand h1.text-primary {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.025em !important;
}

/* Theme-responsive colors for lab name */
[data-theme="light"] .navbar-brand h1.text-primary {
    color: #4169E1 !important; /* Royal Blue for light mode */
}

[data-theme="dark"] .navbar-brand h1.text-primary {
    color: #ffffff !important; /* White for dark mode */
}

/* Fallback for light mode (default) */
.navbar-brand h1.text-primary {
    color: #4169E1 !important; /* Royal Blue as default */
}

/* Responsive font sizes for lab name - Smaller sizes */
@media (max-width: 1400px) {
    .navbar-brand h1.text-primary {
        font-size: 1.4rem !important;
    }
}

@media (max-width: 1200px) {
    .navbar-brand h1.text-primary {
        font-size: 1.3rem !important;
    }
}

@media (max-width: 992px) {
    .navbar-brand h1.text-primary {
        font-size: 1.2rem !important;
    }
}

@media (max-width: 768px) {
    .navbar-brand h1.text-primary {
        font-size: 1.1rem !important;
    }
}

@media (max-width: 576px) {
    .navbar-brand h1.text-primary {
        font-size: 1rem !important;
    }
}

/* Ensure navbar brand container - Normal sizing */
.navbar-brand {
    flex-grow: 0 !important;
    max-width: none !important;
    flex-shrink: 0 !important;
}

/* Ensure navbar items stay visible */
.navbar-nav {
    flex-shrink: 0 !important;
    margin-left: auto !important;
}

/* Better responsive handling for navbar - Simplified */
@media (max-width: 992px) {
    .navbar-brand {
        max-width: 100% !important;
    }
}

/* Enhanced text shadow for better readability */
[data-theme="light"] .navbar-brand h1.text-primary {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="dark"] .navbar-brand h1.text-primary {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Dark mode compatibility */
[data-theme="dark"] .navbar-brand h1.text-primary {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
    color: #ffffff !important; /* White in dark mode */
}

[data-theme="light"] .navbar-brand h1.text-primary {
    color: #4169E1 !important; /* Royal Blue in light mode */
}

/* Animation for smooth hover effect */
.navbar-brand h1.text-primary {
    transition: all 0.3s ease !important;
}

.navbar-brand:hover h1.text-primary {
    transform: scale(1.02) !important;
}

[data-theme="light"] .navbar-brand:hover h1.text-primary {
    text-shadow: 0 2px 4px rgba(65, 105, 225, 0.3) !important; /* Royal Blue shadow */
}

[data-theme="dark"] .navbar-brand:hover h1.text-primary {
    text-shadow: 0 2px 4px rgba(255, 255, 255, 0.3) !important; /* White shadow */
}