/**
 * Mercury Dark Theme - Global Overrides
 *
 * Color Palette (using CSS variables from :root):
 *   --bg-primary (#1e2235) - Primary background
 *   #08091a - Darker sections (footer)
 *   --bg-secondary (#272b42) - Card/box backgrounds
 *   --bg-tertiary (#323656) - Accents/rating boxes
 *   #ffffff - Primary headings
 *   #d1d5db - Body text
 *   #d1d5db - Muted/secondary text
 *   #818cf8 - Link color
 *   rgba(255,255,255,0.05) - Borders
 *   #9ca3af - Placeholder/meta text
 */

/* ========================================
   Body & Base
   ======================================== */

body {
  background-color: var(--bg-primary) !important;
  color: #d1d5db !important;
  font-family: 'Inter', 'Roboto', sans-serif;
}

a {
  color: #818cf8;
}

a:hover {
  color: #a5b4fc;
}

h1, h2, h3, h4, h5, h6 {
  color: #ffffff !important;
}

/* ========================================
   Header
   ======================================== */

.space-header-wrap,
.space-header,
.space-header-height .space-header-wrap {
  background-color: var(--bg-primary) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.space-header-height .space-header-top,
.space-header-height .space-header-logo-ins:after {
  background-color: #08091a !important;
}

.space-header-height .space-header-top-soc a,
.space-header-height .space-header-top-menu ul li a {
  color: #d1d5db !important;
}

.space-header-height .space-header-top-soc a:hover,
.space-header-height .space-header-top-menu ul li a:hover {
  color: #818cf8 !important;
}

.space-header-height .space-header-logo a,
.space-header-2-height .space-header-2-top-logo a {
  color: #ffffff !important;
}

.space-header-height .space-header-logo span,
.space-header-2-height .space-header-2-top-logo span {
  color: #d1d5db !important;
}

.space-header-height .space-header-menu ul.main-menu li,
.space-header-height .space-header-menu ul.main-menu li a,
.space-header-height .space-header-search {
  color: #d1d5db !important;
}

.space-header-height .space-mobile-menu-icon div {
  background-color: #d1d5db !important;
}

.space-header-height .space-header-menu ul.main-menu li a:hover,
.space-header-height .space-header-menu ul.main-menu li:hover a {
  color: #818cf8 !important;
  border-bottom-color: #818cf8 !important;
}

.space-header-height .space-header-menu ul.main-menu li ul.sub-menu {
  background-color: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.space-header-height .space-header-menu ul.main-menu li ul.sub-menu li a,
.space-header-height .space-header-menu ul.main-menu li ul.sub-menu li.menu-item-has-children:after {
  color: #d1d5db !important;
}

.space-header-height .space-header-menu ul.main-menu li ul.sub-menu li a:hover {
  color: #818cf8 !important;
}

/* Header Style 2 */
.space-header-2-wrap,
.space-header-2-height .space-header-2-wrap,
.space-header-2-height .space-header-2-wrap.fixed .space-header-2-nav {
  background-color: var(--bg-primary) !important;
}

.space-header-2-height .space-header-2-top-ins {
  border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

.space-header-2-height .space-header-2-top-soc a,
.space-header-2-height .space-header-search {
  color: #d1d5db !important;
}

.space-header-2-height .space-header-2-top-soc a {
  border-color: #d1d5db !important;
}

.space-header-2-height .space-header-2-top-soc a:hover {
  color: #818cf8 !important;
  border-color: #818cf8 !important;
}

.space-header-2-height .space-header-2-nav ul.main-menu li,
.space-header-2-height .space-header-2-nav ul.main-menu li a {
  color: #d1d5db !important;
}

.space-header-2-height .space-header-2-nav ul.main-menu li a:hover,
.space-header-2-height .space-header-2-nav ul.main-menu li:hover a {
  color: #818cf8 !important;
  border-bottom-color: #818cf8 !important;
}

.space-header-2-height .space-header-2-nav ul.main-menu li ul.sub-menu {
  background-color: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.space-header-2-height .space-header-2-nav ul.main-menu li ul.sub-menu li a,
.space-header-2-height .space-header-2-nav ul.main-menu li ul.sub-menu li.menu-item-has-children:after {
  color: #d1d5db !important;
}

.space-header-2-height .space-header-2-nav ul.main-menu li ul.sub-menu li a:hover {
  color: #818cf8 !important;
}

/* Floating / Fixed header */
.space-header-wrap.fixed,
.space-header-2-wrap.fixed {
  background-color: var(--bg-primary) !important;
}

/* Search overlay */
.space-header-search-block {
  background-color: var(--bg-primary) !important;
}

.space-header-search-block input[type="search"],
.space-header-search-block input[type="text"] {
  background-color: var(--bg-secondary) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.space-header-search-block .space-close-icon .to-right,
.space-header-search-block .space-close-icon .to-left {
  background-color: #d1d5db !important;
}

/* ========================================
   Title Box / Breadcrumbs
   ======================================== */

.space-title-box {
  background-color: var(--bg-secondary) !important;
}

.space-title-box h1,
.space-title-box-title h1,
.space-title-box-title span {
  color: #ffffff !important;
}

.space-title-box-breadcrumbs,
.space-title-box-breadcrumbs a,
.space-title-box-breadcrumbs span {
  color: #d1d5db !important;
}

.space-title-box-breadcrumbs a:hover {
  color: #818cf8 !important;
}

.space-title-box-category a {
  background-color: #4f46e5 !important;
  color: #ffffff !important;
}

/* ========================================
   Content Areas
   ======================================== */

.space-page-section,
.space-page-content,
.space-content-section {
  background-color: var(--bg-primary) !important;
}

.space-page-content-box-wrap {
  background-color: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.space-page-content-box-wrap.relative {
  border: none !important;
}

.space-page-content {
  color: #d1d5db !important;
}

.space-page-content p {
  color: #d1d5db !important;
}

.space-page-content a {
  color: #818cf8 !important;
}

.space-page-content a:hover {
  color: #a5b4fc !important;
}

.space-page-content h1,
.space-page-content h2,
.space-page-content h3,
.space-page-content h4,
.space-page-content h5,
.space-page-content h6 {
  color: #ffffff !important;
}

.space-page-content ul li:before {
  color: #818cf8 !important;
}

.space-page-content blockquote {
  background-color: rgba(39, 43, 66, 0.6) !important;
  border-left-color: #818cf8 !important;
  color: #d1d5db !important;
}

/* Pros & Cons */
.space-pros-cons {
  background-color: var(--bg-secondary) !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
}

.space-pros-cons ul li,
.space-pros-cons ol li {
  color: #d1d5db !important;
}

/* ========================================
   Sidebar
   ======================================== */

.space-sidebar-section {
  background-color: transparent !important;
}

.space-widget {
  background-color: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 0.5rem;
}

.space-widget-title {
  color: #ffffff !important;
}

.space-widget-title span {
  color: #ffffff !important;
}

.space-widget ul li a {
  color: #d1d5db !important;
}

.space-widget ul li a:hover {
  color: #818cf8 !important;
}

.space-widget p,
.space-widget .textwidget {
  color: #d1d5db !important;
}

#recentcomments li {
  color: #d1d5db !important;
}

#recentcomments li a {
  color: #818cf8 !important;
}

.widget_tag_cloud a {
  background-color: var(--bg-tertiary) !important;
  color: #d1d5db !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
}

.widget_tag_cloud a:hover {
  background-color: #818cf8 !important;
  color: #ffffff !important;
}

/* ========================================
   Archive / Loop Items
   ======================================== */

.space-archive-section {
  background-color: var(--bg-secondary) !important;
}

.space-archive-loop-item {
  background-color: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 0.5rem;
}

.space-archive-loop-item-title a {
  color: #ffffff !important;
}

.space-archive-loop-item-title a:hover {
  color: #818cf8 !important;
}

.space-archive-loop-item-info,
.space-archive-loop-item-info a,
.space-archive-loop-item-info span {
  color: #9ca3af !important;
}

.space-archive-loop-item-info a:hover {
  color: #818cf8 !important;
}

.space-archive-loop-item-desc,
.space-archive-loop-item-desc p {
  color: #d1d5db !important;
}

.space-archive-loop-item-img-category a {
  background-color: #4f46e5 !important;
}

/* ========================================
   Single Posts
   ======================================== */

.space-page-content-box-wrap .space-page-content-info,
.space-page-content-box-wrap .space-page-content-info a,
.space-page-content-box-wrap .space-page-content-info span {
  color: #9ca3af !important;
}

.space-page-content-box-wrap .space-page-content-info a:hover {
  color: #818cf8 !important;
}

/* Author Info */
.space-author-block {
  background-color: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.space-author-block-name a {
  color: #ffffff !important;
}

.space-author-block-desc {
  color: #d1d5db !important;
}

/* Tags */
.space-page-content-tags a {
  background-color: var(--bg-tertiary) !important;
  color: #d1d5db !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.space-page-content-tags a:hover {
  background-color: #818cf8 !important;
  color: #ffffff !important;
}

/* Related Posts */
.space-related-posts-item {
  background-color: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.space-related-posts-item-title a {
  color: #ffffff !important;
}

.space-related-posts-item-title a:hover {
  color: #818cf8 !important;
}

.space-related-posts-item-info {
  color: #9ca3af !important;
}

/* ========================================
   Comments
   ======================================== */

.space-comments-form-box {
  background-color: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.space-comments-list-item {
  border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

.space-comments-list-item-name,
.space-comments-list-item-name a {
  color: #ffffff !important;
}

.space-comments-list-item-date,
.space-comments-list-item-date a {
  color: #9ca3af !important;
}

.space-comments-list-item-text,
.space-comments-list-item-text p {
  color: #d1d5db !important;
}

h3.comment-reply-title {
  color: #ffffff !important;
}

h3.comment-reply-title small a {
  color: #818cf8 !important;
}

.space-comments-form-box label {
  color: #d1d5db !important;
}

/* ========================================
   Footer
   ======================================== */

.footer,
.space-footer {
  background-color: #08091a !important;
}

.space-footer-top {
  background-color: #08091a !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.space-footer-top-age {
  color: #d1d5db !important;
}

.space-footer-top-soc a {
  color: #d1d5db !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.space-footer-top-soc a:hover {
  color: #818cf8 !important;
  border-color: #818cf8 !important;
}

.space-footer-area,
.space-footer .space-widget {
  background-color: transparent !important;
  border: none;
}

.space-footer .space-widget-title span {
  color: #ffffff !important;
}

.space-footer .space-widget p,
.space-footer .space-widget .textwidget,
.space-footer .space-widget .textwidget p {
  color: #d1d5db !important;
}

.space-footer .space-widget ul li a {
  color: #d1d5db !important;
}

.space-footer .space-widget ul li a:hover {
  color: #818cf8 !important;
}

.space-footer-center {
  color: #d1d5db !important;
}

.space-footer-center a {
  color: #818cf8 !important;
}

.space-footer-center .textwidget img {
  opacity: 0.8;
}

.space-footer-copy {
  background-color: #050610 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  color: #9ca3af !important;
}

.space-footer-copy a {
  color: #d1d5db !important;
}

.space-footer-copy a:hover {
  color: #818cf8 !important;
}

.space-footer-menu ul li a {
  color: #d1d5db !important;
}

.space-footer-menu ul li a:hover {
  color: #818cf8 !important;
}

/* Back to top */
#scrolltop {
  background-color: var(--bg-tertiary) !important;
  color: #818cf8 !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* ========================================
   Pagination
   ======================================== */

nav.pagination a,
nav.comments-pagination a {
  background-color: var(--bg-tertiary) !important;
  color: #d1d5db !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

nav.pagination a:hover,
nav.comments-pagination a:hover {
  background-color: #818cf8 !important;
  color: #ffffff !important;
}

nav.pagination span.current,
nav.comments-pagination span.current {
  background-color: #4f46e5 !important;
  color: #ffffff !important;
}

nav.pagination-post a span.page-number {
  background-color: var(--bg-tertiary) !important;
  color: #d1d5db !important;
}

/* ========================================
   Forms
   ======================================== */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea,
select {
  background-color: var(--bg-secondary) !important;
  color: #d1d5db !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder,
textarea::placeholder {
  color: #9ca3af !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
  border-color: #818cf8 !important;
  outline-color: #818cf8 !important;
}

input[type="submit"] {
  background-color: #4f46e5 !important;
  color: #ffffff !important;
  border: none !important;
}

input[type="submit"]:hover {
  background-color: #4338ca !important;
}

/* ========================================
   Mobile Menu
   ======================================== */

.space-mobile-menu .space-mobile-menu-block {
  background-color: var(--bg-primary) !important;
}

.space-mobile-menu .space-mobile-menu-copy {
  border-top-color: rgba(255, 255, 255, 0.05) !important;
  color: #d1d5db !important;
}

.space-mobile-menu .space-mobile-menu-copy a {
  color: #d1d5db !important;
}

.space-mobile-menu .space-mobile-menu-copy a:hover {
  color: #818cf8 !important;
}

.space-mobile-menu .space-mobile-menu-header a {
  color: #ffffff !important;
}

.space-mobile-menu .space-mobile-menu-header span {
  color: #d1d5db !important;
}

.space-mobile-menu .space-mobile-menu-list ul li {
  color: #d1d5db !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.space-mobile-menu .space-mobile-menu-list ul li a {
  color: #d1d5db !important;
}

.space-mobile-menu .space-mobile-menu-list ul li a:hover {
  color: #818cf8 !important;
}

.space-mobile-menu .space-close-icon .to-right,
.space-mobile-menu .space-close-icon .to-left {
  background-color: #d1d5db !important;
}

.space-mobile-menu .space-mobile-menu-list ul li ul.sub-menu {
  background-color: rgba(39, 43, 66, 0.4);
}

/* ========================================
   ACES Casino Templates
   ======================================== */

/* Casino Archive Items */
.space-companies-archive-item,
.space-companies-2-archive-item {
  background-color: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.space-companies-archive-item-title a,
.space-companies-2-archive-item-title a {
  color: #ffffff !important;
}

.space-companies-archive-item-title a:hover,
.space-companies-2-archive-item-title a:hover {
  color: #818cf8 !important;
}

.space-companies-archive-item-short-desc,
.space-companies-2-archive-item-desc {
  color: #d1d5db !important;
}

.space-companies-archive-item-short-desc a,
.space-companies-2-archive-item-desc a {
  color: #818cf8 !important;
}

.space-companies-sidebar-item {
  background-color: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.space-companies-sidebar-item-title p a {
  color: #ffffff !important;
}

.space-companies-sidebar-2-item {
  background-color: var(--bg-secondary) !important;
  color: #d1d5db !important;
}

.space-companies-sidebar-2-item-title,
.space-companies-sidebar-2-item-title a {
  color: #ffffff !important;
}

.space-companies-sidebar-2-item-title a:hover {
  color: #818cf8 !important;
}

.space-companies-sidebar-2-item-desc {
  color: #d1d5db !important;
}

.space-companies-sidebar-2-item-desc a {
  color: #818cf8 !important;
}

.space-companies-sidebar-2-item-rating {
  color: #d1d5db !important;
}

/* Generic box wrapper (used by ACES shortcodes) */
.space-box {
  background-color: var(--bg-secondary) !important;
  color: #d1d5db !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Organizations (Casino listing styles 3-8) */
.space-organizations-3-archive-item {
  background-color: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.space-organizations-3-archive-item-ins {
  background-color: var(--bg-secondary) !important;
}

.space-organizations-3-archive-item-title a {
  color: #ffffff !important;
}

.space-organizations-3-archive-item-terms-ins,
.space-organizations-3-archive-item-terms-ins a {
  color: #d1d5db !important;
}

.space-organizations-3-archive-item-terms-ins a:hover {
  color: #818cf8 !important;
}

/* Casino card bonus text - ALL text inside terms section */
.space-organizations-3-archive-item-terms,
.space-organizations-3-archive-item-terms-ins {
  color: #d1d5db !important;
}

.space-organizations-3-archive-item-terms-ins strong {
  color: #ffffff !important;
}

.space-organizations-3-archive-item-terms-ins span {
  color: #d1d5db !important;
}

.space-organizations-3-archive-item-terms-ins a {
  color: #818cf8 !important;
}

/* Casino card rating number */
.space-organizations-3-archive-item-rating,
.space-organizations-3-archive-item-rating-ins,
.space-organizations-3-archive-item-rating span,
.space-organizations-3-archive-item-rating-ins span {
  color: #ffffff !important;
}

/* Block titles (e.g., "Top 10 Best Rated Online Casinos") */
.space-block-title,
.space-block-title span,
.space-shortcode-wrap .space-block-title,
.space-shortcode-wrap .space-block-title span {
  color: #ffffff !important;
}

.space-organizations-4-archive-item {
  background-color: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.space-organizations-4-archive-item-title,
.space-organizations-4-archive-item-title a,
.space-organizations-4-archive-item-title-ins,
.space-organizations-4-archive-item-title-ins a {
  color: #ffffff !important;
}

.space-organizations-4-archive-item-title a:hover,
.space-organizations-4-archive-item-title-ins a:hover {
  color: #818cf8 !important;
}

.space-organizations-4-archive-item-terms,
.space-organizations-4-archive-item-terms-ins {
  color: #d1d5db !important;
}

.space-organizations-4-archive-item-terms-ins strong {
  color: #ffffff !important;
}

.space-organizations-4-archive-item-terms-ins span {
  color: #d1d5db !important;
}

.space-organizations-4-archive-item-terms-ins a {
  color: #818cf8 !important;
}

.space-organizations-4-archive-item-rating,
.space-organizations-4-archive-item-rating-ins,
.space-organizations-4-archive-item-rating span,
.space-organizations-4-archive-item-rating-ins span {
  color: #ffffff !important;
}

.space-organizations-5-archive-item,
.space-organizations-6-archive-item {
  background-color: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.space-organizations-5-archive-item-title a,
.space-organizations-5-archive-item-title-ins a,
.space-organizations-6-archive-item-title a,
.space-organizations-6-archive-item-title-ins a {
  color: #ffffff !important;
}

.space-organizations-5-archive-item-terms,
.space-organizations-5-archive-item-terms-ins,
.space-organizations-6-archive-item-terms,
.space-organizations-6-archive-item-terms-ins {
  color: #d1d5db !important;
}

.space-organizations-5-archive-item-terms-ins strong,
.space-organizations-6-archive-item-terms-ins strong {
  color: #ffffff !important;
}

.space-organizations-5-archive-item-terms-ins span,
.space-organizations-6-archive-item-terms-ins span {
  color: #d1d5db !important;
}

.space-organizations-5-archive-item-rating span,
.space-organizations-5-archive-item-rating-ins span,
.space-organizations-6-archive-item-rating span,
.space-organizations-6-archive-item-rating-ins span {
  color: #ffffff !important;
}

.space-organizations-7-archive-item,
.space-organizations-8-archive-item {
  background-color: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.space-organizations-7-archive-item-title a,
.space-organizations-7-archive-item-title-ins a,
.space-organizations-8-archive-item-title a,
.space-organizations-8-archive-item-title-ins a {
  color: #ffffff !important;
}

.space-organizations-7-archive-item-terms,
.space-organizations-7-archive-item-terms-ins,
.space-organizations-8-archive-item-terms,
.space-organizations-8-archive-item-terms-ins {
  color: #d1d5db !important;
}

.space-organizations-7-archive-item-terms-ins strong,
.space-organizations-8-archive-item-terms-ins strong {
  color: #ffffff !important;
}

.space-organizations-7-archive-item-terms-ins span,
.space-organizations-8-archive-item-terms-ins span {
  color: #d1d5db !important;
}

.space-organizations-7-archive-item-terms-ins a,
.space-organizations-8-archive-item-terms-ins a {
  color: #818cf8 !important;
}

.space-organizations-7-archive-item-terms-ins a:hover,
.space-organizations-8-archive-item-terms-ins a:hover {
  color: #a5b4fc !important;
}

.space-organizations-7-archive-item-rating span,
.space-organizations-7-archive-item-rating-ins span,
.space-organizations-8-archive-item-rating span,
.space-organizations-8-archive-item-rating-ins span {
  color: #ffffff !important;
}

/* Single Casino Page */
.space-organization-content-info {
  color: #d1d5db !important;
}

.space-organization-content-info a {
  color: #818cf8 !important;
}

.space-organization-content-short-desc,
.space-organization-content-short-desc a {
  color: #d1d5db !important;
}

.space-organization-header-short-desc,
.space-organization-header-short-desc a {
  color: #d1d5db !important;
}

.space-organization-details-item {
  background-color: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.space-organization-details-item-title {
  color: #d1d5db !important;
}

.space-organization-details-item-title span {
  color: #818cf8 !important;
}

.space-organization-details-item-links a {
  color: #d1d5db !important;
  background-color: var(--bg-tertiary) !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
}

.space-organization-details-item-links a:hover {
  background-color: #818cf8 !important;
  color: #ffffff !important;
}

/* Casino Offers */
.space-single-offer,
.space-offers-archive-item {
  background-color: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.space-aces-single-offer-info-title,
.space-offers-archive-item-title a {
  color: #ffffff !important;
}

.space-aces-single-offer-info-desc,
.space-offers-archive-item-desc {
  color: #d1d5db !important;
}

/* Casino Games */
.space-units-archive-item,
.space-units-sidebar-item {
  background-color: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.space-units-archive-item-title a,
.space-units-sidebar-item-title a {
  color: #ffffff !important;
}

.space-unit-content-button a {
  color: #ffffff !important;
}

/* ========================================
   Shortcode Blocks
   ======================================== */

.space-block-title span {
  color: #ffffff !important;
}

.space-shortcode-wrap .space-box {
  background-color: var(--bg-secondary) !important;
  color: #d1d5db !important;
}

.space-shortcode-wrap .space-organizations-3-archive-item,
.space-shortcode-wrap .space-organizations-4-archive-item {
  background-color: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.space-shortcode-wrap .space-organizations-3-archive-item-ins,
.space-shortcode-wrap .space-organizations-4-archive-item-ins {
  background-color: var(--bg-secondary) !important;
}

/* ========================================
   News / Post Blocks
   ======================================== */

.space-news-2-item,
.space-news-3-item,
.space-news-4-item,
.space-news-6-item,
.space-news-7-item,
.space-news-8-item,
.space-news-9-item,
.space-news-10-item,
.space-news-11-item {
  background-color: var(--bg-secondary) !important;
}

.space-news-2-item a,
.space-news-3-item a,
.space-news-4-item a {
  color: #ffffff !important;
}

.space-news-10-item-category a,
.space-news-11-item-category a {
  color: #818cf8 !important;
}

/* ========================================
   Categories List
   ======================================== */

.space-categories-list-box ul li a {
  color: #818cf8 !important;
  border-color: #818cf8 !important;
}

.space-categories-list-box ul li a:hover {
  background-color: #818cf8 !important;
  color: #ffffff !important;
}

/* ========================================
   Subscribe / Newsletter Widgets
   ======================================== */

.widget_mc4wp_form_widget .mc4wp-form-fields input[type="email"] {
  background-color: var(--bg-secondary) !important;
  color: #d1d5db !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.widget_mc4wp_form_widget .mc4wp-response a {
  color: #818cf8 !important;
}

/* ========================================
   404 Page
   ======================================== */

.space-404-page-title {
  color: #ffffff !important;
}

.space-404-page-desc {
  color: #d1d5db !important;
}

/* ========================================
   Tables
   ======================================== */

table {
  border-color: rgba(255, 255, 255, 0.05) !important;
}

table th {
  background-color: var(--bg-primary) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

table td {
  background-color: var(--bg-secondary) !important;
  color: #d1d5db !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
}

table tr:nth-child(even) td {
  background-color: rgba(39, 43, 66, 0.4) !important;
}

/* ========================================
   Misc Overrides
   ======================================== */

hr {
  border-color: rgba(255, 255, 255, 0.05) !important;
}

::selection {
  background-color: #4f46e5;
  color: #ffffff;
}

/* Smooth scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-primary);
}

::-webkit-scrollbar-thumb {
  background: var(--bg-tertiary);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #2a2d65;
}

/* ========================================
   WP Block Editor Styles (frontend)
   ======================================== */

.wp-block-quote {
  background-color: rgba(39, 43, 66, 0.6) !important;
  border-left-color: #818cf8 !important;
  color: #d1d5db !important;
}

.wp-block-code {
  background-color: var(--bg-secondary) !important;
  color: #d1d5db !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
}

.wp-block-preformatted {
  background-color: var(--bg-secondary) !important;
  color: #d1d5db !important;
}

.wp-block-table table {
  border-color: rgba(255, 255, 255, 0.05) !important;
}

/* Center Play Now buttons in table by making the row span full width */
table tr:last-child td:only-child {
  text-align: center !important;
}

/* If the Play Now row has 2 TDs with first one empty, center the content */
table tr:last-child td:nth-child(2) {
  text-align: center !important;
}

table tr:last-child td:first-child:empty {
  display: none;
}

table tr:last-child td:nth-child(2):last-child {
  display: table-cell;
  width: 100%;
}

.wp-block-separator {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* ========================================
   Casino Rating Styles
   ======================================== */

.space-organization-content-rating-overall {
  background-color: var(--bg-secondary) !important;
}

.space-organization-header-logo-rating {
  background-color: var(--bg-tertiary) !important;
  color: #ffffff !important;
}

.space-organization-style-2-ratings-all-item {
  background-color: rgba(39, 43, 66, 0.6) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.space-organization-style-2-ratings-all-item-title {
  color: #d1d5db !important;
}

.space-organization-style-2-ratings-all-item-value {
  background-color: var(--bg-tertiary) !important;
  color: #ffffff !important;
}

.space-organization-float-bar {
  background-color: var(--bg-primary) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.space-organization-float-bar-title {
  color: #ffffff !important;
}

/* ========================================
   Dark Style Offers (already dark-aware)
   ======================================== */

.space-single-offer.space-dark-style,
.space-offers-archive-item.space-dark-style {
  background-color: var(--bg-secondary) !important;
}

/* ========================================
   Custom Buttons
   ======================================== */

.btn-purple,
a.btn-purple,
button.btn-purple {
  background-color: #818cf8 !important;
  color: #ffffff !important;
  border-color: #818cf8 !important;
}

.btn-purple:hover,
a.btn-purple:hover,
button.btn-purple:hover {
  background-color: #6366f1 !important;
  color: #ffffff !important;
  border-color: #6366f1 !important;
}

/* ========================================
   Content Boxes
   ======================================== */

.box-content-other-filled,
.box-content-other {
  background-color: var(--bg-secondary) !important;
  color: #d1d5db !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.box-content-other-filled h2,
.box-content-other-filled h3,
.box-content-other h2,
.box-content-other h3 {
  color: #ffffff !important;
}

.box-content-other-filled p,
.box-content-other-filled li,
.box-content-other p,
.box-content-other li {
  color: #d1d5db !important;
}

.box-content-other-filled strong,
.box-content-other strong {
  color: #ffffff !important;
}

/* ========================================
   Blog / Archive Page
   ======================================== */

.space-archive-title-box-ins,
.space-archive-title-box,
.space-archive-title-box-ins.space-page-wrapper,
.space-archive-title-box-ins.space-page-wrapper.relative,
.space-title-box-ins,
.space-title-box-ins.space-page-wrapper,
.space-title-box-ins.space-page-wrapper.relative {
  background-color: var(--bg-secondary) !important;
}

.space-page-wrapper {
  background-color: var(--bg-primary) !important;
}

.space-page-wrapper.relative {
  background-color: var(--bg-primary) !important;
}

/* ========================================
   Easy Table of Contents (ez-toc)
   ======================================== */

.ez-toc-container,
.ez-toc-v2_0_55,
div.ez-toc-container,
div[class*="ez-toc-container"] {
  background-color: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0.5rem;
}

/* Override light-blue theme */
.ez-toc-light-blue {
  background-color: var(--bg-secondary) !important;
}

.ez-toc-title {
  color: #ffffff !important;
  font-weight: 600;
}

.ez-toc-list,
.ez-toc-list li {
  color: #d1d5db !important;
}

.ez-toc-list a,
.ez-toc-list li a {
  color: #818cf8 !important;
}

.ez-toc-list a:hover,
.ez-toc-list li a:hover {
  color: #a5b4fc !important;
}

/* TOC toggle button */
.ez-toc-toggle,
.ez-toc-title-toggle {
  color: #d1d5db !important;
}

/* ========================================
   Shortcode Ultimate (su-box)
   ======================================== */

.su-box {
  background-color: var(--bg-secondary) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.su-box-title {
  background-color: var(--bg-tertiary) !important;
  color: #ffffff !important;
}

.su-box-content,
.su-box-content.su-u-clearfix,
.su-box-content.su-u-trim {
  background-color: var(--bg-secondary) !important;
  color: #d1d5db !important;
}

.su-box-content p,
.su-box-content li {
  color: #d1d5db !important;
}

.su-box-content a {
  color: #818cf8 !important;
}

.su-box-content a:hover {
  color: #a5b4fc !important;
}

.su-box-content strong {
  color: #ffffff !important;
}

/* Other Shortcode Ultimate elements */
.su-note,
.su-highlight {
  background-color: var(--bg-tertiary) !important;
  color: #d1d5db !important;
}

.su-spoiler {
  background-color: var(--bg-secondary) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.su-spoiler-title {
  background-color: var(--bg-tertiary) !important;
  color: #ffffff !important;
}

.su-spoiler-content {
  background-color: var(--bg-secondary) !important;
  color: #d1d5db !important;
}

/* ========================================
   Casino Company Cards (in-content)
   ======================================== */

.space-companies-archive-item-ins,
.space-companies-archive-item-ins.relative {
  background-color: var(--bg-secondary) !important;
  color: #d1d5db !important;
}

.space-companies-archive-item-ins .space-companies-archive-item-title,
.space-companies-archive-item-ins .space-companies-archive-item-title a {
  color: #ffffff !important;
}

.space-companies-archive-item-ins .space-companies-archive-item-title a:hover {
  color: #818cf8 !important;
}

.space-companies-archive-item-ins .space-companies-archive-item-short-desc {
  color: #d1d5db !important;
}

.space-companies-archive-item-ins .space-companies-archive-item-rating {
  color: #ffffff !important;
}

/* Casino card text in grid/list views */
.space-companies-archive-item-bonus,
.space-companies-archive-item-terms {
  color: #d1d5db !important;
}

.space-companies-archive-item-bonus strong,
.space-companies-archive-item-terms strong {
  color: #ffffff !important;
}

/* ========================================
   Single Post Content Wrapper
   ======================================== */

.space-page-content-box,
.space-page-content-box-ins {
  background-color: var(--bg-primary) !important;
}

/* Author box in single posts */
.space-page-content-author,
.space-page-content-author-ins {
  background-color: var(--bg-secondary) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.space-page-content-author-name,
.space-page-content-author-name a {
  color: #ffffff !important;
}

.space-page-content-author-desc {
  color: #d1d5db !important;
}

/* ========================================
   Sidebar Top Casino Widget
   ======================================== */

.space-widget .space-companies-sidebar-item,
.space-widget .space-companies-sidebar-2-item {
  background-color: rgba(39, 43, 66, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

/* ========================================
   Leave a Reply / Comment Form
   ======================================== */

.space-page-content-comments,
.space-page-content-comments-ins {
  background-color: var(--bg-primary) !important;
}

.space-page-content-comments h3,
.space-page-content-comments-ins h3 {
  color: #ffffff !important;
}

.space-page-content-comments p,
.space-page-content-comments-ins p {
  color: #d1d5db !important;
}

/* ========================================
   Terms & Conditions Tooltips
   ======================================== */

.tc-desc,
.tc-apply,
.space-organizations-archive-item-button-notice {
  background-color: var(--bg-tertiary) !important;
  color: #d1d5db !important;
}

.tc-desc strong,
.tc-apply strong {
  color: #ffffff !important;
}

/* ========================================
   Casino Logo Image Backgrounds
   ======================================== */

.space-companies-archive-item-img,
.space-companies-archive-item-img a,
.space-companies-sidebar-item-img,
.space-companies-sidebar-2-item-img {
  border-radius: 8px;
}

/* Fix inconsistent image widths in casino provider cards */
.space-companies-archive-item-img img {
  width: 200px !important;
  height: auto !important;
  max-width: 100%;
  object-fit: contain;
}

/* Custom padding for sidebar widget */
.space-widget.relative.space-companies-sidebar-2-widget {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

/* Custom margin-top for sidebar item */
.space-companies-sidebar-2-item-ins.relative {
  margin-top: 30px !important;
}

/* Custom margin for organizations archive item */
.space-organizations-3-archive-item-ins {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

/* Fix contrast issues for organization archive items */
.space-organizations-8-archive-item-bg {
  background-color: var(--bg-secondary) !important;
}

.space-organizations-8-archive-item-stars-rating {
  background-color: var(--bg-primary) !important;
}

.space-organizations-8-archive-item-right {
  background-color: var(--bg-primary) !important;
}

/* Fix dark text in bonus terms - change to white for readability */
.space-organizations-8-archive-item-terms strong,
.space-organizations-8-archive-item-terms span {
  color: #ffffff !important;
}

/* Fix Pros/Cons title visibility */
.space-pros-title,
.space-cons-title {
  color: #ffffff !important;
}

/* Fix Mobile Casino section white background */
.filled-child,
.filled-child.boxed-icon-child {
    background: var(--bg-tertiary) !important;
    color: #d1d5db !important;
}

.filled-child h3,
.boxed-icon-child h3 {
    color: #ffffff !important;
}

.filled-child p,
.boxed-icon-child p {
    color: #d1d5db !important;
}

/* Fix sidebar widget dark text on Casino Reviews and Provider pages */
.space-companies-sidebar-2-widget,
.space-companies-sidebar-2-items-wrap,
.space-companies-sidebar-2-items {
  color: #ffffff !important;
}

/* Fix blog "Read more" links dark text */
.read-more a {
  color: #ffffff !important;
}

/* Fix Play Now button text color on organization archive items */
.space-organizations-8-archive-item-button-two a {
  color: #ffffff !important;
}

/* Fix WordPress cover block white overlay - darken light background images */
.wp-block-cover::before {
  content: "" !important;
  background-color: rgba(30, 34, 53, 0.85) !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 1 !important;
}

.wp-block-cover__inner-container {
  position: relative !important;
  z-index: 2 !important;
}


/* ========================================
   Button Color Override - Indigo Gradient
   Matches header theme (--bg-primary, #818cf8, #4f46e5)
   ======================================== */

/* All Button Types - Base State */
.space-casino-box-button a,
.wp-block-button__link,
a.space-read-review-button,
.space-play-now-button a,
.space-companies-archive-item-button a,
.space-companies-sidebar-item-button a,
.space-units-archive-item-button a,
.space-units-sidebar-item-button a,
.space-aces-single-offer-info-button-ins a,
.space-offers-archive-item-button a,
.su-button,
.su-button.su-button-style-default,
a.su-button {
    background-color: #4f46e5 !important;
    background-image: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
    color: #ffffff !important;
    border: none !important;
}

.su-button span {
    border: none !important;
}

/* All Button Types - Hover State */
.space-casino-box-button a:hover,
.wp-block-button__link:hover,
a.space-read-review-button:hover,
.space-play-now-button a:hover,
.space-companies-archive-item-button a:hover,
.space-companies-sidebar-item-button a:hover,
.space-units-archive-item-button a:hover,
.space-units-sidebar-item-button a:hover,
.space-aces-single-offer-info-button-ins a:hover,
.space-offers-archive-item-button a:hover,
.su-button:hover,
.su-button.su-button-style-default:hover,
a.su-button:hover {
    background-color: var(--accent-hover) !important;
    background-image: linear-gradient(135deg, #818cf8 0%, #6366f1 100%) !important;
    color: #ffffff !important;
}

/* Organization count badge */
.space-organizations-3-archive-item-count {
    background-color: #4f46e5 !important;
    background-image: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
    color: #ffffff !important;
}

/* ========================================
   Single Review Page - Dark Theme Fixes
   Body bg is --bg-primary (#1e2235) - all sections must match for consistent wide screen display
   ======================================== */

/* Review header section (top of review pages) - match body bg for consistent color on wide screens */
.space-style-2-organization-header,
.space-style-2-organization-header-ins {
    background-color: var(--bg-primary) !important;
}

/* Rating callout box - slightly lighter for visual separation */
.space-organization-style-2-calltoaction-rating {
    background-color: var(--bg-tertiary) !important;
}

/* Rating section - Call to action text */
.space-organization-style-2-calltoaction-text-ins {
    color: #a5b4fc !important;
}

/* Bonus title (strong text) - make it stand out */
.space-organization-style-2-calltoaction-text-ins strong {
    color: #818cf8 !important;
    font-size: 1.3em;
}

/* Bonus description text */
.space-organization-style-2-calltoaction-text-ins span,
.space-organization-style-2-calltoaction-text-ins div {
    color: #d1d5db !important;
}

/* Overall rating section */
.space-organization-style-2-rating-overall-ins {
    color: #ffffff !important;
}

.space-organization-style-2-rating-overall-ins span {
    color: #a5b4fc !important;
}

/* Rating items labels */
.space-organization-style-2-ratings-all-item {
    color: #e5e7eb !important;
}

/* Customer support notice */
.space-organization-style-2-calltoaction-button-notice,
.tc-apply {
    color: #9ca3af !important;
}

/* Comments section */
.space-comments-ins,
.space-comments-ins.white {
    background-color: var(--bg-primary) !important;
}

.space-comments-ins h3,
.space-comments-title {
    color: #ffffff !important;
}

.space-comments-ins p,
.space-comments-ins a {
    color: #d1d5db !important;
}

/* Single review page content wrapper */
.space-units-single-content,
.space-page-wrapper {
    background-color: var(--bg-primary) !important;
}

/* Ensure full-width sections match body background on wide screens */
.space-single-organization {
    background-color: var(--bg-primary) !important;
}

/* ============================================
   DARK THEME AUDIT STANDARDIZATION OVERRIDES
   Source: dark-theme-audit.md (2026-02-06)
   Applied to match homepage dark theme across ALL sub-pages
   ============================================ */

/* ----- CSS VARIABLES ----- */
:root {
  --bg-primary: #1e2235;
  --bg-secondary: #272b42;
  --bg-tertiary: #323656;
  --bg-hover: #3d416b;
  --text-primary: #ffffff;
  --text-secondary: #e0e2e7;
  --text-muted: #9ca3af;
  --accent-primary: #4f46e5;
  --accent-hover: #4338ca;
  --accent-light: #818cf8;
  --border-default: rgba(255, 255, 255, 0.1);
  --border-strong: rgba(255, 255, 255, 0.2);
  --border-accent: rgba(79, 70, 229, 0.3);
}

/* ----- 1. GLOBAL / BODY ----- */
body,
.space-page-content,
.space-page-wrap {
  background-color: var(--bg-primary) !important;
  color: var(--text-secondary) !important;
}

/* ----- 2. PAGE TITLE BOX ----- */
.space-title-box,
.space-archive-title-box {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}

.space-title-box h1,
.space-archive-title-box h1 {
  color: var(--text-primary) !important;
}

/* ----- 3. CONTENT TEXT ----- */
.space-page-content,
.space-page-content p,
.space-page-content li,
.space-page-content span,
.space-page-content div {
  color: var(--text-secondary) !important;
}

.space-page-content h1,
.space-page-content h2,
.space-page-content h3,
.space-page-content h4,
.space-page-content h5,
.space-page-content h6 {
  color: var(--text-primary) !important;
}

.space-page-content a {
  color: var(--accent-light) !important;
}

.space-page-content a:hover {
  color: var(--accent-primary) !important;
}

/* ----- 4. CARDS / CONTAINERS ----- */
.space-organizations-3-archive-item-ins,
.space-organizations-4-archive-item-ins,
.space-organization-style-2-ins {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important;
}

.space-organizations-3-archive-item-ins:hover,
.space-organizations-4-archive-item-ins:hover {
  border-color: var(--border-accent) !important;
}

.space-organizations-3-archive-item-desc,
.space-organizations-4-archive-item-desc {
  color: var(--text-muted) !important;
}

.space-organizations-3-archive-item-title a,
.space-organizations-4-archive-item-title a {
  color: var(--text-primary) !important;
}

.space-box {
  background-color: var(--bg-secondary) !important;
}

/* ----- 5. RATING BOXES ----- */
.space-organizations-3-archive-item-rating-box,
.space-organization-style-2-ratings-all-item {
  background-color: var(--bg-tertiary) !important;
  border: 1px solid var(--border-default) !important;
}

.space-organizations-3-archive-item-rating-box span,
.space-organization-style-2-ratings-all-item-value {
  color: var(--text-primary) !important;
}

/* ----- 6. TABLES ----- */
.space-page-content table {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

.space-page-content table thead tr,
.space-page-content table tbody tr:first-child {
  background-color: var(--bg-tertiary) !important;
}

.space-page-content table th,
.space-page-content table td {
  color: var(--text-secondary) !important;
  border-bottom: 1px solid var(--border-default) !important;
}

.space-page-content table tr:hover {
  background-color: var(--bg-hover) !important;
}

/* ----- 7. FORM INPUTS ----- */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="number"],
textarea,
select {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border-strong) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--text-muted) !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--border-accent) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15) !important;
}

/* ----- 8. BUTTONS ----- */
input[type="submit"],
.space-organizations-3-archive-item-button-ins a,
.space-organizations-4-archive-item-button-ins a,
a.space-style-2-button,
.space-style-2-button a,
a.space-calltoaction-button,
.space-calltoaction-button a,
.su-button-style-default {
  background-color: var(--accent-primary) !important;
  background-image: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
  color: var(--text-primary) !important;
  border: none !important;
}

input[type="submit"]:hover,
.space-organizations-3-archive-item-button-ins a:hover,
.space-organizations-4-archive-item-button-ins a:hover,
a.space-style-2-button:hover,
.space-style-2-button a:hover,
a.space-calltoaction-button:hover,
.space-calltoaction-button a:hover,
.su-button-style-default:hover {
  background-color: var(--accent-hover) !important;
  background-image: linear-gradient(135deg, #818cf8 0%, #6366f1 100%) !important;
  color: var(--text-primary) !important;
}

/* ----- 9. SEARCH OVERLAY ----- */
.space-header-search-block {
  background-color: var(--bg-secondary) !important;
}

.space-header-search-block input[type="search"] {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
  border-bottom: 1px solid var(--border-strong) !important;
}

/* ----- 10. SIDEBAR WIDGETS ----- */
.space-widget,
.space-widget ul li {
  color: var(--text-secondary) !important;
  border-color: var(--border-default) !important;
}

.space-widget ul li a {
  color: var(--accent-light) !important;
}

.space-widget ul li a:hover {
  color: var(--text-primary) !important;
}

.space-widget h4,
.space-widget .space-widget-title {
  color: var(--text-primary) !important;
}

/* ----- 11. FOOTER ----- */
.space-footer-area .space-widget,
.space-footer-area .space-widget p,
.space-footer-area .space-widget li {
  color: var(--text-muted) !important;
}

.space-footer-area .space-widget a {
  color: var(--text-secondary) !important;
}

.space-footer-area .space-widget a:hover {
  color: var(--text-primary) !important;
}

.footer .social-icon a:hover .fa {
  color: var(--accent-light) !important;
}

/* ----- 12. TOC / TABLE OF CONTENTS ----- */
#ez-toc-container {
  background-color: var(--bg-tertiary) !important;
  border: 1px solid var(--border-default) !important;
}

#ez-toc-container a {
  color: var(--text-secondary) !important;
}

#ez-toc-container a:hover {
  color: var(--accent-light) !important;
}

.ez-toc-widget-container li.active {
  background-color: var(--bg-hover) !important;
  border-left: 3px solid var(--accent-primary) !important;
}

/* ----- 13. BREADCRUMBS ----- */
.breadcrumb,
.space-breadcrumbs {
  background-color: transparent !important;
  color: var(--text-muted) !important;
}

.breadcrumb a,
.space-breadcrumbs a {
  color: var(--accent-light) !important;
}

/* ----- 14. READ MORE / TRUNCATION ----- */
.devvn_readmore_flatsome_more {
  background: linear-gradient(to bottom, rgba(30, 34, 53, 0), var(--bg-primary)) !important;
}

/* ----- 15. MOBILE MENU ----- */
.space-mobile-menu-block {
  background-color: var(--bg-primary) !important;
}

.space-mobile-menu-list ul li a {
  color: var(--text-primary) !important;
  border-bottom: 1px solid var(--border-default) !important;
}

/* ----- 16. BADGES / COUNTS ----- */
.space-organizations-3-archive-item-count {
  background-color: var(--accent-primary) !important;
  color: var(--text-primary) !important;
}

/* ----- 17. BUTTON NOTICE TEXT ----- */
.space-organizations-archive-item-button-notice {
  color: var(--text-muted) !important;
}

/* ----- 18. PAGINATION ----- */
nav.pagination a {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-default) !important;
}

.space-archive-loop-item-img-category a {
  background-color: var(--accent-primary) !important;
  color: var(--text-primary) !important;
  border: none !important;
}

nav.pagination a:hover,
nav.pagination .current {
  background-color: var(--accent-primary) !important;
  border-color: var(--accent-primary) !important;
}

/* ----- 19. EXPAND / ACCORDION (ShortCodes Ultimate) ----- */
.su-expand-content {
  background-color: var(--bg-secondary) !important;
  color: var(--text-secondary) !important;
}

.su-spoiler-title {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-default) !important;
}

.su-spoiler-content {
  background-color: var(--bg-secondary) !important;
  color: var(--text-secondary) !important;
}

/* ----- 20. ARCHIVE LOOP ITEMS (Blog/News cards) ----- */
.space-archive-loop-item {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

.space-archive-loop-item:hover {
  border-color: var(--border-accent) !important;
}

.space-archive-loop-item-title a {
  color: var(--text-primary) !important;
}

.space-archive-loop-item-desc {
  color: var(--text-muted) !important;
}

.space-archive-loop-item-date {
  color: var(--text-muted) !important;
}

/* ----- 21. EASY ACCORDION PLUGIN OVERRIDES ----- */
.sp-easy-accordion .sp-ea-single {
  background: var(--bg-tertiary) !important;
}

.sp-easy-accordion .sp-ea-single .ea-header a {
  color: var(--text-primary) !important;
}

.sp-easy-accordion .sp-ea-single .ea-header a .ea-expand-icon {
  color: var(--text-secondary) !important;
}

.sp-easy-accordion .sp-ea-single .ea-body {
  background: var(--bg-secondary) !important;
  color: var(--text-secondary) !important;
}

.sp-easy-accordion .sp-ea-single .ea-body p {
  color: var(--text-secondary) !important;
}

.sp-easy-accordion .sp-ea-single .ea-body a {
  color: var(--accent-light) !important;
}

/* ----- 22. EASY TABLE OF CONTENTS WIDGET OVERRIDES ----- */
.ez-toc-widget-container {
  background-color: var(--bg-tertiary) !important;
  border: 1px solid var(--border-default) !important;
}

.ez-toc-widget-container .ez-toc-list a {
  color: var(--text-secondary) !important;
}

.ez-toc-widget-container .ez-toc-list a:hover {
  color: var(--accent-light) !important;
}

/* ----- 23. ADDITIONAL PAGE-SPECIFIC FIXES ----- */

/* Contact form labels */
.space-page-content label {
  color: var(--text-secondary) !important;
}

/* Author page */
.space-author-block {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

/* Popup Maker dark styling */
.pum-container {
  background-color: var(--bg-secondary) !important;
  color: var(--text-secondary) !important;
}

.pum-container .pum-title {
  color: var(--text-primary) !important;
}

/* GTranslate dropdown */
.gt_switcher {
  background-color: var(--bg-tertiary) !important;
}

.gt_switcher a {
  color: var(--text-secondary) !important;
}

/* ----- 24. INLINE STYLE OVERRIDES FOR CONTENT ----- */
/* Override inline-styled ShortCodes Ultimate buttons */
.su-button {
  background-color: var(--accent-primary) !important;
  background-image: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
  color: var(--text-primary) !important;
}

.su-button:hover {
  background-color: var(--accent-hover) !important;
  background-image: linear-gradient(135deg, #818cf8 0%, #6366f1 100%) !important;
}

/* ----- 25. ADDITIONAL ARCHIVE/LISTING FIXES ----- */
/* Title box inner - higher specificity to beat .space-page-wrapper.relative */
.space-archive-title-box-ins,
.space-archive-title-box-ins.space-page-wrapper.relative,
.space-title-box-ins,
.space-title-box-ins.space-page-wrapper.relative {
  background-color: var(--bg-secondary) !important;
}

.space-archive-title-box-ins h1 {
  color: var(--text-primary) !important;
}

/* Archive section background */
.space-archive-section {
  background-color: var(--bg-secondary) !important;
}

/* Page wrapper consistency */
.space-page-wrapper {
  background-color: var(--bg-primary) !important;
}

.space-page-wrapper.relative {
  background-color: var(--bg-primary) !important;
}

/* ============================================
   READABILITY IMPROVEMENTS FOR DARK THEME
   Addresses: dark bg + long text = eye strain
   Key changes: font smoothing, line-height,
   paragraph spacing, max content width
   ============================================ */

/* Font rendering - auto smoothing lets macOS render thicker glyphs naturally */
body {
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto !important;
  text-rendering: optimizeLegibility !important;
}

/* Content text readability */
.space-page-content p,
.space-page-content-box p,
.space-page-content li,
.about-content p,
.about-content li,
.su-box-content p,
.su-box-content li,
.box-content-other p,
.box-content-other-filled p,
.filled-wrap p,
.boxed-intro p,
.content-see-more p {
  line-height: 1.8 !important;
  letter-spacing: 0.015em !important;
  margin-bottom: 20px !important;
}

/* Heading spacing - more room above/below for scannability */
.space-page-content h2,
.space-page-content-box h2,
.about-content h2,
.box-content-other h2,
.box-content-other-filled h2,
.filled-wrap h2,
.content-see-more h2 {
  margin-top: 40px !important;
  margin-bottom: 18px !important;
  line-height: 1.2 !important;
}

.space-page-content h3,
.space-page-content-box h3,
.about-content h3,
.box-content-other h3,
.box-content-other-filled h3,
.filled-wrap h3,
.content-see-more h3 {
  margin-top: 32px !important;
  margin-bottom: 18px !important;
  line-height: 1.25 !important;
}

.space-page-content h4,
.space-page-content-box h4,
.about-content h4 {
  margin-top: 24px !important;
  margin-bottom: 12px !important;
  line-height: 1.3 !important;
}

/* Optimal reading line length (~65-75 chars) - only constrain text, not layout */
.space-page-content > p,
.space-page-content > h2,
.space-page-content > h3,
.space-page-content > h4,
.content-see-more > p,
.content-see-more > h2,
.content-see-more > h3,
.about-content > p,
.about-content > h2,
.about-content > h3,
.about-content > ul,
.about-content > ol,
.boxed-intro > p,
.filled-wrap > p,
.filled-wrap-image > p,
.box-content-other-filled > p,
.box-content-other-filled > ul,
.box-content-other-filled > ol {
  max-width: 820px !important;
}

/* Full-width / no-sidebar pages - let text use full container width */
body.page-template-page-full-width .space-page-content > p,
body.page-template-page-full-width .space-page-content > h2,
body.page-template-page-full-width .space-page-content > h3,
body.page-template-page-full-width .space-page-content > h4,
body.page-template-page-full-width .content-see-more > p,
body.page-template-page-full-width .content-see-more > h2,
body.page-template-page-full-width .content-see-more > h3,
body.page-template-page-full-width .boxed-intro > p,
body.page-template-page-full-width .filled-wrap > p,
body.page-template-page-full-width .filled-wrap-image > p,
body.page-template-page-full-width .box-content-other-filled > p,
body.page-template-page-full-width .box-content-other-filled > ul,
body.page-template-page-full-width .box-content-other-filled > ol,
body.page-template-page-custom-casino .space-page-content > p,
body.page-template-page-custom-casino .space-page-content > h2,
body.page-template-page-custom-casino .space-page-content > h3,
body.page-template-page-custom-casino .space-page-content > h4,
body.page-template-page-custom-casino .content-see-more > p,
body.page-template-page-custom-casino .content-see-more > h2,
body.page-template-page-custom-casino .content-see-more > h3,
body.page-template-page-custom-casino .boxed-intro > p,
body.page-template-page-custom-casino .filled-wrap > p,
body.page-template-page-custom-casino .filled-wrap-image > p,
body.page-template-page-custom-casino .box-content-other-filled > p,
body.page-template-page-custom-casino .box-content-other-filled > ul,
body.page-template-page-custom-casino .box-content-other-filled > ol,
body.page-template-page-no-sidebar .space-page-content > p,
body.page-template-page-no-sidebar .space-page-content > h2,
body.page-template-page-no-sidebar .space-page-content > h3,
body.page-template-page-no-sidebar .space-page-content > h4,
body.page-template-page-no-sidebar .content-see-more > p,
body.page-template-page-no-sidebar .content-see-more > h2,
body.page-template-page-no-sidebar .content-see-more > h3,
body.page-template-page-no-sidebar .boxed-intro > p,
body.page-template-page-no-sidebar .filled-wrap > p,
body.page-template-page-no-sidebar .filled-wrap-image > p,
body.page-template-page-no-sidebar .box-content-other-filled > p,
body.page-template-page-no-sidebar .box-content-other-filled > ul,
body.page-template-page-no-sidebar .box-content-other-filled > ol,
body.page-template-page-without-title .space-page-content > p,
body.page-template-page-without-title .space-page-content > h2,
body.page-template-page-without-title .space-page-content > h3,
body.page-template-page-without-title .space-page-content > h4,
body.page-template-page-without-title .content-see-more > p,
body.page-template-page-without-title .content-see-more > h2,
body.page-template-page-without-title .content-see-more > h3,
body.page-template-page-without-title .boxed-intro > p,
body.page-template-page-without-title .filled-wrap > p,
body.page-template-page-without-title .filled-wrap-image > p,
body.page-template-page-without-title .box-content-other-filled > p,
body.page-template-page-without-title .box-content-other-filled > ul,
body.page-template-page-without-title .box-content-other-filled > ol {
  max-width: none !important;
}

/* Table readability inside content */
.space-page-content table td,
.space-page-content table th,
.space-page-content-box table td,
.space-page-content-box table th,
.about-content table td,
.about-content table th {
  line-height: 1.7 !important;
  padding: 12px 16px !important;
}

/* List spacing */
.space-page-content ul li,
.space-page-content ol li,
.space-page-content-box ul li,
.space-page-content-box ol li,
.about-content ul li,
.about-content ol li {
  margin-bottom: 8px !important;
  line-height: 1.75 !important;
}

/* ============================================
   FONT WEIGHT IMPROVEMENTS FOR DARK THEME
   Dark backgrounds make text appear thinner;
   bumping weight compensates for this optical
   illusion and improves readability.
   ============================================ */

/* Body text: bump from 400 (normal) to 500 (medium) */
body {
  font-weight: 500 !important;
}

/* Paragraphs and list items - medium weight */
.space-page-content p,
.space-page-content-box p,
.space-page-content li,
.space-page-content-box li,
.about-content p,
.about-content li,
.su-box-content p,
.su-box-content li,
.sp-easy-accordion .ea-body p,
.box-content-other p,
.box-content-other-filled p,
.filled-wrap p,
.boxed-intro p,
.content-see-more p {
  font-weight: 500 !important;
}

/* Small/meta text - bump weight AND slightly increase size */
.space-archive-loop-item-info,
.space-archive-loop-item-info a,
.space-archive-loop-item-info span,
.space-page-content-info,
.space-page-content-info span,
.space-page-content-info a,
.space-comments-list-item-date,
.stat-label,
.tip-read-time,
.tip-description,
.casino-info-label,
.section-subtitle,
.space-organizations-archive-item-button-notice,
.tc-apply,
.space-organization-style-2-calltoaction-button-notice {
  font-weight: 500 !important;
  font-size: calc(1em + 0.5px) !important;
}

/* Table cells - slightly heavier for readability */
.space-page-content table td,
.space-page-content table th,
.space-page-content-box table td,
.space-page-content-box table th {
  font-weight: 500 !important;
}

/* Sidebar text */
.space-widget p,
.space-widget .textwidget,
.space-widget ul li a {
  font-weight: 500 !important;
}

/* Footer text */
.space-footer-area .space-widget p,
.space-footer-area .space-widget li,
.space-footer-area .space-widget a,
.space-footer-copy {
  font-weight: 500 !important;
}

/* Headings stay as-is (600-800 already heavy enough) */

/* ============================================
   COVERAGE GAP FIXES
   Addresses 6 identified gaps from the audit
   ============================================ */

/* Gap 1: ACES detail/info section light backgrounds (#f1f3f4) */
.space-organization-details,
.space-organization-details-title,
.space-organization-content-info,
.space-organization-content-excerpt,
.space-organization-content-rating-wrap,
.space-organization-content-rating-items,
.space-organization-content-rating-logo,
.space-organization-content-rating-logo-ins,
.space-aces-content-section,
.space-aces-content-box {
  background-color: var(--bg-primary) !important;
  color: var(--text-secondary) !important;
}

/* Gap 2: Pros/Cons pastel backgrounds */
.space-pros {
  background-color: rgba(16, 185, 129, 0.1) !important;
  border-left: 4px solid #10b981 !important;
}

.space-pros-ins {
  background-color: transparent !important;
}

.space-pros-title {
  color: #34d399 !important;
}

.space-pros-description,
.space-pros-description li,
.space-pros ul li {
  color: var(--text-secondary) !important;
}

.space-cons {
  background-color: rgba(239, 68, 68, 0.1) !important;
  border-left: 4px solid #ef4444 !important;
}

.space-cons-ins {
  background-color: transparent !important;
}

.space-cons-title {
  color: #f87171 !important;
}

.space-cons-description,
.space-cons-description li,
.space-cons ul li {
  color: var(--text-secondary) !important;
}

/* Gap 3: space-aces-content-section / space-aces-content-box */
.space-aces-content-section,
.space-aces-content-box,
.space-aces-content-box-ins {
  background-color: var(--bg-primary) !important;
  color: var(--text-secondary) !important;
}

/* Gap 4: Taxonomy description blocks */
.space-taxonomy-description,
.space-taxonomy-description p {
  background-color: var(--bg-secondary) !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border-default) !important;
  border-radius: 0.5rem;
  padding: 1rem 1.25rem !important;
}

/* Gap 5: News block items 5-11 text colors */
.space-news-5-item,
.space-news-5-item a,
.space-news-5-item-title,
.space-news-5-item-meta {
  color: var(--text-secondary) !important;
}

.space-news-5-item-title a,
.space-news-6-item-title a,
.space-news-7-item-title a,
.space-news-8-item-title a,
.space-news-9-item-title a,
.space-news-10-item-title a,
.space-news-11-item-title a {
  color: var(--text-primary) !important;
}

.space-news-5-item-title a:hover,
.space-news-6-item-title a:hover,
.space-news-7-item-title a:hover,
.space-news-8-item-title a:hover,
.space-news-9-item-title a:hover,
.space-news-10-item-title a:hover,
.space-news-11-item-title a:hover {
  color: var(--accent-light) !important;
}

.space-news-6-item-meta,
.space-news-7-item-meta,
.space-news-8-item-meta,
.space-news-9-item-meta,
.space-news-10-item-meta,
.space-news-11-item-meta {
  color: var(--text-muted) !important;
}

.space-news-5-item,
.space-news-6-item,
.space-news-7-item,
.space-news-8-item,
.space-news-9-item,
.space-news-10-item,
.space-news-11-item {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

/* Gap 6: Game style 3 overlay (space-units-3-archive-item) */
.space-units-3-archive-item {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

.space-units-3-archive-item-ins {
  background-color: var(--bg-secondary) !important;
}

.space-units-3-archive-item-title,
.space-units-3-archive-item-title a {
  color: var(--text-primary) !important;
}

.space-units-3-archive-item-category a {
  color: var(--accent-light) !important;
}

.space-units-3-archive-item-rating {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
}

.space-units-3-archive-item-overlay {
  background: linear-gradient(to top, var(--bg-secondary), transparent) !important;
}

.space-units-3-archive-item-button1 a,
.space-units-3-archive-item-button2 a {
  color: var(--text-primary) !important;
}

.space-units-3-archive-item-tac {
  color: var(--text-muted) !important;
}

/* Casino organization archive wrappers */
.space-organization-archive,
.space-organization-archive-ins {
  background-color: var(--bg-primary) !important;
}

/* ============================================
   COLOR CONTRAST & HARMONY OVERRIDES
   Fixes harsh neon colors that clash with dark theme.
   Replaces: neon green buttons, bright yellow,
   light gray patches, old navy remnants.
   Target palette: indigo-cyan accent scheme.
   ============================================ */

/* ----- 1. NEON GREEN "PLAY NOW" BUTTONS → INDIGO ----- */
/* These buttons use inline styles with background-color: #2ecc71
   or are inside table cells. Need high specificity + !important. */

/* In-content "Play Now" links (inside tables, listing cards) -
   the theme uses inline green bg via shortcodes/editor */
.space-page-content a[style*="background"],
.space-page-content-box a[style*="background"],
.space-page-content td a[style*="background"],
.space-page-content a[style*="#2ecc71"],
.space-page-content a[style*="rgb(46, 204, 113)"],
.space-page-content a[style*="#2ECC71"] {
  background-color: var(--accent-primary) !important;
  background-image: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0.5rem !important;
  padding: 10px 24px !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: all 0.3s ease !important;
}

.space-page-content a[style*="background"]:hover,
.space-page-content-box a[style*="background"]:hover,
.space-page-content td a[style*="background"]:hover {
  background-color: var(--accent-hover) !important;
  background-image: linear-gradient(135deg, #818cf8 0%, #6366f1 100%) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

/* Casino style-2 "Play Now" header button (review pages) */
a.space-style-2-button,
.space-style-2-button a,
a.space-style-2-button[style],
.space-style-2-button a[style] {
  background-color: var(--accent-primary) !important;
  background-image: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
  color: #ffffff !important;
  border: none !important;
}

a.space-style-2-button:hover,
.space-style-2-button a:hover,
a.space-style-2-button[style]:hover,
.space-style-2-button a[style]:hover {
  background-color: var(--accent-hover) !important;
  background-image: linear-gradient(135deg, #818cf8 0%, #6366f1 100%) !important;
  color: #ffffff !important;
}

/* Casino CTA button (bottom of review pages) */
a.space-calltoaction-button,
.space-calltoaction-button a,
a.space-calltoaction-button[style],
.space-calltoaction-button a[style] {
  background-color: var(--accent-primary) !important;
  background-image: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
  color: #ffffff !important;
  border: none !important;
}

a.space-calltoaction-button:hover,
.space-calltoaction-button a:hover,
a.space-calltoaction-button[style]:hover,
.space-calltoaction-button a[style]:hover {
  background-color: var(--accent-hover) !important;
  background-image: linear-gradient(135deg, #818cf8 0%, #6366f1 100%) !important;
  color: #ffffff !important;
}

/* Organization listing buttons (styles 3-8) - catch any green bg */
/* Include .space-shortcode-wrap prefix to beat inline style specificity from functions.php */
.space-organizations-3-archive-item-button-ins a,
.space-organizations-3-archive-item-button-ins a[style],
.space-shortcode-wrap .space-organizations-3-archive-item-button-ins a,
.space-organizations-4-archive-item-button-ins a,
.space-organizations-4-archive-item-button-ins a[style],
.space-shortcode-wrap .space-organizations-4-archive-item-button-two-ins a,
.space-organizations-5-archive-item-button-ins a,
.space-organizations-5-archive-item-button-ins a[style],
.space-organizations-5-archive-item-button1 a,
.space-organizations-6-archive-item-button-ins a,
.space-organizations-6-archive-item-button-ins a[style],
.space-organizations-6-archive-item-button1 a,
.space-organizations-7-archive-item-button-ins a,
.space-organizations-7-archive-item-button-ins a[style],
.space-organizations-8-archive-item-button-ins a,
.space-organizations-8-archive-item-button-ins a[style],
.space-organizations-8-archive-item-button-two a,
.space-organizations-8-archive-item-button-two a[style],
.space-organization-content-button a,
.space-unit-content-button a,
.space-units-2-archive-item-button1 a,
.space-units-3-archive-item-button1 a,
.space-organization-header-button a.space-style-2-button,
.space-organization-style-2-calltoaction-button-ins a.space-calltoaction-button,
.space-style-3-organization-header-button a.space-style-3-button,
.space-organization-float-bar-button-wrap a {
  background-color: var(--accent-primary) !important;
  background-image: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}

.space-organizations-3-archive-item-button-ins a:hover,
.space-shortcode-wrap .space-organizations-3-archive-item-button-ins a:hover,
.space-organizations-4-archive-item-button-ins a:hover,
.space-shortcode-wrap .space-organizations-4-archive-item-button-two-ins a:hover,
.space-organizations-5-archive-item-button-ins a:hover,
.space-organizations-5-archive-item-button1 a:hover,
.space-organizations-6-archive-item-button-ins a:hover,
.space-organizations-6-archive-item-button1 a:hover,
.space-organizations-7-archive-item-button-ins a:hover,
.space-organizations-8-archive-item-button-ins a:hover,
.space-organizations-8-archive-item-button-two a:hover,
.space-organization-content-button a:hover,
.space-unit-content-button a:hover,
.space-units-2-archive-item-button1 a:hover,
.space-units-3-archive-item-button1 a:hover,
.space-organization-header-button a.space-style-2-button:hover,
.space-organization-style-2-calltoaction-button-ins a.space-calltoaction-button:hover,
.space-style-3-organization-header-button a.space-style-3-button:hover,
.space-organization-float-bar-button-wrap a:hover {
  background-color: var(--accent-hover) !important;
  background-image: linear-gradient(135deg, #818cf8 0%, #6366f1 100%) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Company archive buttons */
.space-companies-archive-item-button a,
.space-companies-archive-item-button a[style],
.space-companies-sidebar-item-button a,
.space-companies-sidebar-item-button a[style] {
  background-color: var(--accent-primary) !important;
  background-image: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
  color: #ffffff !important;
  border: none !important;
}

.space-companies-archive-item-button a:hover,
.space-companies-sidebar-item-button a:hover {
  background-color: var(--accent-hover) !important;
  background-image: linear-gradient(135deg, #818cf8 0%, #6366f1 100%) !important;
  color: #ffffff !important;
}

/* Read Review buttons - override functions.php inline styles */
.space-organizations-3-archive-item-button-ins a:last-child,
.space-organizations-4-archive-item-button-one-ins a,
.space-shortcode-wrap .space-organizations-4-archive-item-button-one-ins a {
  background-color: var(--bg-tertiary) !important;
  background-image: none !important;
  color: #ffffff !important;
}

.space-organizations-3-archive-item-button-ins a:last-child:hover,
.space-organizations-4-archive-item-button-one-ins a:hover,
.space-shortcode-wrap .space-organizations-4-archive-item-button-one-ins a:hover {
  background-color: var(--bg-hover) !important;
  color: #ffffff !important;
}

/* ----- 2. LIGHT GRAY BACKGROUNDS → DARK THEME ----- */
/* Carousel/slider navigation arrows */
.to-right.absolute,
.to-left.absolute,
.space-close-icon .to-right,
.space-close-icon .to-left {
  background-color: var(--bg-tertiary) !important;
}

/* ----- 3. STAR RATINGS → SOFTER AMBER ----- */
/* Star icons - softer gold instead of harsh yellow */
.star.star-full,
.star.star-half,
.fas.fa-star,
.fa-star,
.star-rating .star {
  color: #fbbf24 !important;
  border-color: #fbbf24 !important;
}

.star.star-empty {
  color: var(--bg-hover) !important;
  border-color: var(--bg-hover) !important;
}

/* Organization rating stars (listing pages) */
.space-organizations-3-archive-item-stars-rating .star,
.space-organizations-4-archive-item-stars-rating .star,
.space-organizations-8-archive-item-stars-rating .star {
  color: #fbbf24 !important;
}

/* ----- 4. NEAR-WHITE SPANS (deposit method tags) → DARK GLASS ----- */
.space-organization-details-item-links span,
.space-organization-details-item span[style*="background"],
.space-organization-details-item span:not(.space-organization-details-item-title span) {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border-default) !important;
  border-radius: 0.375rem !important;
}

/* ----- 5. LIGHT BORDERS → SUBTLE DARK BORDERS ----- */
/* Table borders - unify */
table,
table th,
table td,
table tr {
  border-color: var(--border-default) !important;
}

/* Table even rows - use updated palette */
table tr:nth-child(even) td {
  background-color: rgba(39, 43, 66, 0.4) !important;
}

/* Header borders */
.space-header-wrap,
.space-header,
.space-header-height .space-header-wrap {
  border-bottom-color: var(--border-default) !important;
}

/* Pros/cons box borders */
.space-pros-cons,
.space-pros,
.space-cons,
.space-pros-ins,
.space-cons-ins {
  border-color: var(--border-default) !important;
}

/* CTA block border */
.space-organization-style-2-calltoaction-block {
  border-color: var(--border-default) !important;
}

/* TC/notice badge border */
.tc-apply,
.tc-desc {
  border-color: var(--border-default) !important;
  background-color: var(--bg-tertiary) !important;
}

/* ----- 6. BRIGHT YELLOW BUTTON → AMBER ----- */
/* Unknown bright yellow button element */
button[style*="#FFD32A"],
button[style*="rgb(255, 211, 42)"],
button[style*="#ffd32a"] {
  background-color: #f59e0b !important;
  color: #ffffff !important;
  border: none !important;
}

/* ----- 7. OLD NAVY BG FIX FOR ORGANIZATION ITEMS ----- */
/* Ensure all organization listing cards use updated palette */
.space-organizations-3-archive-item,
.space-organizations-4-archive-item,
.space-organizations-5-archive-item,
.space-organizations-6-archive-item,
.space-organizations-7-archive-item,
.space-organizations-8-archive-item {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

.space-organizations-3-archive-item-ins,
.space-organizations-4-archive-item-ins,
.space-organizations-8-archive-item-bg {
  background-color: var(--bg-secondary) !important;
}

/* Right column in listing style 8 */
.space-organizations-8-archive-item-right {
  background-color: var(--bg-secondary) !important;
}

.space-organizations-8-archive-item-stars-rating {
  background-color: var(--bg-tertiary) !important;
}

/* ----- 8. SIDEBAR WIDGETS - UPDATED PALETTE ----- */
.space-widget,
.space-widget.relative.space-companies-sidebar-2-widget {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

.space-widget .space-companies-sidebar-item,
.space-widget .space-companies-sidebar-2-item {
  background-color: rgba(39, 43, 66, 0.6) !important;
  border: 1px solid var(--border-default) !important;
}

/* ----- 9. CONTENT BOXES - UPDATED PALETTE ----- */
.space-page-content-box-wrap {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

.space-pros-cons {
  background-color: var(--bg-secondary) !important;
}

.space-author-block {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

/* ----- 10. ARCHIVE / BLOG ITEMS ----- */
.space-archive-section {
  background-color: var(--bg-secondary) !important;
}

.space-archive-loop-item {
  background-color: var(--bg-secondary) !important;
}

/* ----- 11. COMMENT FORMS ----- */
.space-comments-form-box {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

/* ----- 12. RELATED POSTS ----- */
.space-related-posts-item {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

/* ----- 13. OFFERS ----- */
.space-single-offer,
.space-offers-archive-item,
.space-single-offer.space-dark-style,
.space-offers-archive-item.space-dark-style {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

/* ----- 14. GAME/UNIT ITEMS ----- */
.space-units-archive-item,
.space-units-sidebar-item {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

/* ----- 15. TABLE CELLS - UPDATED FROM OLD NAVY ----- */
table td {
  background-color: var(--bg-secondary) !important;
}

table th {
  background-color: var(--bg-tertiary) !important;
}

/* ----- 16. MOBILE MENU SUB-MENU ----- */
.space-mobile-menu .space-mobile-menu-list ul li ul.sub-menu {
  background-color: rgba(39, 43, 66, 0.4) !important;
}

/* ----- 17. SUB-MENU DROPDOWNS ----- */
.space-header-height .space-header-menu ul.main-menu li ul.sub-menu,
.space-header-2-height .space-header-2-nav ul.main-menu li ul.sub-menu {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

/* ----- 18. SEARCH INPUT FIELDS ----- */
.space-header-search-block input[type="search"],
.space-header-search-block input[type="text"] {
  background-color: var(--bg-tertiary) !important;
}

/* ----- 19. BLOCKQUOTES ----- */
.space-page-content blockquote {
  background-color: rgba(39, 43, 66, 0.6) !important;
}

.wp-block-quote {
  background-color: rgba(39, 43, 66, 0.6) !important;
}

/* ----- 20. SHORTCODE ULTIMATE ELEMENTS ----- */
.su-spoiler {
  background-color: var(--bg-secondary) !important;
}

.su-spoiler-content {
  background-color: var(--bg-secondary) !important;
}

.su-note,
.su-highlight {
  background-color: var(--bg-tertiary) !important;
}

/* ----- 21. WP BLOCK CODE/PRE ----- */
.wp-block-code {
  background-color: var(--bg-secondary) !important;
}

.wp-block-preformatted {
  background-color: var(--bg-secondary) !important;
}

/* ----- 22. NEWS ITEMS ----- */
.space-news-2-item,
.space-news-3-item,
.space-news-4-item {
  background-color: var(--bg-secondary) !important;
}

/* ----- 23. ARCHIVE / PAGE TITLE ----- */
/* Use higher specificity to beat .space-page-wrapper.relative (0,2,0) */
.space-archive-title-box .space-archive-title-box-ins,
.space-archive-title-box-ins.space-page-wrapper,
.space-archive-title-box-ins.space-page-wrapper.relative,
.space-title-box .space-title-box-ins,
.space-title-box-ins.space-page-wrapper,
.space-title-box-ins.space-page-wrapper.relative {
  background-color: var(--bg-secondary) !important;
}

/* ----- 24. COMPANY CARDS ----- */
.space-companies-archive-item,
.space-companies-2-archive-item,
.space-companies-archive-item-ins {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

.space-companies-sidebar-item {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

.space-companies-sidebar-2-item {
  background-color: var(--bg-secondary) !important;
}

/* ----- 25. CASINO RATING SECTIONS ----- */
.space-organization-content-rating-overall {
  background-color: var(--bg-secondary) !important;
}

.space-organization-style-2-ratings-all-item {
  background-color: rgba(39, 43, 66, 0.6) !important;
  border-bottom: 1px solid var(--border-default) !important;
}

/* ----- 26. BOX ELEMENTS ----- */
.space-box {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

.box-content-other-filled,
.box-content-other {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

/* ----- 27. EZ-TOC CONTAINERS ----- */
.ez-toc-container,
.ez-toc-v2_0_55,
div.ez-toc-container,
div[class*="ez-toc-container"],
.ez-toc-light-blue {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

/* ----- 28. SU-BOX ----- */
.su-box {
  background-color: var(--bg-secondary) !important;
  border-color: var(--border-default) !important;
}

.su-box-content,
.su-box-content.su-u-clearfix,
.su-box-content.su-u-trim {
  background-color: var(--bg-secondary) !important;
}

/* ----- 29. FORM INPUTS ----- */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea,
select {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

/* ----- 30. SCROLLBAR ----- */
::-webkit-scrollbar-thumb {
  background: var(--bg-tertiary) !important;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--bg-hover) !important;
}

/* ----- 31. CASINO DETAIL ITEMS ----- */
.space-organization-details-item {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

.space-organization-details-item-links a {
  background-color: var(--bg-tertiary) !important;
}

/* ----- 32. AUTHOR BOX ----- */
.space-page-content-author,
.space-page-content-author-ins {
  background-color: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
}

/* ----- 33. TAG CLOUD ----- */
.widget_tag_cloud a,
.space-page-content-tags a {
  background-color: var(--bg-tertiary) !important;
}

/* ----- 34. BACK TO TOP BUTTON ----- */
#scrolltop {
  background-color: var(--bg-tertiary) !important;
}

/* ----- 35. PAGINATION ----- */
nav.pagination a,
nav.comments-pagination a,
nav.pagination-post a span.page-number {
  background-color: var(--bg-tertiary) !important;
}

/* ----- 36. MC4WP FORM ----- */
.widget_mc4wp_form_widget .mc4wp-form-fields input[type="email"] {
  background-color: var(--bg-tertiary) !important;
}

/* ----- 37. SU-BOX TITLE ----- */
.su-box-title,
.su-spoiler-title {
  background-color: var(--bg-tertiary) !important;
}

/* ----- 38. RATING CALLOUT ----- */
.space-organization-style-2-calltoaction-rating {
  background-color: var(--bg-tertiary) !important;
}

.space-organization-header-logo-rating {
  background-color: var(--bg-tertiary) !important;
}

.space-organization-style-2-ratings-all-item-value {
  background-color: var(--bg-tertiary) !important;
}

/* ============================================
   SPACING & PADDING OVERHAUL
   Based on 8-point grid system best practices
   (Material Design, WCAG 1.4.12, industry std)
   ============================================ */

/* --- 1. FIGURE / IMAGE TO TEXT SPACING --- */
/* Images inside content need breathing room above and below */
.space-page-content figure,
.space-page-content .wp-block-image,
.space-page-content p > img,
.space-page-content-box figure,
.about-content figure,
.about-content p > img {
  margin-top: 16px !important;
  margin-bottom: 28px !important;
}

/* Standalone images in paragraphs (common WordPress pattern: <p><img></p>) */
.space-page-content p > img:only-child,
.space-page-content-box p > img:only-child,
.about-content p > img:only-child {
  display: block !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

/* Paragraphs that contain only an image - add spacing around the paragraph */
.space-page-content p:has(> img:only-child),
.space-page-content-box p:has(> img:only-child),
.about-content p:has(> img:only-child) {
  margin-top: 24px !important;
  margin-bottom: 28px !important;
}

/* Figcaption spacing */
.space-page-content figcaption,
.about-content figcaption {
  margin-top: 8px !important;
  font-size: 0.875rem !important;
  line-height: 1.45 !important;
  color: var(--text-muted) !important;
}

/* --- 2. PROS / CONS READABILITY --- */
/* Pros/Cons list items had cramped 5px padding and 1.25x line-height */
.space-pros-description li,
.space-pros ul li,
.space-cons-description li,
.space-cons ul li {
  padding: 8px 10px 8px 22px !important;
  line-height: 1.6 !important;
  margin-bottom: 4px !important;
}

/* Pros/Cons container padding */
.space-pros,
.space-cons {
  padding: 16px 20px !important;
  margin-bottom: 16px !important;
}

.space-pros-title,
.space-cons-title {
  margin-bottom: 12px !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
}

/* Pros/Cons inside table cells (e.g. /online-casino-malaysia/) */
.space-page-content table td li,
.content-see-more table td li {
  padding: 6px 8px 6px 4px !important;
  line-height: 1.6 !important;
  margin-bottom: 4px !important;
}

/* --- 3. BLOG LISTING SPACING --- */
/* Blog card internal spacing */
.space-archive-loop-item {
  padding-bottom: 20px !important;
  margin-bottom: 32px !important;
}

/* Blog meta text (date, comments) */
.space-archive-loop-item-meta {
  font-size: 12px !important;
  margin-bottom: 8px !important;
  color: var(--text-secondary, #e0e2e7) !important;
}

/* Blog card title container */
.space-archive-loop-item-title {
  line-height: 1.4 !important;
  margin: 8px 0 12px !important;
}

/* Blog card title link - use px not rem (root is 10px) */
.space-archive-loop-item-title a {
  font-size: 18px !important;
  line-height: 1.4 !important;
}

/* Blog card excerpt */
.space-archive-loop-item-excerpt {
  line-height: 1.65 !important;
  margin-bottom: 12px !important;
  font-size: 15px !important;
  color: var(--text-secondary, #e0e2e7) !important;
}

/* Blog card text area left margin from image */
.space-archive-loop-item-title-box-ins {
  margin-left: 20px !important;
}

/* Blog card "Read more" link */
.space-archive-loop-item-meta .read-more a {
  font-size: 14px !important;
  color: #818cf8 !important;
}

/* --- 4. CASINO LISTING CARD SPACING --- */
/* Organization listing items - internal padding */
.space-organizations-3-archive-item-content,
.space-organizations-4-archive-item-content,
.space-organizations-5-archive-item-content,
.space-organizations-6-archive-item-content {
  padding: 16px 20px !important;
}

/* Casino name in listing cards */
.space-organizations-3-archive-item-title,
.space-organizations-4-archive-item-title,
.space-organizations-5-archive-item-title,
.space-organizations-6-archive-item-title {
  margin-bottom: 10px !important;
}

/* Button area in listing cards */
.space-organizations-3-archive-item-button-ins,
.space-organizations-4-archive-item-button-ins,
.space-organizations-5-archive-item-button-ins,
.space-organizations-6-archive-item-button-ins {
  padding: 12px 16px 16px !important;
}

/* TC Apply / disclaimer text under buttons */
.space-organizations-archive-item-button-notice,
.space-organizations-3-archive-item-button-notice {
  margin-top: 8px !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}

/* Casino listing bonus description text */
.space-organizations-3-archive-item-desc,
.space-organizations-4-archive-item-desc {
  line-height: 1.6 !important;
  margin-bottom: 12px !important;
}

/* --- 5. REVIEW PAGE HEADER SPACING --- */
/* Space between the review header banner and content */
.space-organization-header {
  margin-bottom: 24px !important;
}

/* Review page: header info block */
.space-organization-header-info-ins {
  padding: 20px 24px !important;
}

/* Review page: calltoaction (Play Now block at top) */
.space-organization-style-2-calltoaction {
  padding: 16px 20px !important;
  margin-bottom: 24px !important;
}

/* Space between rating block and content */
.space-organization-content-rating-wrap {
  margin-bottom: 24px !important;
}

/* --- 6. REVIEW PAGE CONTENT FIGURES --- */
/* Tighter control: heading -> figure -> paragraph pattern */
.space-page-content h2 + figure,
.space-page-content h2 + p > img:only-child,
.space-page-content h3 + figure,
.space-page-content h3 + p > img:only-child {
  margin-top: 12px !important;
}

/* Table spacing normalization */
.space-page-content table,
.space-page-content-box table,
.about-content table {
  margin-top: 24px !important;
  margin-bottom: 32px !important;
}

/* --- 7. SIDEBAR WIDGET SPACING --- */
.space-sidebar-section .space-widget {
  margin-bottom: 24px !important;
}

.space-sidebar-section .space-widget-title {
  margin-bottom: 16px !important;
}

/* Sidebar "Top 5" casino list items */
.space-widget .space-organizations-2-archive-item {
  padding: 12px !important;
  margin-bottom: 8px !important;
}

/* --- 8. FOOTER SPACING --- */
.space-footer-area {
  padding: 48px 0 24px !important;
}

.space-footer-area .space-widget {
  margin-bottom: 24px !important;
}

.space-footer-copy {
  padding: 16px 0 !important;
}

/* --- 9. BLOCKQUOTE / TESTIMONIAL SPACING --- */
blockquote,
.testimonial {
  padding: 16px 20px !important;
  margin: 24px 0 !important;
  line-height: 1.7 !important;
}

/* --- 10. ACCORDION CONTENT SPACING --- */
.sp-easy-accordion .ea-body {
  padding: 16px 20px !important;
}

.sp-easy-accordion .ea-body p {
  margin-bottom: 16px !important;
  line-height: 1.7 !important;
}

/* --- 11. TABLE OF CONTENTS SPACING --- */
.lwptoc {
  padding: 20px 24px !important;
  margin: 24px 0 32px !important;
}

.lwptoc .lwptoc-itemWrap {
  padding: 4px 0 !important;
}

.lwptoc a {
  line-height: 1.6 !important;
}

/* --- 12. FIRST HEADING AFTER IMAGE --- */
/* When H1 is the page title followed by content, give breathing room */
.space-page-content:not(.page-template) > h2:first-child,
.space-page-content-box > h2:first-child,
.about-content > h2:first-child {
  margin-top: 0 !important;
}

/* --- 13. GENERAL CONTENT SPACING HARMONIZATION --- */
/* Lists that follow paragraphs */
.space-page-content p + ul,
.space-page-content p + ol,
.about-content p + ul,
.about-content p + ol {
  margin-top: -8px !important;
}

/* Lists need bottom margin for separation from next block */
.space-page-content ul,
.space-page-content ol,
.space-page-content-box ul,
.space-page-content-box ol,
.about-content ul,
.about-content ol {
  margin-bottom: 24px !important;
}

/* SU-Box (info boxes) internal padding */
.su-box-content {
  padding: 16px 20px !important;
  line-height: 1.7 !important;
}

/* --- 14. HOMEPAGE SPECIFIC SPACING --- */
/* Homepage casino card content padding */
body.home .casino-content,
body.page-template-template-full-width-integrated .casino-content {
  padding: 20px !important;
}

/* Homepage casino card name */
body.home .casino-name,
body.page-template-template-full-width-integrated .casino-name {
  margin-bottom: 12px !important;
}

/* Homepage casino info rows */
body.home .casino-info-row,
body.page-template-template-full-width-integrated .casino-info-row {
  margin-bottom: 12px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
}

body.home .casino-info-row:last-child,
body.page-template-template-full-width-integrated .casino-info-row:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Homepage tip card image to title gap */
body.home .tip-image-container,
body.page-template-template-full-width-integrated .tip-image-container {
  margin-bottom: 20px !important;
}

/* Homepage tip card description spacing */
body.home .tip-description,
body.page-template-template-full-width-integrated .tip-description {
  margin-top: 8px !important;
  line-height: 1.65 !important;
}

/* Homepage section padding - more breathing room */
body.home .section,
body.page-template-template-full-width-integrated .section {
  padding: 64px 16px !important;
}

@media (min-width: 768px) {
  body.home .section,
  body.page-template-template-full-width-integrated .section {
    padding: 80px 24px !important;
  }
}

/* Homepage section header spacing */
body.home .section-header,
body.page-template-template-full-width-integrated .section-header {
  margin-bottom: 40px !important;
}

/* Homepage search section container padding */
body.home .search-container,
body.page-template-template-full-width-integrated .search-container {
  padding: 32px !important;
}

@media (min-width: 768px) {
  body.home .search-container,
  body.page-template-template-full-width-integrated .search-container {
    padding: 40px !important;
  }
}

/* Homepage stat cards */
body.home .stat-card,
body.page-template-template-full-width-integrated .stat-card {
  padding: 24px !important;
}

/* Homepage remark box */
body.home .remark-box,
body.page-template-template-full-width-integrated .remark-box {
  padding: 20px 24px !important;
  margin: 28px 0 !important;
}

/* Homepage testimonials */
body.home .testimonial,
body.page-template-template-full-width-integrated .testimonial {
  padding: 16px 20px !important;
  margin-bottom: 16px !important;
}

/* --- 15. CATFISH BANNER SPACING --- */
/* Don't let catfish banner crowd footer content */
.space-catfish-wrap {
  padding: 12px 16px !important;
}

/* ============================================
   FOOTER REDESIGN
   ============================================
   Remove boxy card look, open layout with proper spacing.
   Footer widgets were getting bg + border from .space-widget
   rule at ~line 2935 which overrides the earlier transparent rule.
   ============================================ */

/* --- Footer wrapper --- */
.footer,
footer.footer {
  background-color: var(--bg-primary) !important;
  border-top: 1px solid var(--border-default) !important;
  padding: 64px 0 0 !important;
}

/* --- Remove card/box styling from footer widgets --- */
footer.footer .space-widget,
footer.footer .space-widget.space-footer-area,
footer.footer .space-footer-area {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 32px !important;
}

/* --- Footer container: full-bleed padding --- */
footer.footer .container {
  max-width: 1200px !important;
  padding: 0 40px !important;
}

/* --- Footer columns spacing --- */
footer.footer .row {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: 0 -20px !important;
}

footer.footer .col-sm-3 {
  padding: 0 20px !important;
  margin-bottom: 24px !important;
}

/* --- Column titles --- */
footer.footer .title.h4,
footer.footer .space-widget-title span {
  color: var(--text-primary) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 20px !important;
  display: block !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid var(--accent-primary) !important;
}

/* --- About column text --- */
footer.footer .textwidget p {
  color: var(--text-muted) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  margin-bottom: 16px !important;
}

footer.footer .textwidget a {
  color: var(--accent-light) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

footer.footer .textwidget a:hover {
  color: #a5b4fc !important;
}

/* --- Social icons row --- */
footer.footer .social-icon {
  display: flex !important;
  gap: 12px !important;
  margin-top: 16px !important;
}

footer.footer .social-icon a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background-color: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
  transition: all 0.2s ease !important;
  font-size: 14px !important;
  line-height: 1 !important;
  text-align: center !important;
}

footer.footer .social-icon a:hover {
  background-color: var(--accent-primary) !important;
  color: #fff !important;
  transform: translateY(-2px);
}

/* --- Quick Access links --- */
footer.footer .acount-icon {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

footer.footer .acount-icon a {
  color: var(--text-secondary) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  padding: 8px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
  transition: color 0.2s ease, padding-left 0.2s ease !important;
}

footer.footer .acount-icon a:last-child {
  border-bottom: none !important;
}

footer.footer .acount-icon a:hover {
  color: var(--accent-light) !important;
  padding-left: 4px !important;
}

footer.footer .acount-icon a .fa,
footer.footer .acount-icon a .fab,
footer.footer .acount-icon a .fas {
  color: var(--accent-primary) !important;
  width: 16px !important;
  text-align: center !important;
  font-size: 12px !important;
}

/* --- Contact info --- */
footer.footer .category p {
  color: var(--text-muted) !important;
  font-size: 13px !important;
  line-height: 2 !important;
}

/* --- License badges --- */
footer.footer .payment {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

footer.footer .payment li {
  display: inline-flex !important;
  border: none !important;
}

footer.footer .payment li img {
  max-height: 40px !important;
  width: auto !important;
  opacity: 0.85 !important;
  transition: opacity 0.2s ease !important;
}

footer.footer .payment li img:hover {
  opacity: 1 !important;
}

/* --- Horizontal rule separator --- */
footer.footer hr {
  border: none !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  margin: 32px 0 0 !important;
}

/* --- Copyright bar --- */
footer.footer .row.text-center {
  padding: 20px 0 !important;
  margin: 0 !important;
  display: block !important;
}

footer.footer .row.text-center a {
  color: var(--text-muted) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  letter-spacing: 0.02em !important;
}

footer.footer .row.text-center a:hover {
  color: var(--text-secondary) !important;
}

/* --- Mobile responsive footer --- */
@media (max-width: 768px) {
  footer.footer {
    padding: 40px 0 0 !important;
  }

  footer.footer .container {
    padding: 0 24px !important;
  }

  footer.footer .row {
    margin: 0 !important;
  }

  footer.footer .col-sm-3 {
    padding: 0 !important;
    margin-bottom: 32px !important;
    width: 100% !important;
    float: none !important;
  }
}

/* ============================================
   TABLE OF CONTENTS (TOC) REDESIGN
   ============================================ */

/* --- TOC Container --- */
#ez-toc-container,
div#ez-toc-container,
div.ez-toc-container,
div[class*="ez-toc-container"],
#ez-toc-container.ez-toc-light-blue {
  display: block !important;
  width: 100% !important;
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
  border-left: 3px solid var(--accent-primary) !important;
  border-radius: 8px !important;
  padding: 0 !important;
  margin: 32px 0 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
  overflow: hidden !important;
}

/* --- TOC Title bar --- */
#ez-toc-container .ez-toc-title-container,
div#ez-toc-container .ez-toc-title-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 24px !important;
  background: linear-gradient(135deg, var(--bg-tertiary), var(--bg-secondary)) !important;
  border-bottom: 1px solid var(--border-default) !important;
  width: 100% !important;
  margin: 0 !important;
}

/* --- TOC Title text --- */
#ez-toc-container p.ez-toc-title,
div#ez-toc-container .ez-toc-title {
  display: inline !important;
  color: var(--text-primary) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
}

/* Add a small icon before the title */
#ez-toc-container p.ez-toc-title::before {
  content: "\f0ca" !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  margin-right: 10px !important;
  color: var(--accent-primary) !important;
  font-size: 14px !important;
}

/* --- Toggle button --- */
#ez-toc-container .ez-toc-title-toggle,
#ez-toc-container .ez-toc-title-toggle a.ez-toc-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--bg-hover) !important;
  border: 1px solid var(--border-default) !important;
  border-radius: 6px !important;
  padding: 0 !important;
  width: 36px !important;
  height: 36px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  float: none !important;
  margin: 0 !important;
  color: var(--text-secondary) !important;
  text-shadow: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

#ez-toc-container .ez-toc-title-toggle a.ez-toc-toggle:hover {
  background: var(--accent-primary) !important;
  border-color: var(--accent-primary) !important;
  color: #fff !important;
}

#ez-toc-container .ez-toc-toggle label,
#ez-toc-container .ez-toc-cssicon {
  float: none !important;
  left: auto !important;
  border: none !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#ez-toc-container .ez-toc-icon-toggle-span {
  width: auto !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#ez-toc-container .ez-toc-icon-toggle-span svg {
  fill: var(--text-secondary) !important;
  color: var(--text-secondary) !important;
  width: 18px !important;
  height: 18px !important;
}

#ez-toc-container .ez-toc-title-toggle a.ez-toc-toggle:hover .ez-toc-icon-toggle-span svg {
  fill: #fff !important;
  color: #fff !important;
}

/* Hide the up/down arrow icon next to hamburger */
#ez-toc-container .ez-toc-icon-toggle-span svg.arrow-unsorted-368013 {
  display: none !important;
}

/* --- TOC List container --- */
#ez-toc-container nav {
  padding: 0 !important;
  margin: 0 !important;
}

#ez-toc-container ul.ez-toc-list,
#ez-toc-container nav > ul {
  padding: 16px 0 !important;
  margin: 0 !important;
}

/* --- All list items --- */
#ez-toc-container ul.ez-toc-list li,
#ez-toc-container ul li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  line-height: 1.5 !important;
  overflow: visible !important;
}

/* --- Top-level links (h2 headings) --- */
#ez-toc-container ul.ez-toc-list > li > a,
#ez-toc-container .ez-toc-list-level-1 > li > a {
  display: flex !important;
  align-items: center !important;
  padding: 10px 24px !important;
  color: var(--text-primary) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border-left: 3px solid transparent !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#ez-toc-container ul.ez-toc-list > li > a:hover,
#ez-toc-container .ez-toc-list-level-1 > li > a:hover {
  background: rgba(99, 102, 241, 0.08) !important;
  color: var(--accent-light) !important;
  border-left-color: var(--accent-primary) !important;
  text-decoration: none !important;
}

#ez-toc-container ul.ez-toc-list > li > a:visited {
  color: var(--text-primary) !important;
}

/* --- Sub-level links (h3 headings) --- */
#ez-toc-container ul.ez-toc-list ul a,
#ez-toc-container .ez-toc-list-level-3 a,
#ez-toc-container .ez-toc-list-level-3 li a {
  display: flex !important;
  align-items: center !important;
  padding: 7px 24px 7px 40px !important;
  color: var(--text-secondary) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  border-left: 3px solid transparent !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#ez-toc-container ul.ez-toc-list ul a:hover,
#ez-toc-container .ez-toc-list-level-3 a:hover,
#ez-toc-container .ez-toc-list-level-3 li a:hover {
  background: rgba(99, 102, 241, 0.06) !important;
  color: var(--accent-light) !important;
  border-left-color: var(--accent-light) !important;
  text-decoration: none !important;
}

#ez-toc-container ul.ez-toc-list ul a:visited {
  color: var(--text-secondary) !important;
}

/* --- Deep sub-level links (h4 headings) --- */
#ez-toc-container .ez-toc-list-level-4 a,
#ez-toc-container .ez-toc-list-level-4 li a {
  padding-left: 56px !important;
  font-size: 12px !important;
  color: var(--text-muted) !important;
}

#ez-toc-container .ez-toc-list-level-4 a:hover {
  color: var(--accent-light) !important;
}

/* --- Nested list indentation (remove browser default) --- */
#ez-toc-container ul ul,
#ez-toc-container ul.ez-toc-list ul {
  margin: 0 !important;
  padding: 0 !important;
}

/* --- Separator between top-level sections --- */
#ez-toc-container ul.ez-toc-list > li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
}

/* --- Active item in widget/sticky sidebar --- */
.ez-toc-widget-container li.active,
#ez-toc-container li.active > a {
  background: rgba(99, 102, 241, 0.1) !important;
  border-left-color: var(--accent-primary) !important;
}

/* --- Widget container --- */
div.ez-toc-widget-container {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-default) !important;
  border-left: 3px solid var(--accent-primary) !important;
  border-radius: 8px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

div.ez-toc-widget-container ul.ez-toc-list {
  padding: 12px 0 !important;
}

div.ez-toc-widget-container ul.ez-toc-list li a {
  padding: 8px 16px !important;
  color: var(--text-secondary) !important;
  font-size: 13px !important;
  transition: all 0.2s ease !important;
}

div.ez-toc-widget-container ul.ez-toc-list li a:hover {
  color: var(--accent-light) !important;
  background: rgba(99, 102, 241, 0.06) !important;
}

/* --- Counter number styling --- */
#ez-toc-container.ez-toc-counter nav ul li a::before,
#ez-toc-container.ez-toc-counter ul.ez-toc-list li a::before {
  display: inline !important;
  color: var(--accent-primary) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  min-width: 20px !important;
  margin-right: 6px !important;
  flex-shrink: 0 !important;
}

/* Sub-level counter numbers slightly dimmer */
#ez-toc-container.ez-toc-counter nav ul ul li a::before {
  color: rgba(99, 102, 241, 0.6) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
}

/* --- Mobile responsive --- */
@media (max-width: 768px) {
  #ez-toc-container,
  div#ez-toc-container {
    margin: 24px 0 !important;
    border-radius: 6px !important;
  }

  #ez-toc-container .ez-toc-title-container {
    padding: 12px 16px !important;
  }

  #ez-toc-container p.ez-toc-title {
    font-size: 13px !important;
  }

  #ez-toc-container ul.ez-toc-list > li > a {
    padding: 8px 16px !important;
    font-size: 13px !important;
  }

  #ez-toc-container ul.ez-toc-list ul a {
    padding: 6px 16px 6px 32px !important;
    font-size: 12px !important;
  }
}

/* ========================================================================
   PICKY USER REVIEW FIXES
   Fixes for issues identified by 5 picky user reviewers.
   Appended 2026-02-17.
   ======================================================================== */

/* --- FIX #1 (BLOCKER): EZ-TOC list items inherit tiny ~9px font-size ---
   Root cause: LI elements have no explicit font-size; they inherit from
   the cascade (html 10px root + relative sizing). Only the <a> tags
   inside have explicit px-based font-size. Fix: set font-size on LIs. */
#ez-toc-container ul.ez-toc-list li,
#ez-toc-container ul li {
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* --- FIX #6 (MAJOR): "Sign Up Here" link too small (10.5px) and red ---
   On review pages: .space-organization-style-2-calltoaction-text-ins a
   is 10.5px with rgb(255,36,83) red color.
   On regional pages: parent is .space-organizations-3-archive-item-terms-ins
   at 12px with indigo color (already correct color, but still small). */
.space-organization-style-2-calltoaction-text-ins a {
  font-size: 14px !important;
  color: var(--accent-light) !important;
}

.space-organization-style-2-calltoaction-text-ins a:hover {
  color: var(--accent-primary) !important;
  text-decoration: underline !important;
}

.space-organizations-3-archive-item-terms-ins a {
  font-size: 13px !important;
  color: var(--accent-light) !important;
}

.space-organizations-3-archive-item-terms-ins a:hover {
  color: var(--accent-primary) !important;
  text-decoration: underline !important;
}

/* --- FIX #7 (MAJOR): H2 margin-top 0px on regional page section divs ---
   Fixed inline above at line ~3487 by changing selector to
   .space-page-content:not(.page-template) > h2:first-child.
   This additional rule ensures .page-template section H2s get proper
   margin-top even when they are first-child of their section wrapper. */
.space-page-content.page-template > h2:first-child {
  margin-top: 40px !important;
}

/* --- FIX #8 (MAJOR): Navigation menu badges garish green/yellow ---
   Original: .new = green #4cd137, .best = yellow #f0ff00.
   Override to subtle dark-theme-friendly colors. */
ul.main-menu > li.new > a:before {
  background-color: var(--accent-primary) !important;
  color: #ffffff !important;
}

ul.main-menu > li.best > a:before {
  background-color: rgba(99, 102, 241, 0.15) !important;
  color: var(--accent-light) !important;
  border: 1px solid var(--accent-primary) !important;
}

ul.main-menu > li.top > a:before {
  background-color: rgba(239, 68, 68, 0.15) !important;
  color: #f87171 !important;
  border: 1px solid #ef4444 !important;
}

/* --- FIX #14 (MINOR): "Customer Support" text too small (10.5-11px) ---
   On review page header: .space-organization-header-button-notice = 10.5px
   On review page CTA: .space-organization-style-2-calltoaction-button-notice = 14.5px (ok)
   On regional listing: .space-organizations-archive-item-button-notice = 11px
   Also .tc-apply = 11-11.5px */
.space-organization-header-button-notice {
  font-size: 13px !important;
  color: var(--text-muted) !important;
}

.space-organizations-archive-item-button-notice,
.space-organizations-3-archive-item-button-notice {
  font-size: 13px !important;
}

.tc-apply {
  font-size: 13px !important;
}