body {
            background-color: var(--mq-body-bg, #f1f5f8);
            color: var(--mq-body-text, #333);

        }
/* Highlight the "Make My Test" link */
        .nav-item-make-my-test {
            background-color: #fffff;
            border-radius: 12px;
        }

        /* Add a blinking effect */
        .blink {
            animation: blinker 1s linear infinite;
        }

        @keyframes blinker {
            50% {
                opacity: 0;
            }
        }

        .navbar-nav a, .navbar-brand {
            color: white;
        }

    /* Set text color to black for navigation links */
    .page-link {
        color: black;
    }
/* Define the CSS class for the sidebar content with !important */
.sidebar-content {
  color: white !important;
  background-color: var(--mq-sidebar-strong, #496e43) !important;
  border-radius: 4px !important;
}


.sidebar {
  float: right;
  width: auto;
  margin-right: auto;
  margin-top: auto;
  background-color: #ffffff;
  padding: 20px;
}

@media (max-width: 767px) { /* apply styles for screens smaller than 768px */
  .sidebar {
    float: none;
    width: auto;
    margin-right: 0;
  }

  .content {
    margin-left: 0;
  }
}
#level-checkboxes .col-md-4 {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.list-group {
  list-style: none; /* remove bullet points */
  padding-left: 0; /* remove default indentation */
}

.dropdown-menu {
background-color: #343a40; /* Dark background */
}
.dropdown-item {
color: #ffffff; /* White text color */
}
.dropdown-item:hover {
background-color: #495057; /* Darker background on hover */
color: #ffffff; /* Ensure text remains white on hover */
}

/* Main content: list-group links stay readable on white backgrounds */
.container .card .list-group-item,
.container-content .list-group-item {
  color: inherit;
}

/* Sidebar (#496e43): MCQs menu + past papers — one unified scheme */
.sidebar-content .subcategory-link,
.sidebar-content .occurrences-list a.subcategory-link {
  color: rgba(255, 255, 255, 0.92) !important;
  background: rgba(0, 0, 0, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  margin-bottom: 5px;
  font-size: 0.84rem;
}
.sidebar-content .subcategory-link:hover,
.sidebar-content .occurrences-list a.subcategory-link:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
}
.sidebar-content .sidebar-count-badge,
.sidebar-content .badge-success {
  background: rgba(255, 255, 255, 0.22) !important;
  color: #fff !important;
  font-size: 0.7rem;
  font-weight: 600;
}
.sidebar-content .sb-showmore-btn,
.sidebar-content .occ-show-more-btn {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 8px !important;
  cursor: pointer;
  font-size: 0.82rem;
  margin-bottom: 0;
}
.sidebar-content .sb-showmore-btn:hover,
.sidebar-content .occ-show-more-btn:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #fff !important;
}

/* Homepage-style minimalist sidebar */
.sidebar-content.homepage-sidebar {
  color: #2f3c35 !important;
  background-color: #f1f5f8 !important;
  border: 1px solid #dbe4ea;
  border-radius: 10px !important;
  box-shadow: none;
  padding: 12px;
  margin-bottom: 14px;
}

.sidebar-content.homepage-sidebar h2 {
  color: #2f3c35;
  font-size: 1.05rem;
  font-weight: 600;
  margin-bottom: 10px;
}

.sidebar-content.homepage-sidebar .list-group-item {
  background: #ffffff !important;
  color: #2f3c35 !important;
  border: 1px solid #e6edf1 !important;
  border-radius: 8px !important;
  margin-bottom: 6px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.sidebar-content.homepage-sidebar .list-group-item:hover,
.sidebar-content.homepage-sidebar .sb-cat-link.active {
  background: #eaf2f9 !important;
  color: #003f1a !important;
}

.sidebar-content.homepage-sidebar .subcategory-link,
.sidebar-content.homepage-sidebar .occurrences-list a.subcategory-link,
.sidebar-content.homepage-sidebar .sb-cat-link {
  background: #ffffff !important;
  color: #2f3c35 !important;
  border: 1px solid #e6edf1 !important;
  /* Same size as MCQs category rows; legacy .sidebar-content .subcategory-link used 0.84rem */
  font-size: 1rem;
}

.sidebar-content.homepage-sidebar .sidebar-count-badge,
.sidebar-content.homepage-sidebar .badge-success,
.sidebar-content.homepage-sidebar .badge {
  background: #e9eff5 !important;
  color: #2f3c35 !important;
  border: none !important;
}

.sidebar-content.homepage-sidebar .sb-showmore-btn,
.sidebar-content.homepage-sidebar .occ-show-more-btn {
  background: transparent !important;
  color: var(--mq-accent, #496e43) !important;
  border: 1px dashed #c8d5de !important;
}

.sidebar-content.homepage-sidebar .sb-showmore-btn:hover,
.sidebar-content.homepage-sidebar .occ-show-more-btn:hover {
  background: #eaf2f9 !important;
  color: var(--mq-brand-dark, #003f1a) !important;
}

/* Legacy homepage: optional pull-up (do not use inside .pub-sidebar-col — overlaps nav) */
.homepage-sidebar--pullup {
  margin-top: -35px;
}
@media (max-width: 767.98px) {
  .homepage-sidebar--pullup {
    margin-top: 0;
  }
}

/* sidebar_public.php: no inline negative margin; keep columns from overlapping masthead */
.pub-sidebar-col .sidebar-content.homepage-sidebar {
  margin-top: 0 !important;
}

.pub-sidebar-col {
  position: relative;
  z-index: 0;
}

/* Public masthead + menus stay above page body and sidebar stacking */
.mq-header-shell {
  position: relative;
  z-index: 1030;
  isolation: isolate;
}

.mq-header-shell .dropdown-menu {
  z-index: 1040;
}

/* Public header menus: no underline on hover (overrides Bootstrap reboot a:hover) */
.mq-header-shell .navbar-nav .nav-link,
.mq-header-shell .navbar-nav .nav-link:hover,
.mq-header-shell .navbar-nav .nav-link:focus,
.mq-header-shell .navbar-nav .nav-link:active {
  text-decoration: none !important;
}

/* Ad slot wrappers (AdSense / HTML from admin) */
.mq-ad-slot {
  max-width: 100%;
  overflow-x: auto;
}
.mq-ad-slot--header {
  max-width: 1145px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
}

/* Admin-selected site theme: Bootstrap .bg-light otherwise pins body to #f8f9fa */
body.bg-light {
  background-color: var(--mq-body-bg, #f8f9fa) !important;
  color: var(--mq-body-text, #212529);
}