/* =========================================================
   WBD SMART SCHOOL — Temporary Admin Dashboard
   Part A4: Content-page theme override
   ---------------------------------------------------------
   এক্সিস্টিং পেজগুলো (temporary-application.php, exam-selected-
   student.php, admit-card.php ইত্যাদি) মূলত Bootstrap-এর ডিফল্ট
   .btn-primary/.bg-primary/.card-header/.table ইত্যাদি ক্লাস
   ব্যবহার করে ব্র্যান্ড কালারের জন্য — নিজস্ব হার্ডকোড করা কালার
   নেই। তাই এই একটা ফাইল menuCss()-এর মাধ্যমে সব পেজে লোড হয়ে
   Bootstrap-এর ডিফল্ট নীল রঙের বদলে সিলেক্টেড থিম (Blue/Green/
   Purple) অনুযায়ী রি-স্কিন করে — কোনো পেজের markup/JS/href/
   ফর্ম-লজিক স্পর্শ না করেই।

   নিয়ম: এখানে শুধু CSS override — pointer-events/behavior বদলায়
   না, কোনো ID/ক্লাস রিনেম হয় না, তাই এক্সিস্টিং JS সিলেক্টর
   (jQuery/DataTable ইত্যাদি) অক্ষত থাকে।
   ========================================================= */

/* ---------- Page background ---------- */
body {
  background-color: var(--page-bg, #f4f6fb);
}

/* ---------- Buttons ---------- */
.btn-primary {
  background-color: var(--accent) !important;
  border-color: var(--accent) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--accent) !important;
  border-color: var(--accent) !important;
  filter: brightness(0.92);
}

.btn-outline-primary {
  color: var(--accent) !important;
  border-color: var(--accent) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active {
  background-color: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
}

.btn-check:checked + .btn-outline-primary,
.btn-outline-primary.active {
  background-color: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
}

/* ---------- Backgrounds / badges / text ---------- */
.bg-primary {
  background-color: var(--accent) !important;
}

.text-primary {
  color: var(--accent) !important;
}

.border-primary {
  border-color: var(--accent) !important;
}

.badge.bg-primary,
.badge-primary {
  background-color: var(--accent) !important;
}

.badge.bg-light,
.badge-light {
  background-color: var(--accent-light) !important;
  color: var(--accent) !important;
}

/* ---------- Cards ---------- */
.card {
  border-radius: 14px;
  border: 1px solid var(--border-color, #e7eaf3);
  box-shadow: var(--card-shadow, 0 4px 18px rgba(30, 42, 90, 0.06));
}

.card-header {
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
  border-bottom: 1px solid var(--border-color, #e7eaf3);
}

.card-header.bg-primary,
.card-header.bg-dark {
  background-color: var(--accent) !important;
  color: #fff !important;
  border-bottom: none;
}

/* ---------- Tables ---------- */
.table thead th,
.table-primary,
.table > :not(caption) > * > th {
  background-color: var(--accent-light) !important;
  color: var(--accent) !important;
  border-color: var(--border-color, #e7eaf3) !important;
  font-weight: 700;
}

.table-hover > tbody > tr:hover > * {
  background-color: var(--page-bg, #f4f6fb) !important;
}

.table-dark thead {
  background-color: var(--accent) !important;
}

/* ---------- Forms ---------- */
.form-control:focus,
.form-select:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 0.2rem var(--accent-light) !important;
}

.form-check-input:checked {
  background-color: var(--accent) !important;
  border-color: var(--accent) !important;
}

/* ---------- Nav tabs / pills ---------- */
.nav-tabs .nav-link.active {
  color: var(--accent) !important;
  border-color: var(--border-color) var(--border-color) #fff !important;
  border-bottom: 2px solid var(--accent) !important;
}

.nav-pills .nav-link.active {
  background-color: var(--accent) !important;
}

/* ---------- Pagination ---------- */
.pagination .page-item.active .page-link {
  background-color: var(--accent) !important;
  border-color: var(--accent) !important;
}

.pagination .page-link {
  color: var(--accent) !important;
}

/* ---------- Modals ---------- */
.modal-header.bg-primary,
.modal-header.bg-dark {
  background-color: var(--accent) !important;
  color: #fff !important;
}

.modal-content {
  border-radius: 14px;
  overflow: hidden;
}

/* ---------- Links ---------- */
a:not(.btn) {
  color: var(--accent);
}

/* ---------- DataTables (search box, pagination) — theme-aware ---------- */
.dataTables_wrapper .paginate_button.current,
.dataTables_wrapper .paginate_button.current:hover {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
}

.dataTables_wrapper .dataTables_filter input:focus {
  border-color: var(--accent);
  outline: none;
}

/* ---------- Print views (admit card / invoice) untouched ----------
   Print-specific rules already use fixed black/white in each page's
   own <style> block for actual paper output — intentionally NOT
   themed here, since a printed admit card should not vary by theme. */