/* ===== besteonlinecasinoer unified skin (bh-*) — one header + light content on every native theme ===== */
/* 1) hide the native headers/menus/hero-bars of all captured skins */
.head-top,.head-menu,.head-logo,.mega-menu-wrap,.mobile-header,.mobile-nav,.mobile-menu,
.space-header,.space-header-top,.space-header-ins,.space-header-top-ins,.main-menu,.top-bar,
.space-organization-float-bar,.space-organization-float-bar-bg,.aff-mobile-menu,
header.site-header,#masthead,.navbar-default,.site-navigation,
.top-bar-search,.slicknav_menu,.mobile-menu,.off-canvas,.offcanvas,.mm-menu,#mobile-menu,
nav.mobile-nav,.mobile-navigation,.mm-slideout>.mobile-only,
/* native FOOTERS of all skins (our footer is .bh-ft — never matched here) */
.space-footer,footer.footer,.footer-top,.footer-bottom,.footer-copyright,
.menu-footer-1-container,.menu-footer-2-container,.menu-footer-3-container,#colophon,.site-footer{display:none!important}
/* Gutenberg dark hero cover (home) → drop the dark image/overlay so content sits on the light page */
.wp-block-cover__background,.wp-block-cover__image-background{display:none!important}
.wp-block-cover,.wp-block-cover__inner-container{background:transparent!important;min-height:auto!important;color:#26303a!important}
.wp-block-cover:before,.wp-block-cover:after,.has-background-dim:before,.has-background-dim:after{display:none!important;background:transparent!important}
.has-background-dim{background-color:transparent!important}
/* Gutenberg columns lack the core mobile-stack rule in this snapshot → force stack so the HOME doesn't overflow
   horizontally on phones (that overflow read as a big left indent on the showcase). */
html,body{overflow-x:hidden!important;max-width:100%!important}
@media(max-width:781px){
  .wp-block-columns{flex-wrap:wrap!important;display:flex!important}
  .wp-block-column,[class*="wp-container-"]{flex-basis:100%!important;flex-grow:1!important;max-width:100%!important;min-width:0!important}
}
/* FAQ accordion (sp-easy-accordion): the snapshot's toggle JS doesn't run, so answers never open — show them ALL */
.sp-easy-accordion .sp-collapse,.sp-easy-accordion .ea-body,.sp-ea-single .sp-collapse{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important}
/* 2) force light page background + dark text, killing the WP custom-background dark skin */
html,body{background:#eef1f5!important}
body.custom-background{background-image:none!important;background-color:#eef1f5!important}
body{color:#26303a!important}
/* generic dark wrappers/sections → transparent light. .ea-body (#0d6182) is the aces/EssentialAddons dark
   content shell used by the home + all review pages — force it light with dark text. */
.ea-body{background:#eef1f5!important;color:#26303a!important}
/* neutralise EVERY Space-theme wrapper background (light body shows through) — kills all the dark bands/shells
   at once (content shell #222831, header/section bars, etc.) regardless of which exact wrapper carries them */
[class^="space-"],[class*=" space-"]{background-color:transparent!important;background-image:none!important;color:#26303a!important}
.site-content,.content-area,.main-content,#content,.page-content,.entry-content,section.dark,.dark-section
{background:transparent!important;color:#26303a!important}
/* force body copy dark on the old dark theme (it set text white); keep links + our components untouched */
.space-page-content p,.space-page-content li,.space-page-content td,.space-page-content th,
.space-page-content h1,.space-page-content h2,.space-page-content h3,.space-page-content h4,
.space-page-content h5,.ea-body p,.ea-body li{color:#26303a!important;background:transparent!important}
/* review pros/cons + generic content boxes on the old dark theme → light card */
.space-pros,.space-cons,.space-pros-ins,.space-cons-ins,.space-page-content-box,
.ea-body .single-block,.pros-cons,.pros,.cons,.advantages,.disadvantages
{background:#fff!important;border:1px solid #e2e7ee!important;color:#26303a!important}
.space-pros-title{color:#12924a!important}.space-cons-title{color:#c0392b!important}
/* GLOBAL text→dark: the dark skins set body copy white; force dark everywhere EXCEPT our header/footer,
   the showcase, and links (links keep their colour). Uniform readable text is worth losing a few accents. */
body :where(h1,h2,h3,h4,h5,h6,p,li,td,th,dt,dd,figcaption,blockquote,span,strong,em,b,small,label):not(.bh-hd *):not(.bh-ft *):not(a):not(a *){color:#26303a!important}
/* re-assert the showcase's own accents that the blanket rule above would otherwise flatten */
.gsc-container .gsc-h2 b{color:#3598db!important}
.gsc-container .gsc-am,.gsc-container .gsc-am *{color:#1a9c4a!important}
.gsc-container .gsc-hl,.gsc-container .gsc-fk,.gsc-container .gsc-rt small,.gsc-container .gsc-fn{color:#8b95a3!important}
.gsc-container .gsc-ribbon,.gsc-container .gsc-ribbon *{color:#fff!important}
.gsc-container .gsc-trust,.gsc-container .gsc-trust *{color:#12924a!important}
/* 3) neutralise the dark review hero banner (space-style-3 organization header) → light card */
.space-style-3-organization-header,.space-style-3-organization-header-ins,.organization-header,
.casino-hero,.single-hero,.review-hero{background:#dfe7ef!important;color:#1a2531!important}
.space-style-3-organization-header *,.organization-header *{color:#1a2531!important}

/* ===== our header ===== */
.bh-hd{--h:#111a24;--h2:#0b1118;--g:#35a0e0;background:var(--h);color:#fff;position:relative;z-index:900;
  box-shadow:0 2px 10px rgba(0,0,0,.18);border-bottom:3px solid var(--g)}
.bh-hd *{box-sizing:border-box}
.bh-in{position:relative;max-width:1180px;margin:0 auto;padding:0 18px;display:flex;align-items:center;gap:20px;min-height:66px}
.bh-logo{display:flex;align-items:center;gap:9px;color:#fff!important;text-decoration:none!important;font-size:21px;font-weight:800;white-space:nowrap}
.bh-logo b{color:var(--g)}
.bh-logo-i{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#fff;color:var(--h);border-radius:9px;font-size:18px}
.bh-nav{margin-left:auto;display:flex;gap:2px}
.bh-item{position:relative}
.bh-hub{display:flex;align-items:center;gap:6px;padding:10px 13px;color:#fff!important;text-decoration:none!important;font-size:15.5px;font-weight:700;border-radius:8px;white-space:nowrap}
.bh-hub:hover{background:rgba(255,255,255,.14);color:#fff!important}
.bh-car{width:0;height:0;border:4px solid transparent;border-top-color:currentColor;margin-top:2px}
.bh-sub{position:absolute;top:100%;left:0;min-width:238px;background:#fff;border-radius:0 0 12px 12px;
  box-shadow:0 14px 34px rgba(0,0,0,.22);padding:8px;display:none;z-index:950;flex-direction:column}
.bh-sub a{display:block;color:#26303a!important;text-decoration:none!important;font-weight:600;font-size:14.5px;padding:9px 12px;border-radius:7px;white-space:nowrap}
.bh-sub a:hover{background:#eaf4fb;color:#0d6182!important}
.bh-item:hover>.bh-sub,.bh-item:focus-within>.bh-sub{display:flex}
.bh-burger{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none;clip:rect(0 0 0 0)}
.bh-burger-lbl{display:none}
@media(max-width:960px){
  .bh-burger-lbl{display:flex;align-items:center;justify-content:center;margin-left:auto;width:46px;height:40px;border:1px solid rgba(255,255,255,.55);border-radius:9px;cursor:pointer;z-index:5}
  .bh-burger-lbl span,.bh-burger-lbl span:before,.bh-burger-lbl span:after{display:block;width:22px;height:2px;background:#fff;position:relative;content:""}
  .bh-burger-lbl span:before{position:absolute;top:-7px}.bh-burger-lbl span:after{position:absolute;top:7px}
  .bh-nav{position:absolute;top:100%;left:0;right:0;margin:0;background:var(--h);display:none;flex-direction:column;gap:0;padding:6px 14px 16px;max-height:82vh;overflow-y:auto;box-shadow:0 14px 26px rgba(0,0,0,.22)}
  .bh-burger:checked~.bh-nav{display:flex}
  .bh-item{width:100%}
  .bh-hub{padding:13px 6px;border-bottom:1px solid rgba(255,255,255,.14);font-size:16px}
  .bh-car{margin-left:auto}
  .bh-sub{position:static;display:flex;box-shadow:none;background:rgba(255,255,255,.06);border-radius:0;padding:2px 0 6px 14px;min-width:0}
  .bh-sub a{color:#dfeaf5!important;font-size:14px;padding:8px}
}
/* ===== our footer ===== */
.bh-ft{background:#0f1720!important;color:#aeb8c2!important;font-size:15px;margin-top:40px}
.bh-ft *{box-sizing:border-box}
.bh-ft-in{max-width:1180px;margin:0 auto;padding:32px 18px 20px;display:grid;grid-template-columns:1.7fr .8fr .8fr;gap:26px}
.bh-ft-about h3,.bh-ft-col h3{color:#fff!important;font-size:15px;margin:0 0 11px;text-transform:uppercase;letter-spacing:.4px}
.bh-ft-about p{margin:0 0 11px;line-height:1.65;font-size:14px;color:#9aa6b2!important}
.bh-ft-18{background:#35a0e0;color:#fff!important;font-weight:800;border-radius:6px;padding:2px 8px;margin-right:5px}
.bh-ft-lnk{display:flex;flex-direction:column;gap:8px}
.bh-ft a{color:#aeb8c2!important;text-decoration:none!important}
.bh-ft a:hover{color:#fff!important;text-decoration:underline!important}
.bh-ft-bottom{border-top:1px solid rgba(255,255,255,.13)}
.bh-ft-bottom div{max-width:1180px;margin:0 auto;padding:15px 18px 22px;font-size:12.5px;color:#7c8894!important}
@media(max-width:820px){.bh-ft-in{grid-template-columns:1fr;gap:18px}}