/*
Theme Name: Mejores Bonos Core Engine
Theme URI: https://mejoresbonos.pe
Author: Mejores Bonos Perú - Casino & Apuestas Tech Team
Author URI: https://mejoresbonos.pe
Description: Ultra-lightweight, zero-bloat semantic Canvas Theme engineered for maximum Core Web Vitals, headless REST API automation, and Google AI Overview compliance.
Version: 1.1.0
License: Proprietary
Text Domain: mejores-bonos-core-engine
*/

/* ========================================================= */
/* 1. CSS RESET & GLOBAL BASE STYLING                        */
/* ========================================================= */
*, *::before, *::after {
  box-sizing: border-box;
}

:root {
  /* High-Contrast Light-First Luxury Palette */
  --mb-bg-body: #F8FAFC;
  --mb-bg-card: #FFFFFF;
  --mb-border: #E2E8F0;
  --mb-text-main: #0F172A;
  --mb-text-body: #334155;
  --mb-text-muted: #64748B;
  
  /* Brand Accents */
  --mb-brand-red: #DC2626;
  --mb-brand-red-hover: #B91C1C;
  --mb-brand-gold: #F59E0B;
  --mb-brand-gold-dark: #D97706;
  --mb-brand-navy: #0F172A;
  --mb-brand-navy-light: #1E293B;
  --mb-brand-emerald: #10B981;

  /* Normalized Tailwind Palette mapping */
  --color-neutral-50: #F8FAFC !important;
  --color-neutral-100: #F1F5F9 !important;
  --color-neutral-200: #E2E8F0 !important;
  --color-neutral-300: #CBD5E1 !important;
  --color-neutral-400: #94A3B8 !important;
  --color-neutral-500: #64748B !important;
  --color-neutral-600: #475569 !important;
  --color-neutral-700: #334155 !important;
  --color-neutral-800: #1E293B !important;
  --color-neutral-900: #0F172A !important;
  --color-neutral-950: #020617 !important;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
  background-color: var(--mb-bg-body) !important;
  color: var(--mb-text-main) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/* Base Containers */
.mb-page-wrapper,
.mb-post-wrapper,
.mb-archive-wrapper {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

@media (min-width: 640px) {
  .mb-page-wrapper,
  .mb-post-wrapper,
  .mb-archive-wrapper {
    padding: 2.5rem 1.5rem;
  }
}

/* ========================================================= */
/* 2. BULLETPROOF DARK CONTAINER CONTRAST GUARD              */
/* (Fixes all invisible / transparent titles and texts)      */
/* ========================================================= */

/* Target any container with dark background (both div and section) */
div[class*="bg-primary-900"],
div[class*="bg-neutral-900"],
div[class*="bg-neutral-950"],
div[class*="bg-[#0F172A]"],
div[class*="bg-slate-900"],
div[class*="bg-slate-800"],
div[class*="from-primary"],
div[class*="bg-gradient"],
section[class*="from-primary"],
section[class*="bg-gradient"],
section[class*="bg-neutral-900"],
section[class*="bg-primary-900"],
article[class*="bg-neutral-900"],
.mb-dark-box,
.mb-oferta-box {
  background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%) !important;
  background-color: #0F172A !important;
  border: 1px solid #334155 !important;
  border-radius: 1rem !important;
  color: #FFFFFF !important;
  box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.4), 0 8px 10px -6px rgba(15, 23, 42, 0.4) !important;
}

/* Headings in Dark Containers MUST ALWAYS BE LUSTROUS WHITE (Bulletproof override against .mb-page-wrapper h3) */
.mb-page-wrapper div[class*="bg-slate-900"] h1,
.mb-page-wrapper div[class*="bg-slate-900"] h2,
.mb-page-wrapper div[class*="bg-slate-900"] h3,
.mb-page-wrapper div[class*="bg-slate-900"] h4,
.mb-page-wrapper div[class*="bg-slate-800"] h1,
.mb-page-wrapper div[class*="bg-slate-800"] h2,
.mb-page-wrapper div[class*="bg-slate-800"] h3,
.mb-page-wrapper div[class*="bg-slate-800"] h4,
.mb-page-wrapper div[class*="bg-[#0F172A]"] h1,
.mb-page-wrapper div[class*="bg-[#0F172A]"] h2,
.mb-page-wrapper div[class*="bg-[#0F172A]"] h3,
.mb-page-wrapper div[class*="bg-[#0F172A]"] h4,
.mb-page-wrapper div[class*="bg-emerald-950"] h1,
.mb-page-wrapper div[class*="bg-emerald-950"] h2,
.mb-page-wrapper div[class*="bg-emerald-950"] h3,
.mb-page-wrapper div[class*="bg-emerald-950"] h4,
.mb-post-wrapper div[class*="bg-slate-900"] h1,
.mb-post-wrapper div[class*="bg-slate-900"] h2,
.mb-post-wrapper div[class*="bg-slate-900"] h3,
.mb-post-wrapper div[class*="bg-slate-900"] h4,
.mb-post-wrapper div[class*="bg-slate-800"] h1,
.mb-post-wrapper div[class*="bg-slate-800"] h2,
.mb-post-wrapper div[class*="bg-slate-800"] h3,
.mb-post-wrapper div[class*="bg-slate-800"] h4,
.mb-post-wrapper div[class*="bg-[#0F172A]"] h1,
.mb-post-wrapper div[class*="bg-[#0F172A]"] h2,
.mb-post-wrapper div[class*="bg-[#0F172A]"] h3,
.mb-post-wrapper div[class*="bg-[#0F172A]"] h4,
div[class*="bg-slate-900"] h1,
div[class*="bg-slate-900"] h2,
div[class*="bg-slate-900"] h3,
div[class*="bg-slate-900"] h4,
div[class*="bg-slate-800"] h1,
div[class*="bg-slate-800"] h2,
div[class*="bg-slate-800"] h3,
div[class*="bg-slate-800"] h4,
div[class*="bg-[#0F172A]"] h1,
div[class*="bg-[#0F172A]"] h2,
div[class*="bg-[#0F172A]"] h3,
div[class*="bg-[#0F172A]"] h4,
div[class*="bg-emerald-950"] h1,
div[class*="bg-emerald-950"] h2,
div[class*="bg-emerald-950"] h3,
div[class*="bg-emerald-950"] h4,
div[class*="bg-primary-900"] h1,
div[class*="bg-primary-900"] h2,
div[class*="bg-primary-900"] h3,
div[class*="bg-primary-900"] h4,
div[class*="bg-neutral-900"] h1,
div[class*="bg-neutral-900"] h2,
div[class*="bg-neutral-900"] h3,
div[class*="bg-neutral-900"] h4,
div[class*="from-primary"] h1,
div[class*="from-primary"] h2,
div[class*="from-primary"] h3,
section[class*="from-primary"] h1,
section[class*="from-primary"] h2,
section[class*="from-primary"] h3,
section[class*="bg-gradient"] h1,
section[class*="bg-gradient"] h2,
section[class*="bg-gradient"] h3,
div[class*="bg-gradient"] h1,
div[class*="bg-gradient"] h2,
div[class*="bg-gradient"] h3,
.mb-dark-box h1,
.mb-dark-box h2,
.mb-dark-box h3,
.mb-oferta-box h1,
.mb-oferta-box h2,
.mb-oferta-box h3,
.mb-global-header h1,
.mb-global-header h2,
.mb-global-footer h4,
.mb-global-footer h5 {
  color: #FFFFFF !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}

/* Explicit accent heading colors inside dark containers */
.mb-page-wrapper div[class*="bg-slate-900"] h3.text-emerald-400,
.mb-page-wrapper div[class*="bg-slate-800"] h3.text-emerald-400,
.mb-post-wrapper div[class*="bg-slate-900"] h3.text-emerald-400,
.mb-post-wrapper div[class*="bg-slate-800"] h3.text-emerald-400,
div[class*="bg-slate-900"] h3.text-emerald-400,
div[class*="bg-slate-800"] h3.text-emerald-400,
div[class*="bg-[#0F172A]"] h3.text-emerald-400,
h3.text-emerald-400,
.text-emerald-400 {
  color: #34D399 !important;
}

.mb-page-wrapper div[class*="bg-slate-900"] h3.text-amber-400,
.mb-page-wrapper div[class*="bg-slate-800"] h3.text-amber-400,
.mb-post-wrapper div[class*="bg-slate-900"] h3.text-amber-400,
.mb-post-wrapper div[class*="bg-slate-800"] h3.text-amber-400,
div[class*="bg-slate-900"] h3.text-amber-400,
div[class*="bg-slate-800"] h3.text-amber-400,
div[class*="bg-[#0F172A]"] h3.text-amber-400,
h3.text-amber-400,
.text-amber-400 {
  color: #FBBF24 !important;
}

/* Paragraphs, Spans, and List Items in Dark Containers (EXCLUDING links and buttons) */
.mb-page-wrapper div[class*="bg-slate-900"] p,
.mb-page-wrapper div[class*="bg-slate-800"] p,
.mb-page-wrapper div[class*="bg-[#0F172A]"] p,
.mb-page-wrapper div[class*="bg-emerald-950"] p,
.mb-post-wrapper div[class*="bg-slate-900"] p,
.mb-post-wrapper div[class*="bg-slate-800"] p,
.mb-post-wrapper div[class*="bg-[#0F172A]"] p,
div[class*="bg-slate-900"] p,
div[class*="bg-slate-800"] p,
div[class*="bg-[#0F172A]"] p,
div[class*="bg-emerald-950"] p,
div[class*="bg-slate-900"] span:not(a *):not(a):not([class*="bg-"]):not([class*="text-"]):not([class*="mb-filter-btn"]),
div[class*="bg-slate-800"] span:not(a *):not(a):not([class*="bg-"]):not([class*="text-"]):not([class*="mb-filter-btn"]),
div[class*="bg-[#0F172A]"] span:not(a *):not(a):not([class*="bg-"]):not([class*="text-"]):not([class*="mb-filter-btn"]),
div[class*="bg-emerald-950"] span:not(a *):not(a):not([class*="bg-"]):not([class*="text-"]):not([class*="mb-filter-btn"]),
.mb-page-wrapper div[class*="bg-slate-900"] li,
.mb-page-wrapper div[class*="bg-slate-800"] li,
.mb-page-wrapper div[class*="bg-[#0F172A]"] li,
.mb-post-wrapper div[class*="bg-slate-900"] li,
.mb-post-wrapper div[class*="bg-slate-800"] li,
.mb-post-wrapper div[class*="bg-[#0F172A]"] li,
div[class*="bg-slate-900"] li,
div[class*="bg-slate-800"] li,
div[class*="bg-[#0F172A]"] li,
div[class*="bg-emerald-950"] li,
div[class*="bg-primary-900"] p,
div[class*="bg-primary-900"] span:not(a *):not(a):not([class*="bg-"]):not([class*="text-"]):not([class*="mb-filter-btn"]),
div[class*="bg-primary-900"] li,
div[class*="bg-neutral-900"] p,
div[class*="bg-neutral-900"] span:not(a *):not(a):not([class*="bg-"]):not([class*="text-"]):not([class*="mb-filter-btn"]),
div[class*="bg-neutral-900"] li,
div[class*="from-primary"] p,
div[class*="from-primary"] span:not(a *):not(a):not([class*="bg-"]):not([class*="text-"]):not([class*="mb-filter-btn"]),
section[class*="from-primary"] p,
section[class*="from-primary"] span:not(a *):not(a):not([class*="bg-"]):not([class*="text-"]):not([class*="mb-filter-btn"]),
section[class*="bg-gradient"] p,
section[class*="bg-gradient"] span:not(a *):not(a):not([class*="bg-"]):not([class*="text-"]):not([class*="mb-filter-btn"]),
div[class*="bg-gradient"] p,
div[class*="bg-gradient"] span:not(a *):not(a):not([class*="bg-"]):not([class*="text-"]):not([class*="mb-filter-btn"]),
.mb-dark-box p,
.mb-dark-box span:not(a *):not(a):not([class*="bg-"]):not([class*="text-"]):not([class*="mb-filter-btn"]),
.mb-dark-box li,
.mb-oferta-box p,
.mb-oferta-box span:not(a *):not(a):not([class*="bg-"]):not([class*="text-"]):not([class*="mb-filter-btn"]),
.mb-oferta-box li {
  color: #F1F5F9 !important;
  line-height: 1.65 !important;
}

/* Subtitle and Muted text in Dark Containers ONLY */
div[class*="bg-slate-900"] p.opacity-90,
div[class*="bg-slate-800"] p.opacity-90,
div[class*="bg-primary-900"] p.opacity-90,
div[class*="bg-neutral-900"] p.opacity-90,
div[class*="from-primary"] p.opacity-90,
section[class*="from-primary"] p.opacity-90,
section[class*="bg-gradient"] p.opacity-90,
div[class*="bg-slate-900"] .font-light,
div[class*="bg-slate-800"] .font-light,
div[class*="bg-primary-900"] .font-light,
div[class*="bg-neutral-900"] .font-light,
div[class*="from-primary"] .font-light,
section[class*="from-primary"] .font-light,
section[class*="bg-gradient"] .font-light,
.mb-dark-box .font-light,
.mb-oferta-box .font-light {
  color: #E2E8F0 !important;
  opacity: 1 !important;
}

/* Ensure strong tags are bright white in dark containers */
.mb-page-wrapper div[class*="bg-slate-900"] strong,
.mb-page-wrapper div[class*="bg-slate-800"] strong,
.mb-page-wrapper div[class*="bg-[#0F172A]"] strong,
.mb-page-wrapper div[class*="bg-emerald-950"] strong,
.mb-post-wrapper div[class*="bg-slate-900"] strong,
.mb-post-wrapper div[class*="bg-slate-800"] strong,
.mb-post-wrapper div[class*="bg-[#0F172A]"] strong,
div[class*="bg-slate-900"] strong,
div[class*="bg-slate-800"] strong,
div[class*="bg-[#0F172A]"] strong,
div[class*="bg-emerald-950"] strong,
div[class*="bg-primary-900"] strong,
div[class*="bg-neutral-900"] strong,
div[class*="from-primary"] strong,
section[class*="from-primary"] strong,
.mb-dark-box strong,
.mb-oferta-box strong {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

/* ========================================================= */
/* 2.1 UNIVERSAL HIGH-CONTRAST UTILITIES & AUTHOR CARDS      */
/* ========================================================= */
.text-white,
p.text-white,
span.text-white,
div.text-white,
h1.text-white,
h2.text-white,
h3.text-white,
h4.text-white {
  color: #FFFFFF !important;
}

.text-slate-100,
p.text-slate-100,
span.text-slate-100 {
  color: #F1F5F9 !important;
}

.text-slate-200,
p.text-slate-200,
span.text-slate-200 {
  color: #E2E8F0 !important;
}

.text-slate-300,
p.text-slate-300,
span.text-slate-300 {
  color: #CBD5E1 !important;
}

.text-slate-400,
p.text-slate-400,
span.text-slate-400 {
  color: #94A3B8 !important;
}

.text-emerald-300 { color: #6EE7B7 !important; }
.text-emerald-400 { color: #34D399 !important; }
.text-emerald-500 { color: #10B981 !important; }
.text-amber-300 { color: #FCD34D !important; }
.text-amber-400 { color: #FBBF24 !important; }
.text-amber-500 { color: #F59E0B !important; }
.text-blue-300 { color: #93C5FD !important; }
.text-blue-400 { color: #60A5FA !important; }

/* Author Cards (Renato Cárdenas) High Contrast */
[itemtype*="Person"],
.mb-author-box {
  background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%) !important;
  background-color: #0F172A !important;
  border: 1px solid #334155 !important;
  color: #FFFFFF !important;
}
[itemtype*="Person"] p,
[itemtype*="Person"] span,
[itemtype*="Person"] div {
  color: #E2E8F0 !important;
}
[itemtype*="Person"] p.text-white,
[itemtype*="Person"] .font-bold,
[itemtype*="Person"] strong {
  color: #FFFFFF !important;
}

/* Buttons inside Dark Offer Boxes & Sections */
/* Primary Yellow CTA */
div[class*="from-primary"] a[class*="bg-yellow"],
section[class*="from-primary"] a[class*="bg-yellow"],
section[class*="bg-gradient"] a[class*="bg-yellow"],
.mb-oferta-box a[class*="bg-yellow"] {
  background-color: #F59E0B !important;
  color: #0F172A !important;
  font-weight: 800 !important;
  border: 2px solid #F59E0B !important;
  box-shadow: 0 4px 14px 0 rgba(245, 158, 11, 0.45) !important;
  text-decoration: none !important;
}
div[class*="from-primary"] a[class*="bg-yellow"] span,
section[class*="from-primary"] a[class*="bg-yellow"] span,
section[class*="bg-gradient"] a[class*="bg-yellow"] span,
.mb-oferta-box a[class*="bg-yellow"] span {
  color: #0F172A !important;
  font-weight: 800 !important;
}
div[class*="from-primary"] a[class*="bg-yellow"]:hover,
section[class*="from-primary"] a[class*="bg-yellow"]:hover,
section[class*="bg-gradient"] a[class*="bg-yellow"]:hover,
.mb-oferta-box a[class*="bg-yellow"]:hover {
  background-color: #D97706 !important;
  border-color: #D97706 !important;
  color: #FFFFFF !important;
}
div[class*="from-primary"] a[class*="bg-yellow"]:hover span,
section[class*="from-primary"] a[class*="bg-yellow"]:hover span,
section[class*="bg-gradient"] a[class*="bg-yellow"]:hover span,
.mb-oferta-box a[class*="bg-yellow"]:hover span {
  color: #FFFFFF !important;
}

/* Secondary White CTA Button inside Dark Offer Box */
div[class*="from-primary"] a[class*="bg-white"],
section[class*="from-primary"] a[class*="bg-white"],
section[class*="bg-gradient"] a[class*="bg-white"],
div[class*="bg-gradient"] a[class*="bg-white"],
.mb-oferta-box a[class*="bg-white"] {
  background-color: #FFFFFF !important;
  color: #0F172A !important;
  font-weight: 800 !important;
  border: 2px solid #CBD5E1 !important;
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.15) !important;
  text-decoration: none !important;
  display: inline-block !important;
}
div[class*="from-primary"] a[class*="bg-white"] span,
div[class*="from-primary"] a[class*="bg-white"] *,
section[class*="from-primary"] a[class*="bg-white"] span,
section[class*="from-primary"] a[class*="bg-white"] *,
section[class*="bg-gradient"] a[class*="bg-white"] span,
section[class*="bg-gradient"] a[class*="bg-white"] *,
div[class*="bg-gradient"] a[class*="bg-white"] span,
div[class*="bg-gradient"] a[class*="bg-white"] *,
.mb-oferta-box a[class*="bg-white"] span,
.mb-oferta-box a[class*="bg-white"] * {
  color: #0F172A !important;
  font-weight: 800 !important;
}
div[class*="from-primary"] a[class*="bg-white"]:hover,
section[class*="from-primary"] a[class*="bg-white"]:hover,
section[class*="bg-gradient"] a[class*="bg-white"]:hover,
.mb-oferta-box a[class*="bg-white"]:hover {
  background-color: #F1F5F9 !important;
  color: #020617 !important;
  border-color: #94A3B8 !important;
}

/* HIGH-SPECIFICITY OVERRIDE: All text & bullets inside dark offer sections MUST BE CRISP WHITE */
.mb-article-body section[class*="from-primary"] p,
.mb-article-body section[class*="from-primary"] p.font-light,
.mb-article-body section[class*="from-primary"] p.opacity-90,
.mb-article-body section[class*="from-primary"] .font-light,
.mb-article-body section[class*="from-primary"] span:not([class*="bg-"]):not([class*="text-"]):not(a *),
.mb-article-body section[class*="bg-gradient"] p,
.mb-article-body section[class*="bg-gradient"] p.font-light,
.mb-article-body div[class*="from-primary"] p,
.mb-article-body div[class*="from-primary"] p.font-light,
.mb-article-body div[class*="from-primary"] p.opacity-90,
.mb-article-body div[class*="bg-primary-900"] p,
.mb-article-body div[class*="bg-neutral-900"] p,
.mb-article-body .mb-dark-box p,
.mb-article-body .mb-oferta-box p {
  color: #F8FAFC !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}

/* Disclaimer in Offer Boxes */
section[class*="from-primary"] p.opacity-75,
div[class*="from-primary"] p.opacity-75 {
  color: #CBD5E1 !important;
  font-size: 0.85rem !important;
}

/* Scoped Font-Light for Normal Light Article Body (Outside dark containers) */
.mb-article-body > p.font-light,
.mb-article-body p.font-light:not(section p):not(div[class*="from-primary"] p):not(div[class*="bg-primary"] p):not(div[class*="bg-neutral"] p),
.mb-post-wrapper > p.font-light,
.mb-page-wrapper > p.font-light,
.mb-page-body > p.font-light {
  color: #334155 !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}

.mb-article-body .opacity-90:not(section *):not(div[class*="from-primary"] *):not(div[class*="bg-primary"] *):not(div[class*="bg-neutral"] *),
.mb-post-wrapper .opacity-90:not(section *):not(div[class*="from-primary"] *):not(div[class*="bg-primary"] *):not(div[class*="bg-neutral"] *) {
  color: #334155 !important;
  opacity: 1 !important;
}

/* Golden Badge Highlight */
.text-yellow-400,
.text-amber-400,
.text-brand-gold {
  color: #F59E0B !important;
}

/* Responsible Gaming Box */
div[class*="bg-red-950"],
.bg-red-950 {
  background-color: #450A0A !important;
  border: 1px solid #991B1B !important;
  border-radius: 0.875rem !important;
  padding: 1.25rem !important;
}
div[class*="bg-red-950"] h4,
div[class*="bg-red-950"] h5 {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}
div[class*="bg-red-950"] p {
  color: #FECACA !important;
  line-height: 1.6 !important;
}

/* ========================================================= */
/* 3. LIGHT CARD & ARTICLE TYPOGRAPHY (CRISP & HARMONIOUS)   */
/* ========================================================= */
.mb-page-wrapper,
.mb-post-wrapper {
  background-color: transparent !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.mb-article-body,
.mb-page-body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.mb-post-wrapper p,
.mb-page-wrapper p,
article p {
  color: #334155;
  font-size: 1.05rem;
  line-height: 1.75;
  margin-bottom: 1.35rem;
}

.mb-post-wrapper h1,
.mb-page-wrapper h1,
article h1,
h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

.mb-post-wrapper h1,
.mb-page-wrapper h1,
article h1 {
  color: #0F172A;
  font-weight: 800;
  font-size: clamp(1.85rem, 4vw, 2.65rem);
  line-height: 1.2;
  margin-bottom: 1.25rem;
  letter-spacing: -0.02em;
}

.mb-post-wrapper h2,
.mb-page-wrapper h2,
article h2 {
  color: #0F172A;
  font-weight: 800;
  font-size: clamp(1.4rem, 3vw, 1.95rem);
  line-height: 1.25;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  letter-spacing: -0.015em;
}

.mb-post-wrapper h3,
.mb-page-wrapper h3,
article h3 {
  color: #0F172A;
  font-weight: 700;
  font-size: clamp(1.15rem, 2.5vw, 1.45rem);
  line-height: 1.3;
  margin-top: 1.85rem;
  margin-bottom: 0.75rem;
}

.mb-post-wrapper ul,
.mb-page-wrapper ul,
article ul {
  color: #334155;
  line-height: 1.7;
  margin-bottom: 1.35rem;
  padding-left: 1.5rem;
}

.mb-post-wrapper li,
.mb-page-wrapper li,
article li {
  margin-bottom: 0.5rem;
}

/* Inline Images in Articles: Harmonious, Rounded, Constrained */
.mb-post-wrapper img,
.mb-page-wrapper img,
article img {
  border-radius: 0.875rem !important;
  box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.07), 0 2px 4px -2px rgba(15, 23, 42, 0.05) !important;
  margin: 1.5rem auto !important;
  max-width: 100% !important;
  height: auto !important;
  border: 1px solid #E2E8F0 !important;
}

/* Callout Note Boxes in Articles */
.mb-callout-box {
  background-color: #EFF6FF !important;
  border-left: 4px solid #3B82F6 !important;
  border-radius: 0.5rem !important;
  padding: 1.25rem 1.5rem !important;
  margin: 1.5rem 0 !important;
}
.mb-callout-box p {
  color: #1E3A8A !important;
  margin-bottom: 0 !important;
  font-size: 1rem !important;
}

/* ========================================================= */
/* 4. OPERATOR DIRECTORY & CATEGORY ARCHIVE GRID             */
/* ========================================================= */
.mb-category-hero {
  background: linear-gradient(135deg, #0F172A 0%, #1E1B4B 50%, #312E81 100%) !important;
  background-color: #0F172A !important;
  border: 1px solid #334155 !important;
  border-radius: 1rem !important;
  color: #FFFFFF !important;
  box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.3) !important;
}
.mb-category-hero h1 {
  color: #FFFFFF !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}
.mb-category-hero p {
  color: #E2E8F0 !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
}
.mb-category-hero span {
  color: #F8FAFC !important;
}

.mb-archive-grid {
  display: grid !important;
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  gap: 1.5rem !important;
  margin-top: 2rem !important;
}

@media (min-width: 768px) {
  .mb-archive-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1024px) {
  .mb-archive-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

.mb-operator-card {
  background-color: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 1rem !important;
  padding: 1.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.05) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease !important;
}

.mb-operator-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.08) !important;
  border-color: #CBD5E1 !important;
}

.mb-operator-logo-wrap {
  width: 100% !important;
  height: 80px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #0F172A !important;
  border-radius: 0.75rem !important;
  padding: 0.75rem 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.mb-operator-logo-wrap img {
  max-height: 48px !important;
  width: auto !important;
  object-fit: contain !important;
  box-shadow: none !important;
  border: none !important;
  margin: 0 !important;
}

.mb-operator-card h3 {
  margin: 0.5rem 0 0.25rem 0 !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
}

.mb-operator-bonus-box {
  background-color: #F8FAFC !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 0.625rem !important;
  padding: 0.85rem !important;
  margin: 1rem 0 !important;
  text-align: center !important;
}

.mb-operator-bonus-title {
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #64748B !important;
  margin-bottom: 0.25rem !important;
}

.mb-operator-bonus-amount {
  font-size: 1.15rem !important;
  font-weight: 900 !important;
  color: #DC2626 !important;
  line-height: 1.2 !important;
}

.mb-operator-card-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.625rem !important;
  margin-top: 1.25rem !important;
}

.mb-btn-claim {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  width: 100% !important;
  padding: 0.85rem 1.25rem !important;
  background: linear-gradient(135deg, #DC2626 0%, #B91C1C 100%) !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  font-size: 0.92rem !important;
  border-radius: 0.625rem !important;
  text-decoration: none !important;
  box-shadow: 0 4px 6px -1px rgba(220, 38, 38, 0.3) !important;
  transition: all 0.15s ease !important;
}

.mb-btn-claim:hover {
  background: linear-gradient(135deg, #B91C1C 0%, #991B1B 100%) !important;
  transform: translateY(-1px) !important;
  color: #FFFFFF !important;
}

.mb-btn-review {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 0.65rem 1.25rem !important;
  background-color: #F1F5F9 !important;
  color: #0F172A !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  border-radius: 0.625rem !important;
  text-decoration: none !important;
  border: 1px solid #CBD5E1 !important;
  transition: all 0.15s ease !important;
}

.mb-btn-review:hover {
  background-color: #E2E8F0 !important;
  color: #0F172A !important;
}

/* ========================================================= */
/* 5. FILTER CHIPS BAR (FLUID HORIZONTAL SCROLL)             */
/* ========================================================= */
.mb-filter-container {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  padding: 0.5rem 0.25rem 0.75rem 0.25rem !important;
  gap: 0.625rem !important;
  width: 100% !important;
  max-width: 100% !important;
}

.mb-filter-container::-webkit-scrollbar {
  display: none !important;
}

.mb-filter-btn {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  padding: 0 1.25rem !important;
  border-radius: 9999px !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  border: 1px solid #CBD5E1 !important;
  background-color: #FFFFFF !important;
  color: #1E293B !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
  transition: all 0.15s ease !important;
  text-decoration: none !important;
}

.mb-filter-btn:hover {
  background-color: #F1F5F9 !important;
  border-color: #94A3B8 !important;
}

.mb-filter-btn.active,
.mb-filter-btn[data-active="true"] {
  background-color: #0F172A !important;
  color: #FFFFFF !important;
  border-color: #0F172A !important;
  box-shadow: 0 2px 4px rgba(15,23,42,0.2) !important;
}

/* Card 1 Gold Banner (Top Pick) */
.mb-card1-gold-header {
  background: linear-gradient(90deg, #F59E0B 0%, #D97706 100%) !important;
  color: #020617 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0.625rem 1.25rem !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
}
.mb-card1-gold-header * {
  color: #020617 !important;
  font-weight: 900 !important;
}

/* ========================================================= */
/* 6. UNIVERSAL RESPONSIVE TABLE ENGINE                      */
/* ========================================================= */
.mb-table-responsive-box {
  margin: 2rem 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
}

.mb-table-scroll-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  border-radius: 0.875rem !important;
  border: 1px solid #E2E8F0 !important;
  background-color: #FFFFFF !important;
  box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.05) !important;
}

.mb-specs-table-box .mb-table-scroll-wrapper {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.mb-table-scroll-wrapper table,
.mb-page-wrapper table,
.mb-post-wrapper table,
.wp-block-table table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background-color: #FFFFFF !important;
  color: #0F172A !important;
  margin: 0 !important;
  border: none !important;
  font-family: 'Inter', sans-serif !important;
}

.mb-table-scroll-wrapper table thead th,
.mb-page-wrapper table thead th,
.mb-post-wrapper table thead th,
table thead th {
  background-color: #0F172A !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 0.95rem 1rem !important;
  border: none !important;
  border-bottom: 2px solid #1E293B !important;
  white-space: nowrap !important;
  text-align: left !important;
  vertical-align: middle !important;
}

.mb-table-scroll-wrapper table tbody tr,
.mb-page-wrapper table tbody tr,
.mb-post-wrapper table tbody tr,
table tbody tr {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #E2E8F0 !important;
  transition: background-color 0.15s ease !important;
}

.mb-table-scroll-wrapper table tbody tr:nth-child(even),
.mb-page-wrapper table tbody tr:nth-child(even),
.mb-post-wrapper table tbody tr:nth-child(even) {
  background-color: #F8FAFC !important;
}

.mb-table-scroll-wrapper table tbody tr:hover,
.mb-page-wrapper table tbody tr:hover,
.mb-post-wrapper table tbody tr:hover {
  background-color: #F1F5F9 !important;
}

.mb-table-scroll-wrapper table tbody td,
.mb-page-wrapper table tbody td,
.mb-post-wrapper table tbody td {
  padding: 0.95rem 1rem !important;
  border: none !important;
  border-bottom: 1px solid #E2E8F0 !important;
  color: #1E293B !important;
  font-size: 0.88rem !important;
  line-height: 1.45 !important;
  vertical-align: middle !important;
}

/* 2-column specs tables */
.mb-specs-table-box table {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}
.mb-specs-table-box table td:first-child {
  font-weight: 700 !important;
  color: #0F172A !important;
  background-color: #F1F5F9 !important;
  width: 40% !important;
  max-width: 150px !important;
  border-right: 1px solid #E2E8F0 !important;
  padding: 0.8rem 1rem !important;
  font-size: 0.85rem !important;
}
.mb-specs-table-box table td:last-child {
  width: 60% !important;
  color: #334155 !important;
  font-weight: 500 !important;
  padding: 0.8rem 1rem !important;
  font-size: 0.85rem !important;
}

/* Mobile Table Behavior (< 768px) */
@media (max-width: 768px) {
  .mb-data-table-box table,
  table:has(th:nth-child(3), td:nth-child(3)) {
    min-width: 580px !important;
  }
  table:has(th:nth-child(5), td:nth-child(5)) {
    min-width: 760px !important;
  }
  .mb-specs-table-box table {
    min-width: 100% !important;
    width: 100% !important;
  }
  .mb-data-table-box table th:first-child,
  .mb-data-table-box table td:first-child,
  table:has(th:nth-child(3), td:nth-child(3)) th:first-child,
  table:has(th:nth-child(3), td:nth-child(3)) td:first-child {
    position: sticky !important;
    left: 0 !important;
    z-index: 10 !important;
    background-color: #FFFFFF !important;
    border-right: 2px solid #CBD5E1 !important;
    box-shadow: 3px 0 6px -2px rgba(15, 23, 42, 0.08) !important;
  }
  .mb-data-table-box table tr:nth-child(even) td:first-child,
  table:has(th:nth-child(3), td:nth-child(3)) tr:nth-child(even) td:first-child {
    background-color: #F8FAFC !important;
  }
  .mb-data-table-box table thead th:first-child,
  table:has(th:nth-child(3), td:nth-child(3)) thead th:first-child {
    background-color: #0F172A !important;
    color: #FFFFFF !important;
    z-index: 15 !important;
  }
  .mb-table-mobile-hint {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.5rem !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    color: #475569 !important;
    background: #F1F5F9 !important;
    border: 1px solid #E2E8F0 !important;
    border-bottom: none !important;
    border-radius: 0.875rem 0.875rem 0 0 !important;
    padding: 0.5rem 0.95rem !important;
  }
  .mb-hint-arrow {
    margin-left: auto !important;
    font-weight: 900 !important;
    color: #DC2626 !important;
    animation: mbPulseRight 1.5s infinite ease-in-out !important;
  }
  @keyframes mbPulseRight {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(6px); }
  }
}

@media (min-width: 769px) {
  .mb-table-mobile-hint {
    display: none !important;
  }
}

/* Affiliate Buttons inside Tables & New Affiliate Framework */
table a[href*="/go/"],
table a.bg-red-600,
.mb-btn-claim {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  min-width: 125px !important;
  padding: 0.65rem 1.15rem !important;
  background: linear-gradient(135deg, #DC2626 0%, #B91C1C 100%) !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  font-size: 0.84rem !important;
  border-radius: 0.75rem !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
}
table a[href*="/go/"]:hover,
table a.bg-red-600:hover,
.mb-btn-claim:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(220, 38, 38, 0.45) !important;
  background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%) !important;
  color: #FFFFFF !important;
}

.mb-btn-claim-green {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3) !important;
}
.mb-btn-claim-green:hover {
  background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
  box-shadow: 0 6px 18px rgba(5, 150, 105, 0.45) !important;
}

.mb-cta-legal {
  font-size: 0.66rem !important;
  color: #64748B !important;
  font-weight: 600 !important;
  text-align: center !important;
  margin-top: 0.35rem !important;
  white-space: nowrap !important;
}

/* ========================================================= */
/* 6. HIGH-CONVERTING AFFILIATE COMPARISON TABLES & BADGES    */
/* ========================================================= */
.mb-affiliate-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.08), 0 2px 6px -1px rgba(15, 23, 42, 0.04) !important;
  border: 1px solid #CBD5E1 !important;
  background: #FFFFFF !important;
  margin: 1.5rem 0 !important;
}

.mb-affiliate-table thead th {
  background: #0B1329 !important;
  color: #F8FAFC !important;
  font-weight: 800 !important;
  font-size: 0.76rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  padding: 1rem 1.15rem !important;
  border: none !important;
  border-bottom: 2px solid #1E293B !important;
  white-space: nowrap !important;
  text-align: left !important;
}

.mb-affiliate-table tbody tr {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #F1F5F9 !important;
  transition: all 0.15s ease !important;
}

.mb-affiliate-table tbody tr:hover {
  background-color: #F8FAFC !important;
  box-shadow: inset 4px 0 0 #DC2626 !important;
}

.mb-affiliate-table tbody tr.mb-highlight-row {
  background: linear-gradient(90deg, rgba(254, 243, 199, 0.35) 0%, rgba(255, 255, 255, 1) 100%) !important;
}

.mb-affiliate-table tbody td {
  padding: 1.15rem 1rem !important;
  border: none !important;
  border-bottom: 1px solid #E2E8F0 !important;
  vertical-align: middle !important;
  font-size: 0.88rem !important;
  color: #1E293B !important;
}

/* Operator Cell & Brand Badges */
.mb-operator-cell {
  display: flex !important;
  align-items: center !important;
  gap: 0.85rem !important;
  min-width: 170px !important;
}

.mb-rank-medal {
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12) !important;
}

.mb-rank-1 {
  background: linear-gradient(135deg, #FDE68A 0%, #F59E0B 100%) !important;
  color: #78350F !important;
  border: 2px solid #FCD34D !important;
}

.mb-rank-2 {
  background: linear-gradient(135deg, #F1F5F9 0%, #94A3B8 100%) !important;
  color: #1E293B !important;
  border: 2px solid #CBD5E1 !important;
}

.mb-rank-3 {
  background: linear-gradient(135deg, #FED7AA 0%, #F97316 100%) !important;
  color: #7C2D12 !important;
  border: 2px solid #FDBA74 !important;
}

.mb-rank-n {
  background: #F1F5F9 !important;
  color: #64748B !important;
  border: 1px solid #E2E8F0 !important;
  font-size: 0.78rem !important;
}

/* Official Operator Logo Badges */
.mb-brand-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.35rem 0.75rem !important;
  border-radius: 0.65rem !important;
  font-weight: 900 !important;
  font-size: 0.95rem !important;
  letter-spacing: -0.02em !important;
  min-width: 105px !important;
  height: 38px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
  text-decoration: none !important;
  transition: transform 0.15s ease !important;
}

.mb-brand-badge:hover {
  transform: scale(1.03) !important;
}

/* Operator-specific Brand Badges */
.mb-badge-betsson {
  background: #FF6600 !important;
  color: #FFFFFF !important;
}
.mb-badge-betano {
  background: linear-gradient(135deg, #FF5500 0%, #E63E00 100%) !important;
  color: #FFFFFF !important;
}
.mb-badge-inkabet {
  background: #111111 !important;
  color: #FFFFFF !important;
  border-left: 4px solid #E53935 !important;
}
.mb-badge-coolbet {
  background: #0B1528 !important;
  color: #FFFFFF !important;
  border: 1px solid #1E293B !important;
}
.mb-badge-playuzu {
  background: linear-gradient(135deg, #6B21A8 0%, #9333EA 100%) !important;
  color: #FFFFFF !important;
}
.mb-badge-caliente {
  background: #CC0000 !important;
  color: #FFFFFF !important;
}
.mb-badge-betcris {
  background: #0056B3 !important;
  color: #FFFFFF !important;
}
.mb-badge-apuesto {
  background: #0F2042 !important;
  color: #FF8C00 !important;
  border-bottom: 2px solid #FF8C00 !important;
}
.mb-badge-doradobet {
  background: #0F172A !important;
  color: #F59E0B !important;
  border: 1px solid #D97706 !important;
}
.mb-badge-1xbet {
  background: #1A568C !important;
  color: #FFFFFF !important;
}
.mb-badge-meridianbet {
  background: #990000 !important;
  color: #FFFFFF !important;
}
.mb-badge-retabet {
  background: #181818 !important;
  color: #FFFFFF !important;
  border-left: 4px solid #00A651 !important;
}

.mb-operator-meta {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.15rem !important;
}

.mb-operator-meta .mb-audit-tag {
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  color: #059669 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.mb-operator-meta .mb-review-link {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  color: #2563EB !important;
  text-decoration: none !important;
}

.mb-operator-meta .mb-review-link:hover {
  text-decoration: underline !important;
}

/* Bonus Column Typography & Pills */
.mb-bonus-val {
  font-size: 0.98rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  line-height: 1.3 !important;
}

.mb-bonus-val-accent {
  color: #D97706 !important;
  font-size: 1.05rem !important;
  font-weight: 900 !important;
}

.mb-bonus-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
  padding: 0.2rem 0.55rem !important;
  border-radius: 9999px !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  margin-top: 0.35rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

.mb-tag-spins {
  background: #DCFCE7 !important;
  color: #15803D !important;
  border: 1px solid #86EFAC !important;
}

.mb-tag-free {
  background: #FEF3C7 !important;
  color: #B45309 !important;
  border: 1px solid #FCD34D !important;
}

.mb-tag-exclusive {
  background: #F3E8FF !important;
  color: #7E22CE !important;
  border: 1px solid #D8B4FE !important;
}

/* Payment Pills */
.mb-pay-pill {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.18rem 0.45rem !important;
  border-radius: 0.35rem !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  background: #F1F5F9 !important;
  color: #334155 !important;
  border: 1px solid #E2E8F0 !important;
  margin-right: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.mb-pay-instant {
  display: block !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  color: #059669 !important;
  margin-top: 0.25rem !important;
}

/* ========================================================= */
/* 7. BULLETPROOF GLOBAL HEADER & FOOTER STYLING             */
/* ========================================================= */
.mb-global-header {
  background-color: #0F172A !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid #1E293B !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.25) !important;
  width: 100% !important;
}
.mb-global-header a {
  text-decoration: none !important;
}
.mb-header-tier2 {
  display: none;
}
.mb-desktop-actions {
  display: none !important;
}
.mb-mobile-actions {
  display: flex !important;
}
@media (min-width: 1024px) {
  .mb-header-tier2 {
    display: block !important;
  }
  .mb-desktop-actions {
    display: flex !important;
  }
  .mb-mobile-actions {
    display: none !important;
  }
}
.mb-tier2-nav a {
  color: #CBD5E1 !important;
  font-size: 0.8125rem !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  transition: color 0.15s ease !important;
}
.mb-tier2-nav a:hover {
  color: #F59E0B !important;
}
.mb-global-header #mb-mobile-drawer {
  background-color: #0F172A !important;
  border-top: 1px solid #1E293B !important;
}
.mb-global-header #mb-mobile-drawer a {
  color: #E2E8F0 !important;
  transition: color 0.15s ease !important;
}
.mb-global-header #mb-mobile-drawer a:hover {
  color: #F59E0B !important;
}

.mb-global-footer {
  background-color: #0F172A !important;
  color: #94A3B8 !important;
  border-top: 1px solid #1E293B !important;
  width: 100% !important;
}
.mb-global-footer a {
  color: #94A3B8 !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}
.mb-global-footer a:hover {
  color: #F59E0B !important;
}
.mb-global-footer h4,
.mb-global-footer h5 {
  color: #FFFFFF !important;
  font-weight: 800 !important;
}