/* Custom CSS for University Library Theme (Navy Blue and Gold/Cream) */

/* Custom Colors */
:root {
    --primary-navy: #002D62; /* Deep Navy Blue (Primary University Color) */
    --secondary-gold: #C0A865; /* Muted Gold/Mustard (Accent Color) */
    --light-cream: #F7F5F0; /* Off-White/Cream */
    --info-blue: #007bff; /* Standard info blue for announcements */
}

/* Mapping Custom Colors to Utility Classes */
.bg-primary-custom { background-color: var(--primary-navy) !important; }
.bg-secondary-custom { background-color: #001f44 !important; } /* Darker Navy for Nav */
.text-primary-custom { color: var(--primary-navy) !important; }
.border-primary-custom { border-color: var(--primary-navy) !important; }
.bg-info-custom { background-color: var(--secondary-gold) !important; color: var(--primary-navy) !important; }
.border-info-custom { border-color: var(--secondary-gold) !important; }
.border-secondary-custom { border-color: #ddd !important; }

body {
    background-color: var(--light-cream); 
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.main-content-area {
    flex-grow: 1;
}

 /* Custom Table Styling */
 .table thead th {
            background-color: var(--primary-navy);
            color: white;
        }
        
/* Hero Section Size & Style */
.academic-hero {
    border-left: 5px solid var(--primary-navy) !important;
    background-color: white !important;
}

/* Navigation Bar Search Button */
.btn-outline-light-custom {
    color: var(--secondary-gold);
    border-color: var(--secondary-gold);
}

.btn-outline-light-custom:hover {
    background-color: var(--secondary-gold);
    color: var(--primary-navy);
}

/* Primary Button/Link Style */
.btn-outline-primary-custom {
    color: var(--primary-navy);
    border-color: var(--primary-navy);
}

.btn-outline-primary-custom:hover {
    background-color: var(--primary-navy);
    color: white;
}

/* ---------------------------------------------------- */
/* Marquee-like Scrolling Effect (CSS remains the same for functionality) */
/* ---------------------------------------------------- */

.marquee-container {
    height: 200px; 
    overflow: hidden; 
    position: relative;
    padding: 0;
}

.marquee-content {
    position: absolute;
    width: 100%;
    animation: scroll-up 12s linear infinite; 
    margin: 0;
    padding: 0;
}

.marquee-container:hover .marquee-content {
    animation-play-state: paused;
}

@keyframes scroll-up {
    0% {
        transform: translateY(0);
    }
    100% {
        /* Scrolls up by half the total duplicated content height */
        transform: translateY(-50%); 
    }
}

.marquee-content .list-group-item {
    padding: 10px 15px;
    transition: background-color 0.3s;
    font-size: 0.95rem; /* Slightly smaller font for sidebars */
}

.marquee-content .list-group-item:hover {
    background-color: var(--light-cream); /* Light hover effect */
}