/* Welcome Banner Styles - At bottom of Navbar */
.navbar {
    padding: 0;
    flex-direction: column;
    position: relative;
}

.welcome-banner {
    background-color: #013a02; /* Slightly darker green for contrast */
    color: white;
    padding: 4px 0;
    font-size: 0.9rem;
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    z-index: 1000;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.welcome-banner .scrolling-text-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.welcome-banner .scrolling-text {
    display: inline-block;
    padding-left: 100%;
    animation: scrollText 25s linear infinite;
    white-space: nowrap;
}

.welcome-banner .badge {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.35em 0.65em;
    border-radius: 0.25rem;
}

@keyframes scrollText {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}

/* Pause animation on hover */
.welcome-banner:hover .scrolling-text {
    animation-play-state: paused;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
    .welcome-banner {
        position: static;
        transform: none;
        padding: 4px 0;
        font-size: 0.8rem;
    }
    
    .welcome-banner .scrolling-text {
        animation-duration: 20s;
    }
    
    .welcome-banner .badge {
        font-size: 0.7rem;
        padding: 0.25em 0.5em;
    }
}