/**
 * Bootstrap Override - Education.gov.in Colors
 * This file MUST load after Bootstrap to override all default colors
 * Ek Mukta Font - Applied Everywhere
 */

/* Force Ek Mukta Font on All Elements */
*,
*::before,
*::after {
    font-family: 'Ek Mukta', system-ui, sans-serif !important;
}

/* ============================================
   BOOTSTRAP PRIMARY COLOR OVERRIDE
   ============================================ */
:root {
    --bs-primary: #003d82 !important;
    --bs-primary-rgb: 0, 61, 130 !important;
    --bs-blue: #003d82 !important;
}

/* ============================================
   NAVBAR - FORCE DEEP BLUE
   ============================================ */
.navbar,
.navbar.bg-primary,
nav.navbar,
nav.navbar.bg-primary,
.navbar.navbar-expand-lg,
.navbar.navbar-expand-lg.bg-primary {
    background-color: #003d82 !important;
    background: #003d82 !important;
    background-image: none !important;
    border-bottom: 3px solid #ff6600 !important;
}

/* Force Navigation Text Color - White */
.navbar-nav .nav-link,
.navbar-nav .nav-link:link,
.navbar-nav .nav-link:visited,
.navbar-nav .nav-link:active,
.navbar-nav .dropdown-toggle,
.navbar-nav .dropdown-toggle:link,
.navbar-nav .dropdown-toggle:visited,
.navbar-nav .dropdown-toggle:active,
.navbar-nav a,
.navbar-nav a:link,
.navbar-nav a:visited {
    color: #ffffff !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .dropdown-toggle:hover,
.navbar-nav a:hover {
    color: #ffffff !important;
}

.navbar-nav .nav-link.active,
.navbar-nav .dropdown-toggle[aria-expanded="true"] {
    color: #ffffff !important;
}

.navbar-nav .dropdown-toggle::after {
    border-top-color: #ffffff !important;
}

/* ============================================
   DROPDOWN MENU - FORCE COLORS
   ============================================ */
.navbar .dropdown-menu {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
}

.navbar .dropdown-item,
.navbar .dropdown-item:link,
.navbar .dropdown-item:visited {
    color: #333333 !important;
    background: transparent !important;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus,
.navbar .dropdown-item:active {
    background: #f5f5f5 !important;
    background-color: #f5f5f5 !important;
    color: #003d82 !important;
}

/* ============================================
   BUTTONS - FORCE DEEP BLUE
   ============================================ */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled),
button.btn-primary,
a.btn-primary,
.btn.btn-primary {
    background-color: #003d82 !important;
    background: #003d82 !important;
    background-image: none !important;
    border-color: #003d82 !important;
    color: white !important;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):hover,
button.btn-primary:hover,
a.btn-primary:hover,
.btn.btn-primary:hover {
    background-color: #0052a3 !important;
    background: #0052a3 !important;
    background-image: none !important;
    border-color: #0052a3 !important;
    color: white !important;
}

.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):focus {
    background-color: #003d82 !important;
    border-color: #003d82 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 61, 130, 0.5) !important;
}

.btn-outline-primary,
button.btn-outline-primary,
a.btn-outline-primary,
.btn.btn-outline-primary {
    color: #003d82 !important;
    border-color: #003d82 !important;
    background: transparent !important;
}

.btn-outline-primary:hover,
button.btn-outline-primary:hover,
a.btn-outline-primary:hover,
.btn.btn-outline-primary:hover {
    background-color: #003d82 !important;
    background: #003d82 !important;
    border-color: #003d82 !important;
    color: white !important;
}

/* ============================================
   LINKS - FORCE DEEP BLUE
   ============================================ */
a,
a:link,
a:visited,
a:not(.btn) {
    color: #003d82 !important;
}

a:hover:not(.btn),
a:active:not(.btn) {
    color: #0052a3 !important;
}

/* ============================================
   TEXT PRIMARY - FORCE DEEP BLUE
   ============================================ */
.text-primary {
    color: #003d82 !important;
}

/* ============================================
   CARDS - FORCE DEEP BLUE HEADERS
   ============================================ */
.card-header,
.card-header.bg-primary {
    background-color: #003d82 !important;
    background: #003d82 !important;
    background-image: none !important;
    color: white !important;
}

/* ============================================
   TABLES - FORCE DEEP BLUE HEADERS
   ============================================ */
.table thead,
.table thead tr,
.table thead th {
    background-color: #003d82 !important;
    background: #003d82 !important;
    background-image: none !important;
    color: white !important;
    border-color: #002855 !important;
}

.table thead th {
    color: white !important;
}

/* ============================================
   FOOTER - FORCE DARK BLUE
   ============================================ */
footer {
    background-color: #002855 !important;
    background: #002855 !important;
    background-image: none !important;
    border-top: 3px solid #ff6600 !important;
}

footer h5 {
    color: #ff6600 !important;
}

footer a:hover {
    color: #ff6600 !important;
}

/* Footer Credit Logo - Force Display */
.footer-credit-logo {
    max-height: 40px !important;
    max-width: 180px !important;
    object-fit: contain !important;
}

/* Footer Bottom Section - Professional Gradient */
footer .bg-secondary {
    background: linear-gradient(135deg, #001a3d 0%, #002855 50%, #001a3d 100%) !important;
    background-color: #001a3d !important;
    border-top: 2px solid rgba(255, 102, 0, 0.3) !important;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.2) inset !important;
}

footer .bg-secondary *,
footer .bg-secondary small,
footer .bg-secondary a,
footer .bg-secondary span {
    color: #ffffff !important;
}

/* ============================================
   HERO SECTION - FORCE DEEP BLUE & WHITE TEXT
   ============================================ */
.hero-slider,
.hero-default {
    background: #003d82 !important;
    background-color: #003d82 !important;
    background-image: none !important;
}

.hero-overlay {
    background: rgba(0, 61, 130, 0.4) !important;
}

/* Force ALL Hero Text to Pure White */
.hero-badge,
.hero-badge span,
.hero-badge *,
.hero-slide .hero-badge,
.hero-slide .hero-badge span,
.hero-slide .hero-badge *,
.hero-default .hero-badge,
.hero-default .hero-badge span,
.hero-default .hero-badge * {
    color: #ffffff !important;
}

.hero-badge i,
.hero-slide .hero-badge i,
.hero-default .hero-badge i {
    color: #ffffff !important;
}

.hero-title,
.hero-title *,
.hero-slide .hero-title,
.hero-slide .hero-title *,
.hero-default .hero-title,
.hero-default .hero-title * {
    color: #ffffff !important;
}

.hero-title i,
.hero-slide .hero-title i,
.hero-default .hero-title i {
    color: #ffffff !important;
}

.hero-subtitle,
.hero-subtitle *,
.hero-slide .hero-subtitle,
.hero-slide .hero-subtitle *,
.hero-default .hero-subtitle,
.hero-default .hero-subtitle * {
    color: #ffffff !important;
}

.hero-subtitle i,
.hero-slide .hero-subtitle i,
.hero-default .hero-subtitle i {
    color: #ffffff !important;
}

.btn-hero {
    background: #ff6600 !important;
    background-color: #ff6600 !important;
    border-color: #ff6600 !important;
    color: white !important;
}

.btn-hero:hover {
    background: #ff5500 !important;
    background-color: #ff5500 !important;
    border-color: #ff5500 !important;
}

/* ============================================
   SECTION TITLES - FORCE DEEP BLUE
   ============================================ */
.section-title,
h2.section-title {
    color: #003d82 !important;
}

.section-title::after {
    background: #ff6600 !important;
}

/* ============================================
   QUICK LINKS - FORCE COLORS
   ============================================ */
.quick-link-icon {
    color: #003d82 !important;
}

.quick-link-card.professional:hover .quick-link-icon {
    color: #ff6600 !important;
}

.quick-link-card.professional h5 {
    color: #003d82 !important;
}

.quick-link-card.professional:hover {
    border-color: #003d82 !important;
}

/* ============================================
   STATISTICS - FORCE COLORS
   ============================================ */
.stats-section-professional {
    background: #003d82 !important;
    background-color: #003d82 !important;
}

.stat-number-professional,
.stat-icon-wrapper i {
    color: #ff6600 !important;
}

.stat-number-large {
    color: #003d82 !important;
}

/* ============================================
   PROGRAMMES - FORCE COLORS
   ============================================ */
.programme-title,
.programme-link {
    color: #003d82 !important;
}

.programme-link:hover {
    color: #ff6600 !important;
}

.programme-badge {
    background: #003d82 !important;
    background-color: #003d82 !important;
    color: white !important;
}

.programme-card-professional:hover {
    border-color: #003d82 !important;
}

/* ============================================
   NEWS TICKER - FORCE COLORS
   ============================================ */
.news-ticker-compact {
    background: #003d82 !important;
    background-color: #003d82 !important;
    color: #ffffff !important;
}

.news-ticker-compact *,
.news-ticker-compact .news-ticker-title,
.news-ticker-compact .news-ticker-title *,
.news-ticker-compact .news-item-compact,
.news-ticker-compact .news-item-compact:link,
.news-ticker-compact .news-item-compact:visited {
    color: #ffffff !important;
}

.news-item-compact:hover {
    color: #ff6600 !important;
}

/* ============================================
   NEWS EVENTS SECTION - FORCE COLORS
   ============================================ */
.news-events-section .card-header {
    background: #003d82 !important;
    background-color: #003d82 !important;
    color: #ffffff !important;
}

.news-events-section .card-header *,
.news-events-section .card-header h5,
.news-events-section .card-header h5 *,
.news-events-section .card-header i,
.news-events-section .card-header .btn,
.news-events-section .card-header .btn-outline-primary {
    color: #ffffff !important;
}

.news-events-section .card-header .btn,
.news-events-section .card-header .btn-outline-primary {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

.news-events-section .card-header .btn:hover,
.news-events-section .card-header .btn-outline-primary:hover {
    background: #ffffff !important;
    color: #003d82 !important;
    border-color: #ffffff !important;
}

/* ============================================
   ABOUT SECTION - FORCE COLORS
   ============================================ */
.section-title-left {
    color: #003d82 !important;
}

.section-badge {
    background: #003d82 !important;
    background-color: #003d82 !important;
}

.feature-item {
    color: #003d82 !important;
}

.feature-item i {
    color: #ff6600 !important;
}

.btn-primary-professional {
    background: #003d82 !important;
    background-color: #003d82 !important;
    border-color: #003d82 !important;
}

.btn-primary-professional:hover {
    background: #0052a3 !important;
    background-color: #0052a3 !important;
    border-color: #0052a3 !important;
}

.stat-showcase-item {
    border-top-color: #003d82 !important;
}

.stat-showcase-item:hover {
    border-top-color: #ff6600 !important;
}

/* ============================================
   BREADCRUMB - FORCE COLORS
   ============================================ */
.breadcrumb-item a {
    color: #003d82 !important;
}

/* ============================================
   PAGINATION - FORCE COLORS
   ============================================ */
.page-link {
    color: #003d82 !important;
    border-color: #cccccc !important;
}

.page-link:hover {
    background-color: #f5f5f5 !important;
    border-color: #003d82 !important;
    color: #003d82 !important;
}

.page-item.active .page-link {
    background-color: #003d82 !important;
    border-color: #003d82 !important;
    color: white !important;
}

/* ============================================
   ALERTS - FORCE COLORS
   ============================================ */
.alert-info {
    border-left-color: #003d82 !important;
}

/* ============================================
   FORM CONTROLS - FORCE COLORS
   ============================================ */
.form-control:focus,
.form-select:focus {
    border-color: #003d82 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 61, 130, 0.25) !important;
}