/* Universal and Complete Dark Mode Styles for CrazyGames Theme */

body.dark {
  background: #16171a !important;
  color: #e6e6e6 !important;
}

body.dark .bg-white,
body.dark .navbar,
body.dark .sticky-header,
body.dark .container,
body.dark .dropdown-menu,
body.dark .card,
body.dark .modal-content,
body.dark .offcanvas,
body.dark .list-group-item,
body.dark .table,
body.dark .form-control,
body.dark .input-group,
body.dark .wp-block,
body.dark .wp-block-group,
body.dark .rounded,
body.dark .p-4,
body.dark .mb-4 {
  background: #23232b !important;
  color: #e6e6e6 !important;
  border-color: #23232b !important;
  box-shadow: 0 8px 40px 0 rgba(10,10,20,0.21), 0 1.5px 6px 0 rgba(0,0,0,0.13);
}

body.dark .navbar-nav > li > a,
body.dark .navbar-nav .dropdown-menu .dropdown-item,
body.dark .nav-link,
body.dark .breadcrumb-item a,
body.dark .sidebar a {
  color: #e6e6e6 !important;
}

body.dark .navbar-nav > li > a:hover,
body.dark .navbar-nav > li.current-menu-item > a,
body.dark .navbar-nav > li > a:focus,
body.dark .navbar-nav .dropdown-menu .dropdown-item:hover,
body.dark .navbar-nav .dropdown-menu .dropdown-item:focus,
body.dark .nav-link.active,
body.dark .nav-link:active {
  background: #33334a !important;
  color: #fff !important;
}

body.dark .navbar-nav .dropdown-menu {
  background: #23232b !important;
  border-color: #222;
}

body.dark .navbar-nav .dropdown-menu .dropdown-item.active,
body.dark .navbar-nav .dropdown-menu .dropdown-item:active {
  background: #4f8cff !important;
  color: #fff !important;
}

body.dark .form-control,
body.dark input,
body.dark textarea,
body.dark select {
  background: #23232b !important;
  color: #e6e6e6 !important;
  border-color: #33334a !important;
}

body.dark .form-control:focus,
body.dark input:focus,
body.dark textarea:focus,
body.dark select:focus {
  background: #23232b !important;
  color: #fff !important;
  border-color: #4f8cff !important;
  box-shadow: 0 0 0 2px #4f8cff33;
}

body.dark .bg-accent,
body.dark .btn-accent {
  background: linear-gradient(90deg, #4f8cff 0%, #9b59b6 100%) !important;
  color: #fff !important;
  border: none !important;
}

/* --- Category Buttons as Modern Outline Buttons (Bright Mode) --- */
.badge.bg-secondary {
  background: #fff !important;
  color: var(--accent, #4f8cff) !important;
  border: 2px solid var(--accent, #4f8cff) !important;
  font-weight: 600;
  border-radius: 50rem !important;
  box-shadow: 0 2px 8px rgba(79,140,255,0.08);
  letter-spacing: 0.02em;
  transition: background 0.16s, color 0.16s, border 0.16s;
}
.badge.bg-secondary:hover, .badge.bg-secondary:focus {
  background: var(--accent, #4f8cff) !important;
  color: #fff !important;
  border-color: var(--accent, #4f8cff) !important;
  text-decoration: none;
}
.badge.bg-secondary a {
  color: inherit !important;
  text-decoration: none !important;
}

body.dark .badge.bg-secondary {
  background: linear-gradient(90deg, #4f8cff 0%, #9b59b6 100%) !important;
  color: #fff !important;
  border: none !important;
}
body.dark .badge.bg-secondary a {
  color: #fff !important;
}
body.dark #fullscreen-btn.btn-outline-primary {
  background: #4f8cff !important;
  color: #fff !important;
  border-color: #4f8cff !important;
}
body.dark #fullscreen-btn.btn-outline-primary:hover,
body.dark #fullscreen-btn.btn-outline-primary:focus {
  background: #0056d6 !important;
  color: #fff !important;
  border-color: #0056d6 !important;
  box-shadow: 0 0 0 2px #4f8cff55;
}

body.dark #bookmark-btn.bg-accent {
  background: linear-gradient(90deg, #4f8cff 0%, #9b59b6 100%) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 2px 10px rgba(76,142,255,0.10);
}
body.dark #bookmark-btn.bg-accent:hover,
body.dark #bookmark-btn.bg-accent:focus {
  filter: brightness(1.1) drop-shadow(0 0 6px #4f8cff88);
}


body.dark .shadow,
body.dark .shadow-sm,
body.dark .shadow-lg {
  box-shadow: 0 2px 10px rgba(0,0,0,0.35) !important;
}

body.dark .btn,
body.dark .btn-outline-secondary,
body.dark .btn-outline-primary,
body.dark .btn-outline-light {
  background: #23232b !important;
  color: #e6e6e6 !important;
  border-color: #33334a !important;
}

body.dark .btn:hover,
body.dark .btn:focus,
body.dark .btn-outline-secondary:hover,
body.dark .btn-outline-secondary:focus,
body.dark .btn-outline-primary:hover,
body.dark .btn-outline-primary:focus {
  background: #4f8cff !important;
  color: #fff !important;
  border-color: #4f8cff !important;
}

body.dark .table,
body.dark .table-striped > tbody > tr:nth-of-type(odd) {
  background: #23232b !important;
  color: #e6e6e6 !important;
}

body.dark .table th,
body.dark .table td {
  border-color: #33334a !important;
}

body.dark .modal-content {
  background: #23232b !important;
  color: #e6e6e6 !important;
}

body.dark .list-group-item {
  background: #23232b !important;
  color: #e6e6e6 !important;
  border-color: #33334a !important;
}

body.dark .dropdown-item {
  color: #e6e6e6 !important;
}

body.dark .dropdown-item:hover,
body.dark .dropdown-item:focus {
  background: #4f8cff !important;
  color: #fff !important;
}

body.dark .pagination .page-link {
  background: #23232b !important;
  color: #e6e6e6 !important;
  border-color: #33334a !important;
}
body.dark .pagination .page-link.active,
body.dark .pagination .page-link:active {
  background: #4f8cff !important;
  color: #fff !important;
  border-color: #4f8cff !important;
}

body.dark .alert {
  background: #23232b !important;
  color: #e6e6e6 !important;
  border-color: #4f8cff !important;
}

body.dark hr {
  border-color: #33334a !important;
}

body.dark .footer,
body.dark footer {
  background: #18181b !important;
  color: #e6e6e6 !important;
}

body.dark pre,
body.dark code {
  background: #23232b !important;
  color: #e6e6e6 !important;
}

body.dark .game-card,
body.dark .game-thumb,
body.dark .game-details,
body.dark .game-meta {
  background: #23232b !important;
  color: #e6e6e6 !important;
  border-color: #33334a !important;
}

body.dark .category-modal {
  background: #23232b !important;
  color: #e6e6e6 !important;
  border-color: #33334a !important;
}

body.dark .sidebar {
  background: #23232b !important;
  color: #e6e6e6 !important;
}

body.dark .sidebar a:hover {
  color: #4f8cff !important;
}

body.dark .search-bar input[type="search"] {
  background: #23232b !important;
  color: #e6e6e6 !important;
  border-color: #4f8cff !important;
}

body.dark .search-bar input[type="search"]:focus {
  background: #23232b !important;
  color: #fff !important;
  border-color: #4f8cff !important;
  box-shadow: 0 0 0 2px #4f8cff33;
}

body.dark .wp-block-button__link {
  background: #4f8cff !important;
  color: #fff !important;
  border: none !important;
}

body.dark .wp-block-quote {
  border-left: 4px solid #4f8cff !important;
  background: #23232b !important;
  color: #e6e6e6 !important;
}

body.dark ::selection {
  background: #4f8cff;
  color: #fff;
}