/*
 * NCCU College of Commerce Theme
 * Primary Color: #193C6A (Dark Blue)
 * Accent Color: #2A65B1 (Lighter Blue)
 */

/* --- General Style Overrides --- */
body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h2, h3, h5, h6 {
    color: #193C6A;
    font-weight: bold;
}

h2, h3 {
    margin-bottom: 1rem;
}


/* --- Navbar --- */
.navbar.bg-primary-nccu {
    background-color: #193C6A !important;
}

.navbar.bg-primary-nccu .navbar-brand,
.navbar.bg-primary-nccu .nav-link {
    color: #ffffff !important;
}

.navbar.bg-primary-nccu .nav-link.active,
.navbar.bg-primary-nccu .nav-link:hover {
    color: #dddddd !important;
}

/* --- Hero Section (index.html) --- */
.hero-section {
    background-color: #193C6A;
    color: white;
}

/* --- Page Header (courses.html) --- */
.page-header {
    background-color: #f8f9fa; /* Bootstrap light gray */
    border-bottom: 1px solid #dee2e6;
}

.page-header h1 {
    color: #193C6A;
}

/* --- Buttons --- */
.btn-primary {
    background-color: #193C6A;
    border-color: #193C6A;
}

.btn-primary:hover {
    background-color: #2A65B1;
    border-color: #2A65B1;
}

/* --- Links --- */
a {
    color: #193C6A;
}

a:hover {
    color: #2A65B1;
}

/* --- Utilities --- */
.text-primary {
    color: #193C6A !important;
}

/* --- Advantage Cards (index.html) --- */
.advantage-card {
    padding: 2rem;
    border: 1px solid #e9ecef;
    border-radius: 0.5rem;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.advantage-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.advantage-card i {
    color: #193C6A;
}

.advantage-card h4 {
    color: #193C6A;
    font-weight: bold;
    margin-top: 1rem;
}

/* --- Course Page --- */
.card {
    border: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.info-section {
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 0.5rem;
}

.info-section h6 i {
    color: #2A65B1;
}

/* --- Card & Table --- */
.card-title {
    color: #193C6A;
}

.table thead {
    background-color: #193C6A !important;
    color: white;
}
.table-responsive {
    margin-top: 1rem;
}