/* General Navbar Styling */
.navbar-custom {
    background-color: rgb(35, 35, 84); /* Navbar background color */
}

.navbar-custom .navbar-brand img {
    height: 40px; /* Logo height */
    width: auto;  /* Maintain aspect ratio */
}

/* Default styles for navbar links */
.navbar-custom .nav-link {
    color: white; /* Default color for all links */
    font-size: 16px; /* Adjust link font size */
}

.navbar-custom .nav-link:hover {
    color: #d1d1d1; /* Lighter color on hover */
}

/* Specific styling for '主页' button */
.navbar-custom .nav-link[href="{{ url_for('main.index') }}"] {
    color: white !important; /* Ensure the '主页' button stays white */
    font-weight: bold;       /* Make it stand out */
    text-transform: uppercase; /* Optional: Convert to uppercase for emphasis */
}

.navbar-custom .nav-link[href="{{ url_for('main.index') }}"]:hover {
    color: #d1d1d1; /* Lighter color on hover for '主页' button */
}

/* Add spacing between navbar items (optional) */
.navbar-custom .nav-item {
    margin-right: 15px;
}

/* Make navbar responsive for smaller screens */
@media (max-width: 768px) {
    .navbar-custom .navbar-nav {
        text-align: center; /* Center align items on smaller screens */
    }
    .navbar-custom .nav-link {
        margin-bottom: 10px; /* Add space between links */
    }
}

.navbar-toggler {
    background-color: #ffffff; /* Set a visible background color for the toggle button */
    border: 1px solid #cccccc; /* Add a light border for better visibility */
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23352354' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0,0,0,0.5)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    /* Custom SVG icon with a dark color */
}

.limited-width {
    max-width: 300px; /* Adjust as needed */
    word-wrap: break-word; /* Break long words if necessary */
    word-break: break-word; /* Ensures text doesn't overflow */
    white-space: normal; /* Allows wrapping */
}