/* Global Force Light Mode - Disable Bulma Dark Mode on All Pages */
/* This CSS file prevents dark mode from being applied on Android and other devices */

html, body {
  background-color: #ffffff !important;
  color: #333333 !important;
}

.section {
  background-color: #ffffff !important;
}

.container {
  background-color: transparent !important;
}

.column {
  background-color: transparent !important;
}

.box, .card {
  background-color: #ffffff !important;
  color: #333333 !important;
}

.card-content, .card-header, .card-footer {
  background-color: #ffffff !important;
  color: #333333 !important;
}

.message-body {
  background-color: #f8f9fa !important;
  color: #333333 !important;
}

/* Table Styling - Light Mode */
.table {
  background-color: #ffffff !important;
  color: #333333 !important;
}

.table thead {
  background-color: transparent !important;
}

.table thead th {
  background-color: transparent !important;
  color: inherit !important;
}

.table tbody tr {
  background-color: #ffffff !important;
  color: #333333 !important;
}

.table tbody tr:nth-child(even) {
  background-color: #f5f5f5 !important;
}

.table tbody tr:hover {
  background-color: #f0f0f0 !important;
}

.table td, .table th {
  border-color: #dbdbdb !important;
  color: #333333 !important;
  background-color: transparent !important;
}

/* Datum column in schedule table - Force dark text */
.schedule-date-column,
.schedule-date-column strong {
  color: #003399 !important;
  font-weight: 700 !important;
}

.title, .subtitle {
  color: #333333 !important;
}

.title.has-text-white, .subtitle.has-text-white {
  color: #ffffff !important;
}

.has-text-white {
  color: #ffffff !important;
}

.content {
  color: #333333 !important;
}

.hero {
  background-color: transparent !important;
}

/* Form elements */
.input, .textarea, .select select {
  background-color: #ffffff !important;
  color: #333333 !important;
  border-color: #dbdbdb !important;
}

.button {
  background-color: #ffffff !important;
  color: #333333 !important;
}

/* Navigation / Navbar - Force Light Background */
.navbar, .navbar-container, .cdf-navbar, .navbar-menu {
  background-color: #ffffff !important;
  color: #333333 !important;
}

.navbar-item, .navbar-link, .cdf-nav-item {
  color: #003399 !important;
  background-color: transparent !important;
}

.navbar-item.is-active, .navbar-link.is-active {
  background-color: rgba(47, 35, 207, 0.1) !important !important;
  color: #003399 !important;
}

.navbar-item:hover, .navbar-link:hover, .cdf-nav-item:hover {
  background-color: #f5f5f5 !important;
  color: #B40820 !important;
}

.navbar-dropdown {
  background-color: #ffffff !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

.navbar-dropdown .navbar-item {
  color: #003399 !important;
  background-color: transparent !important;
}

.navbar-dropdown .navbar-item:hover {
  background-color: #f5f5f5 !important;
  color: #B40820 !important;
}

.navbar-burger {
  color: #003399 !important;
}

.cdf-brand {
  color: #2F23CF !important;
}

/* Generic navbar fixes */
[class*="navbar"]:not(.is-loading)::after,
[class*="navbar"]:not(.is-loading)::before {
  background-color: transparent !important;
}

/* Sidebar */
.sidebar {
  background-color: #ffffff !important;
  color: #333333 !important;
}

/* Footer */
footer {
  background-color: #f8f9fa !important;
  color: #333333 !important;
}

footer a {
  color: #003399 !important;
}

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