/* 
 * Color Override CSS
 * This file contains overrides for the color schemes of different pages
 * It should be included AFTER all other CSS files to ensure it takes precedence
 */

/* News Page Colors */
body.news-page .hero-section {
    background-color: #0071bc !important;
}

body.news-page .hero-section::before {
    background: linear-gradient(#0071bc, #005a95) !important;
    background-image: var(--bg-image, linear-gradient(#0071bc, #005a95)) !important;
}

body.news-page .bg-primary,
body.news-page .btn-primary,
body.news-page .badge.bg-primary,
body.news-page .card-header.bg-primary,
body.news-page .badge.bg-success,
body.news-page .btn-success,
body.news-page .card-header.bg-success,
body.news-page .badge.bg-warning,
body.news-page .btn-warning,
body.news-page .card-header.bg-warning,
body.news-page .rounded-circle.bg-primary {
    background-color: #0071bc !important;
    border-color: #0071bc !important;
}

body.news-page .text-primary,
body.news-page .text-success,
body.news-page .text-warning,
body.news-page .navbar-nav .nav-link:hover,
body.news-page .navbar-nav .nav-link.active {
    color: #0071bc !important;
}

body.news-page .btn-outline-primary,
body.news-page .btn-outline-success,
body.news-page .btn-outline-warning {
    color: #0071bc !important;
    border-color: #0071bc !important;
}

body.news-page .btn-outline-primary:hover,
body.news-page .btn-outline-success:hover,
body.news-page .btn-outline-warning:hover {
    background-color: #0071bc !important;
    color: white !important;
}

/* Events Page Colors */
body.events-page .hero-section {
    background-color: #198754 !important;
}

body.events-page .hero-section::before {
    background: linear-gradient(#198754, #146c43) !important;
    background-image: var(--bg-image, linear-gradient(#198754, #146c43)) !important;
}

body.events-page .bg-primary,
body.events-page .btn-primary,
body.events-page .badge.bg-primary,
body.events-page .card-header.bg-primary,
body.events-page .badge.bg-success,
body.events-page .btn-success,
body.events-page .card-header.bg-success,
body.events-page .badge.bg-warning,
body.events-page .btn-warning,
body.events-page .card-header.bg-warning,
body.events-page .rounded-circle.bg-primary {
    background-color: #198754 !important;
    border-color: #198754 !important;
}

body.events-page .text-primary,
body.events-page .text-success,
body.events-page .text-warning,
body.events-page .navbar-nav .nav-link:hover,
body.events-page .navbar-nav .nav-link.active {
    color: #198754 !important;
}

body.events-page .btn-outline-primary,
body.events-page .btn-outline-success,
body.events-page .btn-outline-warning {
    color: #198754 !important;
    border-color: #198754 !important;
}

body.events-page .btn-outline-primary:hover,
body.events-page .btn-outline-success:hover,
body.events-page .btn-outline-warning:hover {
    background-color: #198754 !important;
    color: white !important;
}

/* Announcements Page Colors */
body.announcements-page .hero-section {
    background-color: #ffc107 !important;
}

body.announcements-page .hero-section::before {
    background: linear-gradient(#ffc107, #d39e00) !important;
    background-image: var(--bg-image, linear-gradient(#ffc107, #d39e00)) !important;
}

body.announcements-page .bg-primary,
body.announcements-page .btn-primary,
body.announcements-page .badge.bg-primary,
body.announcements-page .card-header.bg-primary,
body.announcements-page .badge.bg-success,
body.announcements-page .btn-success,
body.announcements-page .card-header.bg-success,
body.announcements-page .badge.bg-warning,
body.announcements-page .btn-warning,
body.announcements-page .card-header.bg-warning,
body.announcements-page .rounded-circle.bg-primary {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}

body.announcements-page .text-primary,
body.announcements-page .text-success,
body.announcements-page .text-warning,
body.announcements-page .navbar-nav .nav-link:hover,
body.announcements-page .navbar-nav .nav-link.active {
    color: #ffc107 !important;
}

body.announcements-page .btn-outline-primary,
body.announcements-page .btn-outline-success,
body.announcements-page .btn-outline-warning {
    color: #ffc107 !important;
    border-color: #ffc107 !important;
}

body.announcements-page .btn-outline-primary:hover,
body.announcements-page .btn-outline-success:hover,
body.announcements-page .btn-outline-warning:hover {
    background-color: #ffc107 !important;
    color: white !important;
}

/* Top Bar Colors */
body.news-page .bg-primary.text-white.py-2 {
    background-color: #0071bc !important;
}

body.events-page .bg-primary.text-white.py-2 {
    background-color: #198754 !important;
}

body.announcements-page .bg-primary.text-white.py-2 {
    background-color: #ffc107 !important;
}

/* Login/Register Button Colors */
body.news-page .btn.btn-primary.ms-2 {
    background-color: #0071bc !important;
    border-color: #0071bc !important;
}

body.events-page .btn.btn-primary.ms-2 {
    background-color: #198754 !important;
    border-color: #198754 !important;
}

body.announcements-page .btn.btn-primary.ms-2 {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}

/* Navbar Brand Colors */
body.news-page .navbar-brand .text-primary {
    color: #0071bc !important;
}

body.events-page .navbar-brand .text-primary {
    color: #198754 !important;
}

body.announcements-page .navbar-brand .text-primary {
    color: #ffc107 !important;
}