/*
 * onlinecasinokix.com – "Dark Neon Premium" redesign, site-wide layer.
 * Loaded ONLY when the redesign is active (body.ockrd). Every rule is scoped to body.ockrd,
 * so the original theme is untouched when the switch is off.
 * Transformed home/category pages (.ockhp) and reviews (.ockrv) carry their own inline CSS;
 * the generic content rules below are scoped to .space-page-section / .space-title-box / Mercury classes.
 * Fonts: self-hosted variable WOFF2 files in /wp-content/uploads/fonts/ (Sora + Inter, OFL).
 */
@font-face{font-family:"Kix Sora";src:url(/wp-content/uploads/fonts/kix-sora-latin-var.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"Kix Inter";src:url(/wp-content/uploads/fonts/kix-inter-latin-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}

body.ockrd{--k-bg:#0A0C17;--k-s1:#12162B;--k-s2:#191E3A;--k-line:#262C52;--k-line2:#3A4280;--k-tx:#EEF0FF;--k-body:#C9CDF0;--k-mu:#9097BD;--k-pink:#FF2E88;--k-orange:#FF6A3D;--k-vio:#7B5CFF;--k-mint:#2CF6C3;--k-gold:#FFC83D;--k-foot:#070912;
 --k-cta:linear-gradient(135deg,#FF2E88,#FF6A3D);--k-glow:0 8px 30px rgba(255,46,136,.45);
 --k-hd:"Kix Sora","Sora",system-ui,-apple-system,"Segoe UI",sans-serif;--k-bd:"Kix Inter","Inter",system-ui,-apple-system,"Segoe UI",sans-serif}

/* ---------- base + overflow fix ----------
 * Mercury clips horizontal overflow with overflow-x:hidden on html (and the theme can set overflow:hidden on body),
 * which turns the element into a scroll container and kills position:sticky.
 * overflow-x:clip clips the same way without creating a scroll container, so sticky keeps working.
 * No !important: inline scroll-locks set by the menu/search JS (style="overflow:hidden") still win. */
html:has(body.ockrd){overflow-x:clip;overflow-y:visible;background:#0A0C17}
html body.ockrd{overflow:visible;overflow-x:clip;background:var(--k-bg);color:var(--k-body);font-family:var(--k-bd)}
body.ockrd .space-box{background:var(--k-bg)}
body.ockrd h1,body.ockrd h2,body.ockrd h3,body.ockrd h4,body.ockrd h5,body.ockrd h6{font-family:var(--k-hd);color:var(--k-tx);letter-spacing:-.02em}
body.ockrd ::selection{background:rgba(123,92,255,.45);color:#fff}

/* ---------- header (existing white/orange logo works on dark) ---------- */
body.ockrd .space-header-height .space-header-wrap,body.ockrd .space-header-height .space-header,body.ockrd .space-header-height{background:rgba(10,12,23,.94)!important}
body.ockrd .space-header-height .space-header-wrap{box-shadow:0 1px 0 var(--k-line),0 10px 30px rgba(0,0,0,.35)} /* no backdrop-filter here: it would turn the fixed mobile bottom menu inside the header into a header-relative box */
body.ockrd .space-header-height .space-header-logo-ins:after{display:none}
body.ockrd .space-header-menu ul.main-menu li a{color:var(--k-body)!important;font:600 15px/1.2 var(--k-bd);border-radius:10px;border-bottom:0!important;text-transform:none}
body.ockrd .space-header-menu ul.main-menu li.current-menu-item>a,body.ockrd .space-header-menu ul.main-menu li.current-menu-ancestor>a{background:var(--k-s2);color:#fff!important;box-shadow:inset 0 0 0 1px var(--k-line2)}
body.ockrd .space-header-menu ul.main-menu li a:hover,body.ockrd .space-header-menu ul.main-menu li:hover>a{color:var(--k-mint)!important}
body.ockrd .space-header-height .space-header-menu ul.main-menu li a:hover:before,body.ockrd .space-header-height .space-header-menu ul.main-menu li:hover a:before,body.ockrd .main-menu .menu-item a:before{background-color:var(--k-pink)!important}
body.ockrd .space-header-menu ul.main-menu li ul.sub-menu{background:var(--k-s1)!important;border:1px solid var(--k-line2);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.55);padding:8px}
body.ockrd .space-header-menu ul.main-menu li ul.sub-menu li a{color:var(--k-body)!important;font-weight:500}
body.ockrd .space-header-menu ul.main-menu li ul.sub-menu li a:hover{background:var(--k-s2);color:var(--k-mint)!important}
body.ockrd .space-header-search i,body.ockrd .space-header-search .fas{color:var(--k-tx)!important}
body.ockrd .space-mobile-menu-icon div{background-color:var(--k-tx)!important}
@media screen and (min-width:1200px){body.ockrd .space-header-menu ul.main-menu li a{padding:10px 14px;margin:9px 2px}}
@media screen and (max-width:1199px){
 body.ockrd .space-header-menu ul.main-menu{background:var(--k-s1)!important;border-top:1px solid var(--k-line2);box-shadow:0 -10px 30px rgba(0,0,0,.5);border-radius:18px 18px 0 0}
}
/* search overlay */
body.ockrd .space-header-search-block{background:rgba(10,12,23,.97)!important}
body.ockrd .space-header-search-block input[type=search]{font-family:var(--k-hd);border-radius:999px;background:var(--k-s1);color:#fff;border:1px solid var(--k-line2)}
/* mobile menu */
body.ockrd .space-mobile-menu .space-mobile-menu-block{background:var(--k-s1)!important}
body.ockrd .space-mobile-menu .space-mobile-menu-list ul li a{font-family:var(--k-hd);font-weight:700;color:#fff;border-radius:12px}
body.ockrd .space-mobile-menu .space-mobile-menu-list ul li a:hover{border-color:var(--k-mint)!important;color:var(--k-mint)!important}
body.ockrd .space-mobile-menu .space-mobile-menu-copy,body.ockrd .space-mobile-menu .space-mobile-menu-copy a{color:var(--k-mu)}

/* ---------- footer ---------- */
body.ockrd .site-footer{background:var(--k-foot);color:var(--k-mu);font-family:var(--k-bd);border-top:1px solid var(--k-line);padding-top:54px;margin-top:20px;position:relative}
body.ockrd .site-footer:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--k-vio),var(--k-pink),transparent);opacity:.8}
body.ockrd .site-footer h4{font-family:var(--k-hd);font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--k-pink)}
body.ockrd .site-footer .info-description,body.ockrd .site-footer .footer-affiliate-disclaimer p{color:var(--k-mu)}
body.ockrd .site-footer .footer-links a,body.ockrd .site-footer .footer-menu-list li a{color:var(--k-body)}
body.ockrd .site-footer .footer-links a:hover,body.ockrd .site-footer .footer-menu-list li a:hover{color:var(--k-mint)}
body.ockrd .site-footer .footer-affiliate-disclaimer{background:var(--k-s1);border:1px solid var(--k-line);border-radius:18px;padding:18px 20px}
body.ockrd .site-footer .footer-bottom{background:#05060D;border-top:1px solid var(--k-line)}
body.ockrd .site-footer .footer-bottom-inner p{color:var(--k-mu)}
body.ockrd .space-to-top a,body.ockrd .space-to-top{background:var(--k-s2)!important;border:1px solid var(--k-line2);border-radius:14px;color:var(--k-mint)}

/* ---------- title box (default pages, slots, archives) ---------- */
body.ockrd .space-title-box{background:var(--k-bg) radial-gradient(800px 380px at 85% 0%,rgba(123,92,255,.26),transparent 60%) no-repeat!important;padding-top:34px;padding-bottom:10px}
body.ockrd .space-title-box:before,body.ockrd .space-title-box:after{display:none}
body.ockrd .space-title-box-h1{box-sizing:border-box;background:linear-gradient(180deg,#1B2045,#12162B);border:1px solid var(--k-line2);border-radius:24px;padding:34px 36px 26px;box-shadow:0 0 0 1px rgba(255,46,136,.15),0 24px 60px rgba(123,92,255,.22)}
body.ockrd .space-title-box-h1 h1{font:800 44px/1.12 var(--k-hd);color:#fff!important;margin:0 0 10px;padding:0;text-transform:none}
body.ockrd .space-title-box .space-page-content-excerpt p{color:var(--k-mu)!important;font-size:17px;line-height:1.6;max-width:820px}
body.ockrd .space-breadcrumbs,body.ockrd .space-breadcrumbs span,body.ockrd .space-title-box #breadcrumbs{color:var(--k-mu)!important;font-size:13.5px}
body.ockrd .space-breadcrumbs a,body.ockrd .space-title-box #breadcrumbs a{color:var(--k-body)!important;font-weight:600;text-decoration:none}
body.ockrd .space-breadcrumbs a:hover{color:var(--k-mint)!important}
body.ockrd .space-title-box-category a{background:var(--k-s2)!important;color:var(--k-mint)!important;border:1px solid var(--k-line2);border-radius:999px}

/* ---------- top-block hero of core pages that were not transformed (e.g. no toplist) ---------- */
body.ockrd .space-page-section .top-block{background:var(--k-bg) radial-gradient(800px 380px at 85% 0%,rgba(123,92,255,.26),transparent 60%) no-repeat!important;padding:30px 0 6px;position:relative}
body.ockrd .space-page-section .top-block .top-background-image{display:none}
body.ockrd .space-page-section .top-block>.space-page-section-ins>.space-content-section{box-sizing:border-box;background:linear-gradient(180deg,#1B2045,#12162B);border:1px solid var(--k-line2);border-radius:24px;padding:34px 36px 26px;box-shadow:0 0 0 1px rgba(255,46,136,.15),0 24px 60px rgba(123,92,255,.22)}
body.ockrd .space-page-section .top-block .top-block-title{font:800 44px/1.12 var(--k-hd);color:#fff!important;margin:6px 0 12px;text-transform:none}
body.ockrd .space-page-section .top-block .top-block-description,body.ockrd .space-page-section .top-block .top-block-description *{color:var(--k-mu)!important;font-size:16.5px;line-height:1.65}
body.ockrd .space-page-section .top-block .read-more{color:var(--k-mint)!important;font-weight:700;cursor:pointer}
body.ockrd .space-page-section .top-block #breadcrumbs,body.ockrd .space-page-section .top-block #breadcrumbs span{color:var(--k-mu)!important;font-size:13.5px}
body.ockrd .space-page-section .top-block #breadcrumbs a{color:var(--k-body)!important;font-weight:600;text-decoration:none}
body.ockrd .space-page-section .top-block #modified-time{color:var(--k-mu)!important;font-size:13px;margin:10px 0 0}
body.ockrd .space-page-section .top-block .bonus-block-wrapper .bonus-inner{background:var(--k-s1)!important;border:1px solid var(--k-line);box-shadow:none}
body.ockrd .space-page-section .top-block .bonus-block-wrapper .bonus-inner p{color:var(--k-tx)!important}

/* ---------- page section + content card ---------- */
body.ockrd .space-page-section{background:var(--k-bg)}
body.ockrd .space-page-section .space-page-content-box-wrap{background:var(--k-s1);border:1px solid var(--k-line);border-radius:22px;padding:32px 34px;box-shadow:none}
body.ockrd .space-page-section .space-page-content{font-size:16.5px;line-height:1.7;color:var(--k-body)}
body.ockrd .space-page-section .space-page-content p,body.ockrd .space-page-section .space-page-content li,body.ockrd .space-page-section .space-page-content td{color:var(--k-body)}
body.ockrd .space-page-section .space-page-content strong,body.ockrd .space-page-section .space-page-content b{color:#fff}
body.ockrd .space-page-section .space-page-content h2{font:800 30px/1.2 var(--k-hd);margin:30px 0 12px;scroll-margin-top:100px;color:#fff}
body.ockrd .space-page-section .space-page-content h3{font:700 21px/1.3 var(--k-hd);margin:22px 0 8px;scroll-margin-top:100px;color:#fff}
body.ockrd .space-page-section .space-page-content h4{font:700 18px/1.3 var(--k-hd);color:#fff}
body.ockrd .space-page-section .space-page-content a{color:var(--k-mint);font-weight:600}
body.ockrd .space-page-section .space-page-content a:hover{color:#fff}
body.ockrd .space-page-section .space-page-content ul.wp-block-list>li::marker{color:var(--k-mint)}
body.ockrd .space-page-section .space-page-content ol.wp-block-list>li::marker{color:var(--k-gold);font-weight:700}
body.ockrd .space-page-section .space-page-content blockquote{border-left:3px solid var(--k-vio);background:var(--k-s2);border-radius:0 14px 14px 0;padding:14px 18px;margin:18px 0}
body.ockrd .space-page-section .space-page-content .wp-block-group.has-background,body.ockrd .space-page-section .space-page-content .wp-block-columns.has-background{background:var(--k-s2)!important;border:1px solid var(--k-line);border-radius:18px!important}
body.ockrd .space-page-section .space-page-content .has-text-color:not(a):not(.has-mercury-wisteria-color){color:var(--k-body)!important}
body.ockrd .space-page-section .space-page-content img{border-radius:12px}
body.ockrd .space-page-section .wp-block-button__link,body.ockrd .space-page-section .space-page-content button:not(.uagb-question):not(.uagb-faq-questions-button){background:rgba(44,246,195,.06)!important;color:var(--k-mint)!important;border:1px solid rgba(44,246,195,.55)!important;border-radius:12px;font:700 15px var(--k-hd);box-shadow:none}
body.ockrd .space-page-section .space-page-content hr{border-color:var(--k-line);background:var(--k-line)}
/* forms (contact page) */
body.ockrd .space-page-section input:not([type=submit]):not([type=checkbox]):not([type=radio]),body.ockrd .space-page-section textarea,body.ockrd .space-page-section select{background:var(--k-bg)!important;color:#fff!important;border:1px solid var(--k-line2)!important;border-radius:12px}
body.ockrd .space-page-section input:focus,body.ockrd .space-page-section textarea:focus{border-color:var(--k-mint)!important;outline:0;box-shadow:0 0 0 3px rgba(44,246,195,.15)}
body.ockrd .space-page-section input[type=submit],body.ockrd .space-page-section .wpcf7-submit,body.ockrd .space-page-section .wpforms-submit{background:var(--k-vio)!important;color:#fff!important;border:0!important;border-radius:12px;font:700 15px var(--k-hd);box-shadow:0 8px 24px rgba(123,92,255,.4)}
body.ockrd .space-page-section label{color:var(--k-body)}

/* tables */
body.ockrd .space-page-section figure.wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0;background:none;border:0;padding:0}
body.ockrd .space-page-section figure.wp-block-table table{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:14.5px;margin:0;border:0}
body.ockrd .space-page-section figure.wp-block-table thead{background:none;border:0}
body.ockrd .space-page-section figure.wp-block-table th{background:none;color:var(--k-mu);text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.14em;padding:4px 14px;border:0;font-weight:600}
body.ockrd .space-page-section figure.wp-block-table td{padding:12px 14px;border:0;border-top:1px solid var(--k-line);border-bottom:1px solid var(--k-line);background:var(--k-s2)}
body.ockrd .space-page-section figure.wp-block-table td:first-child{border-left:1px solid var(--k-line);border-radius:12px 0 0 12px;color:#fff;font-weight:600}
body.ockrd .space-page-section figure.wp-block-table td:last-child{border-right:1px solid var(--k-line);border-radius:0 12px 12px 0}
body.ockrd .space-page-section figure.wp-block-table tr{background:none!important}
@media (max-width:767px){body.ockrd .space-page-section figure.wp-block-table table{min-width:520px}}

/* ez-toc */
body.ockrd .space-page-section #ez-toc-container{background:var(--k-s2)!important;border:1px solid var(--k-line)!important;border-radius:18px;box-shadow:none;padding:16px 20px;width:auto}
body.ockrd .space-page-section #ez-toc-container .ez-toc-title{font:700 12px var(--k-hd);text-transform:uppercase;letter-spacing:.16em;color:var(--k-pink)}
body.ockrd .space-page-section #ez-toc-container a{color:var(--k-body)!important;font-weight:500;text-decoration:none}
body.ockrd .space-page-section #ez-toc-container a:hover{color:var(--k-mint)!important}
body.ockrd .space-page-section #ez-toc-container .ez-toc-js-icon-con,body.ockrd .space-page-section #ez-toc-container .ez-toc-icon-toggle-span{border-color:var(--k-line2)!important;color:var(--k-mu)}
body.ockrd .space-page-section #ez-toc-container svg{fill:var(--k-mu);color:var(--k-mu)}
body.ockrd .space-page-section .ez-toc-section{scroll-margin-top:100px}

/* FAQ (Spectra/UAGB) – questions stay H3 */
body.ockrd .wp-block-uagb-faq .uagb-faq-child__outer-wrap{background:transparent!important;border:0!important}
body.ockrd .space-page-section .wp-block-uagb-faq .uagb-faq-item{background:var(--k-s2)!important;border:1px solid var(--k-line)!important;border-radius:16px!important;margin-bottom:10px;overflow:hidden}
body.ockrd .space-page-section .wp-block-uagb-faq .uagb-faq-questions-button{padding:16px 18px!important;background:none!important}
body.ockrd .space-page-section .wp-block-uagb-faq .uagb-question{font:700 16.5px/1.35 var(--k-hd)!important;color:#fff!important;margin:0}
body.ockrd .space-page-section .wp-block-uagb-faq .uagb-faq-icon-wrap svg{fill:var(--k-mint)!important}
body.ockrd .space-page-section .wp-block-uagb-faq .uagb-faq-content{padding:0 18px 14px!important;color:var(--k-mu);background:none!important}
body.ockrd .space-page-section .wp-block-uagb-faq .uagb-faq-content p{color:var(--k-mu)}
body.ockrd .space-page-section .wp-block-uagb-faq .uagb-faq-item.uagb-faq-item-active{border-color:#5B47D6!important}

/* pros / cons */
body.ockrd .space-page-section .space-pros-cons{box-shadow:none;background:none}
body.ockrd .space-page-section .space-pros-ins,body.ockrd .space-page-section .space-cons-ins{border-radius:18px;border:1px solid var(--k-line);box-shadow:none;padding:20px;background:var(--k-s2)}
body.ockrd .space-page-section .space-pros-ins{box-shadow:inset 0 3px 0 var(--k-mint)}
body.ockrd .space-page-section .space-cons-ins{box-shadow:inset 0 3px 0 var(--k-pink)}
body.ockrd .space-page-section .space-pros-title,body.ockrd .space-page-section .space-cons-title{font:800 19px/1.2 var(--k-hd);color:#fff;text-transform:none}
body.ockrd .space-page-section .space-pros-cons li{color:var(--k-body)}

/* how-to schema block */
body.ockrd .space-page-section .how-to-schema-block .metafields>div{background:var(--k-s2);border:1px solid var(--k-line);color:var(--k-mu);border-radius:999px;padding:6px 14px}
body.ockrd .space-page-section .how-to-schema-block .steps-wrapper>div{background:var(--k-s2);border:1px solid var(--k-line);border-radius:18px;box-shadow:none}

/* author box */
body.ockrd .space-page-section .author-box,body.ockrd .space-page-section .space-author-box,body.ockrd .space-page-section .wp-block-post-author{background:var(--k-s2);border:1px solid var(--k-line);border-radius:18px;color:var(--k-body)}

/* ---------- toplists inside generic pages (slot pages etc.): shortcode-4 / casinos-3 + casino-item-style-8 ---------- */
body.ockrd .space-casinos-3-archive-item,body.ockrd .space-casinos-4-archive-item{background:var(--k-s1);border:1px solid var(--k-line);border-radius:18px;box-shadow:none;margin-bottom:12px;overflow:hidden}
body.ockrd .space-casinos-3-archive-item:first-child{background:linear-gradient(90deg,#221A4A,#12162B 70%);border-color:#5B47D6;box-shadow:0 0 40px rgba(123,92,255,.22)}
body.ockrd .space-casinos-3-archive-item-ins,body.ockrd .space-casinos-4-archive-item-ins{background:none!important;border:0}
body.ockrd .space-casinos-3-archive-item-count,body.ockrd .space-casinos-3-archive-item-count-2{background:var(--k-s2)!important;color:var(--k-gold)!important;border:1px solid var(--k-line2);border-radius:10px;font-family:var(--k-hd);font-weight:800}
body.ockrd .space-casinos-34-item-logo{border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--k-line2)}
body.ockrd .space-casino-4-title-box a,body.ockrd .space-casinos-3-archive-item-title a,body.ockrd .space-casinos-4-archive-item-title a{font-family:var(--k-hd);font-weight:700;color:#fff!important}
body.ockrd .space-casinos-3-archive-item-terms,body.ockrd .space-casinos-3-archive-item-terms *,body.ockrd .space-casinos-3-archive-item-terms-ins{color:var(--k-mu)}
body.ockrd .space-casinos-3-archive-item-terms-ins strong{color:#fff!important;font-family:var(--k-hd)}
body.ockrd .space-casinos-3-archive-item .has-mercury-wisteria-color{color:var(--k-mint)!important}
body.ockrd .space-casinos-3-archive-item .pros-list li{color:var(--k-body)}
body.ockrd .space-casinos-3-archive-item .star-rating,body.ockrd .space-casinos-3-archive-item .star-rating span{color:var(--k-tx)}
/* play buttons (beats my_custom_styles' !important by specificity) – pink->orange gradient is reserved for play CTAs */
body.ockrd .space-casino-content-button a.play-button,body.ockrd .space-game-content-button a.play-button,body.ockrd .space-casinos-3-archive-item-button-ins a.play-button,body.ockrd .space-casinos-4-archive-item-button-two-ins a.play-button,body.ockrd .space-shortcode-wrap .space-casinos-3-archive-item-button-ins a.play-button,body.ockrd .space-shortcode-wrap .space-casinos-4-archive-item-button-two-ins a.play-button,body.ockrd .space-shortcode-wrap a.play-button{color:#fff!important;background:var(--k-cta)!important;border-radius:12px!important;font-family:var(--k-hd)!important;font-weight:700!important;box-shadow:var(--k-glow)!important;text-transform:none;letter-spacing:0;border:0!important;transition:transform .12s,box-shadow .12s}
/* slot/game pages: header play button + games-archive buttons (all /go/ links) get the same play CTA */
body.ockrd .space-style-3-casino-header-button a.space-style-3-button,body.ockrd .space-games-archive-item-button a,body.ockrd .space-game-content-button a{color:#fff!important;background:var(--k-cta)!important;border-radius:12px!important;font-family:var(--k-hd)!important;font-weight:700!important;box-shadow:var(--k-glow)!important;border:0!important;letter-spacing:.02em;transition:transform .12s,box-shadow .12s}
body.ockrd .space-style-3-casino-header-button a.space-style-3-button:hover,body.ockrd .space-games-archive-item-button a:hover{transform:translateY(-2px);box-shadow:0 10px 36px rgba(255,46,136,.6)!important}
body.ockrd .space-games-archive-item-short-desc{color:var(--k-mu)}
body.ockrd a.play-button:hover{transform:translateY(-2px);box-shadow:0 10px 36px rgba(255,46,136,.6)!important}
/* secondary links next to play buttons: outlined mint */
body.ockrd .space-casinos-3-archive-item-button-ins a:not(.play-button),body.ockrd .space-casinos-4-archive-item-button-one-ins a{color:var(--k-mint)!important;background:transparent!important;border:1px solid rgba(44,246,195,.5)!important;border-radius:12px!important;font-weight:600;box-shadow:none!important}

/* ---------- sidebar widgets (box-25) ---------- */
body.ockrd .space-sidebar-section .space-widget{background:var(--k-s1);border:1px solid var(--k-line);border-radius:20px;padding:18px 16px;box-shadow:none;margin-bottom:18px;color:var(--k-body)}
body.ockrd .space-sidebar-section .space-block-title span,body.ockrd .space-sidebar-section .space-widget-title span{font:800 18px/1.2 var(--k-hd);color:#fff;text-transform:none}
body.ockrd .space-sidebar-section .space-block-title span:before,body.ockrd .space-sidebar-section .space-widget-title span:before{background-color:var(--k-pink)!important}
body.ockrd .space-organizations-4-archive-item-ins{background:none!important;border:0;border-bottom:1px solid var(--k-line);border-radius:0}
body.ockrd .space-organizations-4-archive-item:last-child .space-organizations-4-archive-item-ins{border-bottom:0}
body.ockrd .space-organizations-4-archive-item-logo img{border-radius:12px}
body.ockrd .space-organizations-4-archive-item-title a,body.ockrd .space-organizations-4-archive-item-title{font-family:var(--k-hd);font-weight:700;color:#fff!important}
body.ockrd .space-organizations-4-archive-item-button-one-ins a,body.ockrd .space-organizations-3-archive-item-button-one-ins a{background:transparent!important;color:var(--k-mint)!important;border:1px solid rgba(44,246,195,.5)!important;border-radius:12px!important;font-weight:600;box-shadow:none!important}
body.ockrd .space-organizations-4-archive-item-button-two-ins a,body.ockrd .space-shortcode-wrap .space-organizations-4-archive-item-button-two-ins a,body.ockrd .space-organizations-3-archive-item-button-ins a,body.ockrd .space-shortcode-wrap .space-organizations-3-archive-item-button-ins a,body.ockrd .space-organization-content-button a,body.ockrd .space-unit-content-button a{color:#fff!important;background:var(--k-cta)!important;border:0!important;border-radius:12px!important;font-family:var(--k-hd);font-weight:700;box-shadow:var(--k-glow)!important}
body.ockrd .space-organizations-4-archive-item-terms,body.ockrd .space-organizations-4-archive-item-terms *{color:var(--k-mu)}
body.ockrd .space-organizations-4-archive-item-short-desc,body.ockrd .space-organizations-4-archive-item-desc{color:#fff;font-weight:700}
body.ockrd .sl-single-game-container a.slaunch-button,body.ockrd .sl-single-game-container .slaunch-button{background:var(--k-vio)!important;color:#fff!important;border-radius:12px!important;font-family:var(--k-hd);font-weight:700;box-shadow:0 8px 24px rgba(123,92,255,.45)!important;border:0!important}
/* old lavender boxes inside legal pages (inline colours set in the editor) -> dark surface */
body.ockrd .space-page-section .wp-block-group.has-background[style*="#f6f4fa"]{background-color:var(--k-s2)!important;border-color:var(--k-line)!important}
body.ockrd .space-sidebar-section .widget_nav_menu a,body.ockrd .space-sidebar-section .widget_recent_entries a{color:var(--k-body)}
body.ockrd .space-sidebar-section .widget_nav_menu a:hover{color:var(--k-mint)}
body.ockrd .star,body.ockrd .fa-star{color:var(--k-gold)!important}
body.ockrd .space-rating-star-background{background-color:var(--k-gold)}

/* ---------- slot pages (Slots Launch plugin, sl-*) ---------- */
body.ockrd .sl-game-attributes{background:var(--k-s1);border-radius:20px;border:1px solid var(--k-line);box-shadow:none}
body.ockrd .sl-game-attributes-header{background:var(--k-s2)!important;border-radius:20px 20px 0 0;border-bottom:1px solid var(--k-line)}
body.ockrd .sl-game-attributes-header h3,body.ockrd .sl-toggle-attributes,body.ockrd .sl-toggle-attributes svg{color:#fff!important;border-color:var(--k-line2)!important}
body.ockrd .slotls-header{background:var(--k-s2)!important}
body.ockrd .sl-game-attributes-header h3{font:700 18px var(--k-hd);text-transform:none}
body.ockrd .sl-attribute-item{background:var(--k-s2);border-radius:12px;border:1px solid var(--k-line)}
body.ockrd .sl-attribute-label{color:var(--k-mu)}
body.ockrd .sl-attribute-value{color:#fff;font-weight:700}
body.ockrd .sl-single-game-container iframe,body.ockrd .sl-game-frame,body.ockrd .sl-game-wrapper{border-radius:20px;overflow:hidden}
body.ockrd .sl-single-game-container .sl-btn,body.ockrd .sl-single-game-container button{border-radius:12px;font-family:var(--k-hd);font-weight:700}

/* ---------- archives, blog, games (generic Mercury classes) ---------- */
body.ockrd .space-archive-loop-item,body.ockrd .space-news-1-item,body.ockrd .space-news-2-item,body.ockrd .space-news-3-item,body.ockrd .space-games-archive-item,body.ockrd .space-games-1-archive-item,body.ockrd .space-games-2-archive-item{background:var(--k-s1);border:1px solid var(--k-line);border-radius:18px;box-shadow:none;overflow:hidden}
body.ockrd .space-archive-loop-item-title a,body.ockrd .space-archive-loop-item-title,body.ockrd [class*=space-news-] [class*=-title] a,body.ockrd [class*=space-games-] [class*=-title] a{font-family:var(--k-hd);font-weight:700;color:#fff!important}
body.ockrd .space-archive-loop-item-img-category a,body.ockrd [class*=space-news-] [class*=-category] a,body.ockrd [class*=space-news-] [class*=-category] span{background-color:var(--k-s2)!important;color:var(--k-mint)!important;border-radius:999px}
body.ockrd .space-archive-loop-item-meta,body.ockrd .space-archive-loop-item-meta a{color:var(--k-mu)}
body.ockrd nav.pagination a,body.ockrd .space-load-more-button,body.ockrd nav.comments-pagination a,body.ockrd nav.pagination-post a span.page-number{background-color:var(--k-s2)!important;color:var(--k-mint)!important;border:1px solid var(--k-line2);border-radius:12px}
body.ockrd .widget_tag_cloud a{background-color:var(--k-s2)!important;color:var(--k-mint)!important;border-radius:999px}
body.ockrd .space-single-game .space-game-content-button a,body.ockrd .space-game-content-button a{border-radius:12px}

/* comments */
body.ockrd .space-comments,body.ockrd #comments{background:var(--k-s1);border:1px solid var(--k-line);border-radius:20px;padding:24px;box-shadow:none;color:var(--k-body)}
body.ockrd .comment-respond input[type=submit],body.ockrd #commentform .submit{background:var(--k-vio)!important;color:#fff;border-radius:12px;font-family:var(--k-hd);font-weight:700}
body.ockrd .comment-respond input:not([type=submit]),body.ockrd .comment-respond textarea{border-radius:12px;border:1px solid var(--k-line2);background:var(--k-bg);color:#fff}

/* ---------- mobile ---------- */
@media (max-width:1023px){
 body.ockrd .space-page-section .space-page-content-box-wrap{padding:24px 20px;border-radius:20px}
 body.ockrd .space-title-box-h1,body.ockrd .space-page-section .top-block>.space-page-section-ins>.space-content-section{padding:26px 22px 20px;border-radius:22px}
}
@media (max-width:767px){
 body.ockrd .space-title-box{padding-top:18px}
 body.ockrd .space-title-box-h1 h1,body.ockrd .space-page-section .top-block .top-block-title{font-size:31px}
 body.ockrd .space-page-section .space-page-content{font-size:16px}
 body.ockrd .space-page-section .space-page-content h2{font-size:24px}
 body.ockrd .space-page-section .space-page-content h3{font-size:19px}
 body.ockrd .site-footer{padding-top:40px}
 body.ockrd .space-page-section .space-page-content-box-wrap{padding:20px 16px}
}
@media (prefers-reduced-motion:reduce){body.ockrd a.play-button{transition:none}}

/* ===== fix-preview-1 (2026-10-23) ===== */
/* (1) Author box (theme block-author-box: .author-block.space-page-content-meta) as a dark neon card.
   Overrides kix-child style.css (black text, letter-spacing:1px, grey inset shadow, absolute avatar)
   and the section paragraph colours of the page transforms. */
body.ockrd .author-block.space-page-content-meta{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;align-items:start;background:linear-gradient(140deg,#1A1740,var(--k-s1) 70%);border:1px solid var(--k-line2);border-radius:18px;box-shadow:0 0 40px rgba(123,92,255,.18);padding:22px 24px;margin:28px 0 8px;min-height:0;overflow:visible;font-family:var(--k-bd);letter-spacing:normal;color:#E8E9F3;text-align:left;width:auto;float:none}
body.ockrd .author-block .space-page-content-meta-avatar{position:static;top:auto;left:auto;width:64px;height:64px;margin:0}
body.ockrd .author-block .space-page-content-meta-avatar img{width:64px!important;height:64px!important;object-fit:cover;border-radius:50%!important;box-shadow:0 0 0 2px var(--k-bg),0 0 0 4px var(--k-pink),0 0 18px rgba(255,46,136,.45);display:block;max-width:none}
body.ockrd .author-block .space-page-content-meta-ins{display:block;padding:0!important;margin:0;min-height:0;width:auto}
body.ockrd .author-block .space-page-content-meta-data{font-size:inherit;line-height:inherit;color:inherit;width:auto;padding:0;margin:0}
body.ockrd .author-block .space-page-content-meta-data-ins{display:grid;grid-template-columns:minmax(180px,max-content) minmax(0,1fr);gap:6px 28px;align-items:start}
body.ockrd .author-block .space-page-content-meta-data-ins>div:first-child{min-width:0}
body.ockrd .author-block .space-page-content-meta-author{font:700 18px/1.25 var(--k-hd);color:#fff!important;padding:0;margin:0 0 4px;width:auto;letter-spacing:-.01em}
body.ockrd .author-block .space-page-content-meta-data-ins p,body.ockrd .ockhp .hp-sec .author-block p,body.ockrd .ockrv .author-block p{margin:0;padding:0;font-size:14px;line-height:1.45;letter-spacing:normal}
body.ockrd .author-block p.author-role,body.ockrd .ockhp .hp-sec .author-block p.author-role,body.ockrd .ockrv .author-block p.author-role{color:var(--k-mu)!important;font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px}
body.ockrd .author-block p.author-email,body.ockrd .ockhp .hp-sec .author-block p.author-email,body.ockrd .ockrv .author-block p.author-email{margin:0;white-space:nowrap}
body.ockrd .author-block p.author-email a{color:var(--k-mint)!important;font-weight:600;font-size:14px;text-decoration:none;border-bottom:1px solid rgba(44,246,195,.35);white-space:nowrap;word-break:normal;overflow-wrap:normal}
body.ockrd .author-block p.author-email a:hover{color:#fff!important;border-bottom-color:var(--k-mint)}
body.ockrd .author-block .autor-description,body.ockrd .ockhp .hp-sec .author-block .autor-description,body.ockrd .ockrv .author-block .autor-description{margin:0;padding:0 0 0 26px;border-left:2px solid var(--k-line2);color:#E8E9F3!important;font-family:var(--k-bd);font-size:15px;line-height:1.65;letter-spacing:normal!important}
@media(max-width:767px){
 body.ockrd .author-block.space-page-content-meta{grid-template-columns:52px minmax(0,1fr);gap:14px;padding:18px;margin:22px 0 6px}
 body.ockrd .author-block .space-page-content-meta-avatar,body.ockrd .author-block .space-page-content-meta-avatar img{width:52px!important;height:52px!important}
 body.ockrd .author-block .space-page-content-meta-data-ins{display:block}
 body.ockrd .author-block .space-page-content-meta-data-ins p.author-email{margin:0}
 body.ockrd .author-block .autor-description,body.ockrd .ockhp .hp-sec .author-block .autor-description,body.ockrd .ockrv .author-block .autor-description{margin:14px 0 0 -66px;padding:14px 0 0;border-left:0;border-top:1px solid var(--k-line);font-size:15px}
}

/* (2) Category/topic tile grids (.tile-blocks-wrapper inside .space-pros-cons): the page transform turns
   .space-pros-cons into a 2-column pros/cons grid, which pushed the tiles into the left column. Span the full
   content column and centre them (incomplete rows centred too). */
body.ockrd .space-pros-cons>.tile-blocks-wrapper{grid-column:1/-1;width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:8px auto 0;float:none}
body.ockrd .space-pros-cons:has(>.tile-blocks-wrapper){display:block!important}
body.ockrd .tile-blocks-wrapper a.tile-item{margin:0;background:var(--k-s2);border:1px solid var(--k-line);box-shadow:none;border-radius:14px}
body.ockrd .tile-blocks-wrapper a.tile-item:hover{transform:translateY(-2px);border-color:var(--k-vio);box-shadow:0 0 24px rgba(123,92,255,.3)}
body.ockrd .tile-blocks-wrapper a.tile-item p{color:var(--k-tx)!important;margin:15px 0 0!important}
@media(max-width:480px){body.ockrd .space-pros-cons>.tile-blocks-wrapper{gap:10px}body.ockrd .tile-blocks-wrapper a.tile-item{width:calc((100% - 20px)/3);min-width:0;padding:14px 6px;height:auto;min-height:118px}}

/* (3) Toplist rows: all USP pills on one line on desktop (wider USP column, slightly smaller pills,
   nowrap with ellipsis as fallback); tidy wrapping on mobile. */
@media(min-width:1181px){
 body.ockrd .ockhp .hp-row{grid-template-columns:30px 60px minmax(150px,.7fr) minmax(0,2.6fr) minmax(165px,.7fr) 140px;gap:12px;padding:14px 16px}
 body.ockrd .ockhp .hp-row .hp-logo{width:60px;height:60px}
 body.ockrd .ockhp .hp-row .hp-pros{min-width:0}
 body.ockrd .ockhp .hp-row .hp-pros ul.pros-list{flex-wrap:nowrap;gap:5px;min-width:0;overflow:hidden}
 body.ockrd .ockhp .hp-row .hp-pros li.pros-item{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;padding:4px 8px}
 body.ockrd .ockhp .hp-row .hp-pros li.pros-item i{margin-right:5px;font-size:11px}
 body.ockrd .ockhp .hp-row .hp-bonus strong{font-size:18px}
}
@media(min-width:1181px) and (max-width:1300px){body.ockrd .ockhp .hp-row .hp-pros li.pros-item{font-size:11.5px;padding:4px 7px}body.ockrd .ockhp .hp-row .hp-pros li.pros-item i{margin-right:3px}}
@media(min-width:1181px) and (max-width:1230px){body.ockrd .ockhp .hp-row{gap:10px}body.ockrd .ockhp .hp-row .hp-pros li.pros-item{font-size:11px;padding:3px 6px}}
@media(max-width:900px){
 body.ockrd .ockhp .hp-row .hp-pros ul.pros-list{gap:5px}
 body.ockrd .ockhp .hp-row .hp-pros li.pros-item{font-size:12px;padding:3px 9px;line-height:1.35;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
}

/* (4) Game cards (Mercury .space-games-archive-item, e.g. "More Games" on slot pages and games archives):
   the theme's inner box is white with grey 0.75em text and uneven heights. Make the inner box the dark card,
   stretch it to the full column height and pin the play button to the bottom. Texts stay complete. */
body.ockrd .space-games-archive-items{display:flex;flex-wrap:wrap;align-items:stretch}
body.ockrd .space-games-archive-items>.space-games-archive-item{display:flex;float:none;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
body.ockrd .space-games-archive-item-ins{display:flex;flex-direction:column;width:100%;background:var(--k-s1)!important;border:1px solid var(--k-line);border-radius:18px;box-shadow:none;overflow:hidden;margin:0 10px 22px;transition:border-color .15s,box-shadow .15s,transform .15s}
body.ockrd .space-games-archive-item-ins:hover{border-color:var(--k-vio);box-shadow:0 0 34px rgba(123,92,255,.28);transform:translateY(-2px)}
body.ockrd .space-games-archive-item-img{padding:10px 10px 0;line-height:0}
body.ockrd .space-games-archive-item-img img{width:100%;height:auto;border-radius:12px!important;display:block}
body.ockrd .space-games-archive-item-wrap{flex:1 1 auto;display:flex;flex-direction:column;padding:16px 18px 20px;background:none}
body.ockrd .space-games-archive-item-title{margin:0 0 8px}
body.ockrd .space-games-archive-item-title a{font:700 18px/1.3 var(--k-hd);color:#fff!important}
body.ockrd .space-games-archive-item-title a:hover{color:var(--k-mint)!important}
body.ockrd .space-games-archive-item-short-desc{font-size:14.5px;line-height:1.6;color:var(--k-body)!important;letter-spacing:normal}
body.ockrd .space-games-archive-item-button{margin-top:auto;padding-top:18px}
body.ockrd .space-games-archive-item-button a{display:block;padding:12px 18px;font-size:15px;line-height:1.25}
body.ockrd .space-games-archive-item-button-notice{color:var(--k-mu)}
body.ockrd .space-games-archive-item-button-notice a{color:var(--k-mu)!important}
body.ockrd .space-related-items .space-block-title,body.ockrd .space-related-items .space-block-title span{color:var(--k-tx)!important;font-family:var(--k-hd)}
@media(max-width:600px){
 body.ockrd .space-games-archive-items>.space-games-archive-item{width:100%!important;max-width:100%}
 body.ockrd .space-games-archive-item-ins{margin:0 0 16px}
 body.ockrd .space-games-archive-item-short-desc{font-size:14.5px}
}

/* ===== fix-live-2 (2026-10-23): pros/cons icon in the heading row (was a 50px absolute circle overlapping the 1st item) ===== */
body.ockrd .space-pros-ins:before,body.ockrd .space-cons-ins:before{content:none!important;display:none!important}
body.ockrd .space-pros-title,body.ockrd .space-cons-title{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:36px}
body.ockrd .space-pros-title:after,body.ockrd .space-cons-title:after{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:50%;font:700 22px/1 var(--k-hd);position:static!important;margin:0;padding:0 0 2px;box-sizing:border-box}
body.ockrd .space-pros-title:after{content:"+";color:var(--k-mint);background:rgba(44,246,195,.12);border:1px solid rgba(44,246,195,.55);box-shadow:0 0 14px rgba(44,246,195,.25)}
body.ockrd .space-cons-title:after{content:"\2212";color:var(--k-pink);background:rgba(255,46,136,.12);border:1px solid rgba(255,46,136,.55);box-shadow:0 0 14px rgba(255,46,136,.25)}
@media(max-width:600px){body.ockrd .space-pros-title:after,body.ockrd .space-cons-title:after{flex-basis:32px;width:32px;height:32px;font-size:20px}body.ockrd .space-pros-title,body.ockrd .space-cons-title{min-height:32px}}

/* fix-live-3: sidebar "Inhoud" card ends inside its column (gap above next section, fits viewport, fade shows it scrolls) */
body.ockrd .ockhp .hp-split .hp-side{padding-bottom:20px}
body.ockrd .ockhp .hp-split .hp-toc{max-height:max(180px,min(460px,calc(100vh - var(--ockhp-top,90px) - 290px)))}
body.ockrd .ockhp .hp-toc,body.ockrd .ockrv .rv-toc{padding-bottom:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3A4280 transparent}
body.ockrd .ockhp .hp-toc:after,body.ockrd .ockrv .rv-toc:after{content:"";display:block;position:sticky;bottom:0;height:30px;margin-top:-12px;background:linear-gradient(rgba(18,22,43,0),var(--s1,#12162B) 85%);pointer-events:none}

/* fix-live-4: Dark Neon line icons for the homepage topic + game tiles (old <img> hidden, decorative CSS background, mapped by link) */
body.ockrd .tile-blocks-wrapper a.tile-item[href$="/echt-geld-casinos/"]>img,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/casino-betaalmethoden/"]>img,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/mobiel-casino/"]>img,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/casino-zonder-registratie/"]>img,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/best-uitbetalende-online-casinos/"]>img,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/goksites/"]>img,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/live-casino/"]>img,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/online-blackjack/"]>img,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/online-roulette/"]>img,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/online-gokkasten/"]>img,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/craps-online/"]>img,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/baccarat-online/"]>img{display:none!important}
body.ockrd .tile-blocks-wrapper a.tile-item[href$="/echt-geld-casinos/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/casino-betaalmethoden/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/mobiel-casino/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/casino-zonder-registratie/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/best-uitbetalende-online-casinos/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/goksites/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/live-casino/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/online-blackjack/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/online-roulette/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/online-gokkasten/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/craps-online/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/baccarat-online/"]:before{content:"";display:block;width:44px;height:44px;margin:-2px auto;background:no-repeat center/contain;filter:drop-shadow(0 0 5px rgba(255,46,136,.45));transition:filter .2s}
body.ockrd .tile-blocks-wrapper a.tile-item[href$="/echt-geld-casinos/"]:hover:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/casino-betaalmethoden/"]:hover:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/mobiel-casino/"]:hover:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/casino-zonder-registratie/"]:hover:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/best-uitbetalende-online-casinos/"]:hover:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/goksites/"]:hover:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/live-casino/"]:hover:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/online-blackjack/"]:hover:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/online-roulette/"]:hover:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/online-gokkasten/"]:hover:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/craps-online/"]:hover:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/baccarat-online/"]:hover:before{filter:drop-shadow(0 0 8px rgba(255,46,136,.7)) drop-shadow(0 0 3px rgba(44,246,195,.35))}
body.ockrd .tile-blocks-wrapper a.tile-item[href$="/echt-geld-casinos/"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='6' y1='6' x2='42' y2='42'%3E%3Cstop offset='0' stop-color='%23FF2E88'/%3E%3Cstop offset='1' stop-color='%23FF6A3D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='24' cy='24' r='17' stroke='url(%23g)'/%3E%3Ccircle cx='24' cy='24' r='12.5' stroke='url(%23g)' stroke-opacity='.35'/%3E%3Cpath d='M29 18.6a7 7 0 1 0 0 10.8M16.5 22.2h9M16.5 25.8h9' stroke='%232CF6C3'/%3E%3C/svg%3E")}
body.ockrd .tile-blocks-wrapper a.tile-item[href$="/casino-betaalmethoden/"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='6' y1='6' x2='42' y2='42'%3E%3Cstop offset='0' stop-color='%23FF2E88'/%3E%3Cstop offset='1' stop-color='%23FF6A3D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='6' y='12' width='36' height='24' rx='4.5' stroke='url(%23g)'/%3E%3Cpath d='M6 19h36' stroke='url(%23g)'/%3E%3Crect x='11.5' y='24' width='8' height='6' rx='1.5' stroke='%232CF6C3'/%3E%3Cpath d='M29 29h7' stroke='%232CF6C3'/%3E%3C/svg%3E")}
body.ockrd .tile-blocks-wrapper a.tile-item[href$="/mobiel-casino/"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='6' y1='6' x2='42' y2='42'%3E%3Cstop offset='0' stop-color='%23FF2E88'/%3E%3Cstop offset='1' stop-color='%23FF6A3D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='14' y='5' width='20' height='38' rx='4.5' stroke='url(%23g)'/%3E%3Cpath d='M21 9.5h6M21 38h6' stroke='%232CF6C3'/%3E%3Cpath d='M25.5 18l-4 6h5l-4 6' stroke='%232CF6C3'/%3E%3C/svg%3E")}
body.ockrd .tile-blocks-wrapper a.tile-item[href$="/casino-zonder-registratie/"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='6' y1='6' x2='42' y2='42'%3E%3Cstop offset='0' stop-color='%23FF2E88'/%3E%3Cstop offset='1' stop-color='%23FF6A3D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M27 5L11 27h11l-2 16 17-23H25.5L27 5z' stroke='url(%23g)'/%3E%3Cpath d='M7 14l3 1.5M39.5 34l-3-1.5M40 11l-2.5 2' stroke='%232CF6C3'/%3E%3C/svg%3E")}
body.ockrd .tile-blocks-wrapper a.tile-item[href$="/best-uitbetalende-online-casinos/"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='6' y1='6' x2='42' y2='42'%3E%3Cstop offset='0' stop-color='%23FF2E88'/%3E%3Cstop offset='1' stop-color='%23FF6A3D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M8.5 34a17 17 0 1 1 31 0' stroke='url(%23g)'/%3E%3Cpath d='M13 22.5l2.2 1M24 13.5v2.4M35 22.5l-2.2 1' stroke='url(%23g)' stroke-opacity='.6'/%3E%3Cpath d='M24 31l8.5-10' stroke='%232CF6C3'/%3E%3Ccircle cx='24' cy='31' r='2.6' stroke='%232CF6C3'/%3E%3Cpath d='M16 39h16' stroke='url(%23g)'/%3E%3C/svg%3E")}
body.ockrd .tile-blocks-wrapper a.tile-item[href$="/goksites/"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='6' y1='6' x2='42' y2='42'%3E%3Cstop offset='0' stop-color='%23FF2E88'/%3E%3Cstop offset='1' stop-color='%23FF6A3D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M14 7h20v10a10 10 0 0 1-20 0V7z' stroke='url(%23g)'/%3E%3Cpath d='M14 10H9.5a5 5 0 0 0 5.4 7.6M34 10h4.5a5 5 0 0 1-5.4 7.6M24 27v5M16 42h16M19 42l1-10h8l1 10' stroke='url(%23g)'/%3E%3Cpath d='M21.5 12.5l2-1.5v8' stroke='%232CF6C3'/%3E%3Crect x='26' y='11' width='4.2' height='8' rx='2.1' stroke='%232CF6C3'/%3E%3C/svg%3E")}
body.ockrd .tile-blocks-wrapper a.tile-item[href$="/live-casino/"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='6' y1='6' x2='42' y2='42'%3E%3Cstop offset='0' stop-color='%23FF2E88'/%3E%3Cstop offset='1' stop-color='%23FF6A3D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='5' y='14' width='26' height='20' rx='4' stroke='url(%23g)'/%3E%3Cpath d='M31 21l11-6v18l-11-6' stroke='url(%23g)'/%3E%3Ccircle cx='11.5' cy='20.5' r='2.2' fill='%232CF6C3'/%3E%3Cpath d='M11 28h13' stroke='%232CF6C3'/%3E%3C/svg%3E")}
body.ockrd .tile-blocks-wrapper a.tile-item[href$="/online-blackjack/"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='6' y1='6' x2='42' y2='42'%3E%3Cstop offset='0' stop-color='%23FF2E88'/%3E%3Cstop offset='1' stop-color='%23FF6A3D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='rotate(-12 17 24)'%3E%3Crect x='7' y='10' width='20' height='28' rx='3' stroke='url(%23g)'/%3E%3Cpath d='M11.5 15v7M15 15l-3.5 3.5L15 22' stroke='%232CF6C3'/%3E%3C/g%3E%3Crect x='21' y='10' width='20' height='28' rx='3' stroke='url(%23g)' fill='%23191E3A'/%3E%3Cpath d='M26.5 32l4.5-13 4.5 13M28 28h6' stroke='%232CF6C3'/%3E%3C/svg%3E")}
body.ockrd .tile-blocks-wrapper a.tile-item[href$="/online-roulette/"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='6' y1='6' x2='42' y2='42'%3E%3Cstop offset='0' stop-color='%23FF2E88'/%3E%3Cstop offset='1' stop-color='%23FF6A3D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='24' cy='24' r='17' stroke='url(%23g)'/%3E%3Ccircle cx='24' cy='24' r='9.5' stroke='url(%23g)' stroke-opacity='.6'/%3E%3Cpath d='M24 7v7.5M24 33.5V41M7 24h7.5M33.5 24H41' stroke='url(%23g)' stroke-opacity='.6'/%3E%3Ccircle cx='24' cy='24' r='3' stroke='%232CF6C3'/%3E%3Ccircle cx='34.6' cy='13.4' r='2' fill='%232CF6C3'/%3E%3C/svg%3E")}
body.ockrd .tile-blocks-wrapper a.tile-item[href$="/online-gokkasten/"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='6' y1='6' x2='42' y2='42'%3E%3Cstop offset='0' stop-color='%23FF2E88'/%3E%3Cstop offset='1' stop-color='%23FF6A3D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='6' y='9' width='32' height='28' rx='4' stroke='url(%23g)'/%3E%3Cpath d='M16.7 15v16M27.3 15v16' stroke='url(%23g)' stroke-opacity='.5'/%3E%3Cpath d='M38 20h3.5v-8' stroke='url(%23g)'/%3E%3Ccircle cx='41.5' cy='9' r='2.2' stroke='url(%23g)'/%3E%3Cpath d='M9.2 19h4.4l-3 8M20 19h4.4l-3 8M30.6 19H35l-3 8' stroke='%232CF6C3'/%3E%3Cpath d='M11 42h22' stroke='url(%23g)'/%3E%3C/svg%3E")}
body.ockrd .tile-blocks-wrapper a.tile-item[href$="/craps-online/"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='6' y1='6' x2='42' y2='42'%3E%3Cstop offset='0' stop-color='%23FF2E88'/%3E%3Cstop offset='1' stop-color='%23FF6A3D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='rotate(-12 13 17)'%3E%3Crect x='4' y='8' width='18' height='18' rx='3.6' stroke='url(%23g)'/%3E%3Cpath d='M8.6 12.6h0M13 17h0M17.4 21.4h0' stroke='%232CF6C3' stroke-width='3.4'/%3E%3C/g%3E%3Cg transform='rotate(10 35 31)'%3E%3Crect x='26' y='22' width='18' height='18' rx='3.6' stroke='url(%23g)'/%3E%3Cpath d='M30.6 26.6h0M39.4 26.6h0M30.6 35.4h0M39.4 35.4h0' stroke='%232CF6C3' stroke-width='3.4'/%3E%3C/g%3E%3C/svg%3E")}
body.ockrd .tile-blocks-wrapper a.tile-item[href$="/baccarat-online/"]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='6' y1='6' x2='42' y2='42'%3E%3Cstop offset='0' stop-color='%23FF2E88'/%3E%3Cstop offset='1' stop-color='%23FF6A3D'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='9' y='5' width='18' height='25' rx='3' transform='rotate(-12 18 18)' stroke='url(%23g)'/%3E%3Crect x='21' y='5' width='18' height='25' rx='3' transform='rotate(10 30 18)' stroke='url(%23g)' fill='%23191E3A'/%3E%3Cpath d='M15 36.5v3.5c0 1.8 4 3.2 9 3.2s9-1.4 9-3.2v-3.5' stroke='%232CF6C3' fill='%23191E3A'/%3E%3Cellipse cx='24' cy='36.5' rx='9' ry='3.2' stroke='%232CF6C3' fill='%23191E3A'/%3E%3C/svg%3E")}
@media(prefers-reduced-motion:reduce){body.ockrd .tile-blocks-wrapper a.tile-item[href$="/echt-geld-casinos/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/casino-betaalmethoden/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/mobiel-casino/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/casino-zonder-registratie/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/best-uitbetalende-online-casinos/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/goksites/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/live-casino/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/online-blackjack/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/online-roulette/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/online-gokkasten/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/craps-online/"]:before,body.ockrd .tile-blocks-wrapper a.tile-item[href$="/baccarat-online/"]:before{transition:none}}

/* fix-live-5: labels fit inside the tiles (less side padding; on phones 2 equal columns) without breaking words */
body.ockrd .tile-blocks-wrapper a.tile-item{padding-left:12px;padding-right:12px}
@media(max-width:480px){body.ockrd .space-pros-cons>.tile-blocks-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px}body.ockrd .space-pros-cons>.tile-blocks-wrapper>.line-break{display:none}body.ockrd .tile-blocks-wrapper a.tile-item{width:auto;padding:14px 8px}}
/* fix-live-7: footer trust icons - uniform soft white (flag keeps its colours) */
body.ockrd .site-footer .footer-icons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 30px}
body.ockrd .site-footer .footer-icons a{display:inline-flex;line-height:0}
body.ockrd .site-footer .footer-icons img{height:30px;max-height:30px!important;width:auto;max-width:none;margin:0;filter:brightness(0) invert(1);opacity:.7;transition:opacity .2s,filter .2s}
body.ockrd .site-footer .footer-icons img:hover{opacity:1;filter:brightness(0) invert(1) drop-shadow(0 0 6px rgba(44,246,195,.6))}
body.ockrd .site-footer .footer-icons img[src$="/be.svg"]{filter:none;opacity:.9}
body.ockrd .site-footer .footer-icons img[src$="/be.svg"]:hover{opacity:1;filter:drop-shadow(0 0 6px rgba(44,246,195,.6))}
/* fix-live-8: how-to block left-aligned (heading, intro, pills, step cards, badge) */
body.ockrd .how-to-schema-block>h2,body.ockrd .how-to-schema-block>div[itemprop=description],body.ockrd .how-to-schema-block>div[itemprop=description] p{text-align:left;margin-left:0}
body.ockrd .how-to-schema-block .metafields{justify-content:flex-start;text-align:left}
body.ockrd .how-to-schema-block .steps-wrapper>div,body.ockrd .how-to-schema-block .steps-wrapper .step-name,body.ockrd .how-to-schema-block .steps-wrapper .step-description,body.ockrd .how-to-schema-block .steps-wrapper .step-description p{text-align:left}
body.ockrd .how-to-schema-block .steps-wrapper>div::before{left:18px;transform:none}
/* fix-live-10: 'Nog N casino's tonen' button for original toplists */
body.ockrd .ockrd-showall{text-align:center;margin:20px 0 8px}body.ockrd .ockrd-showall button{display:inline-block;width:auto;margin:0;padding:12px 26px;font:700 15px/1.2 var(--k-hd);background:rgba(44,246,195,.06);color:var(--k-mint)!important;border:1px solid rgba(44,246,195,.55);border-radius:12px;cursor:pointer;text-transform:none;letter-spacing:0;box-shadow:none}body.ockrd .ockrd-showall button:hover{background:rgba(44,246,195,.14);box-shadow:0 0 22px rgba(44,246,195,.25)}

/* ===== fix-live-12: Dark Neon archive layout (#ocka, inc/archive.php) – mobile first ===== */
body.ockrd .ocka{color:var(--k-body);font-family:var(--k-bd);font-size:16px;line-height:1.55}
body.ockrd .ocka *,body.ockrd .ocka *:before,body.ockrd .ocka *:after{box-sizing:border-box}
body.ockrd .ocka-wrap{max-width:1240px;margin:0 auto;padding:0 16px}
body.ockrd .ocka a:focus-visible{outline:2px solid var(--k-mint);outline-offset:3px;border-radius:8px}
/* hero */
body.ockrd .ocka-hero{background:var(--k-bg) radial-gradient(700px 340px at 88% 0%,rgba(123,92,255,.28),transparent 62%),radial-gradient(520px 260px at 0% 100%,rgba(255,46,136,.10),transparent 60%) no-repeat;padding:22px 0 8px}
body.ockrd .ocka-hbox{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:start;background:linear-gradient(180deg,#1B2045,#12162B);border:1px solid var(--k-line2);border-radius:22px;padding:20px 18px 18px;box-shadow:0 0 0 1px rgba(255,46,136,.15),0 24px 60px rgba(123,92,255,.20)}
body.ockrd .ocka-badge{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--k-s2);color:var(--k-mint);box-shadow:0 0 0 1px var(--k-line2),0 0 26px rgba(44,246,195,.18)}
body.ockrd .ocka-badge-flag span{font-size:30px;line-height:1}
body.ockrd .ocka-crumbs .space-breadcrumbs{margin:0 0 8px;padding:0;font-size:13px;line-height:1.4}
body.ockrd .ocka-kicker{display:inline-block;margin:0 0 6px;font:700 11.5px/1.2 var(--k-hd);letter-spacing:.14em;text-transform:uppercase;color:var(--k-pink)}
body.ockrd .ocka h1{margin:0;padding:0;font:800 28px/1.15 var(--k-hd);color:#fff;letter-spacing:-.02em;text-transform:none;overflow-wrap:anywhere}
body.ockrd .ocka-h1flag{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.ockrd .ocka-lead{margin:10px 0 0;color:var(--k-mu);font-size:15.5px;max-width:760px}
body.ockrd .ocka-lead p{margin:0 0 6px;color:var(--k-mu)}
body.ockrd .ocka-meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
body.ockrd .ocka-chip{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;background:var(--k-s2);border:1px solid var(--k-line2);font:700 13px/1.2 var(--k-hd);color:var(--k-mint)}
body.ockrd .ocka-chip-mu{color:var(--k-mu);font-weight:600}
/* casino grid + cards (same look as the similar-casino cards on reviews) */
body.ockrd .ocka-body{padding:18px 0 34px}
body.ockrd .ocka-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
body.ockrd .ocka-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;align-content:start;padding:16px;background:var(--k-s1);border:1px solid var(--k-line);border-radius:20px;transition:border-color .15s,box-shadow .15s,transform .15s}
body.ockrd .ocka-card:hover{border-color:var(--k-vio);box-shadow:0 0 34px rgba(123,92,255,.26)}
body.ockrd .ocka-logo{width:64px;height:64px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:var(--k-s2);box-shadow:0 0 0 1px var(--k-line2)}
body.ockrd .ocka-logo img{width:100%;height:100%;object-fit:contain;display:block;border-radius:0}
body.ockrd .ocka-logo-wide img{object-fit:cover}
body.ockrd .ocka-hd{min-width:0}
body.ockrd .ocka .ocka-name{margin:0 0 3px;padding:0;font:700 17px/1.25 var(--k-hd);font-size:17px!important;line-height:1.25!important;letter-spacing:-.01em;overflow-wrap:anywhere}
body.ockrd .ocka-name a{color:#fff!important;text-decoration:none;font:inherit!important;letter-spacing:inherit}
body.ockrd .ocka-name a:hover{color:var(--k-mint)!important}
body.ockrd .ocka-rate{white-space:nowrap}
body.ockrd .ocka-rate small{color:var(--k-mu);font-size:13px}
body.ockrd .ocka .rv-stars{position:relative;display:inline-block;font-size:15px;line-height:1;letter-spacing:1px;vertical-align:-1px}
body.ockrd .ocka .rv-stars-bg{color:#2E3560}
body.ockrd .ocka .rv-stars-fg{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:var(--k-gold)}
body.ockrd .ocka-bonus{grid-column:1/-1;min-height:66px;display:flex;flex-direction:column;justify-content:center;background:var(--k-s2);border:1px solid var(--k-line);border-radius:12px;padding:9px 12px;text-align:center;font:600 13px/1.3 var(--k-hd);color:var(--k-mu)}
body.ockrd .ocka-bonus strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:18px;line-height:1.25;font-weight:800;color:#fff}
body.ockrd .ocka-bonus span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;color:var(--k-mint)}
body.ockrd .ocka-bonus-none{font-weight:500}
body.ockrd .ocka-cta{grid-column:1/-1;display:block;text-align:center;text-decoration:none;font:700 15px/1.2 var(--k-hd);padding:13px 16px;background:var(--k-cta);color:#fff!important;border-radius:12px;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,var(--k-glow);transition:transform .12s,box-shadow .12s}
body.ockrd .ocka-cta:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 10px 36px rgba(255,46,136,.6);color:#fff!important}
body.ockrd .ocka-cta-ghost{display:inline-block;background:rgba(44,246,195,.06);color:var(--k-mint)!important;border:1px solid rgba(44,246,195,.55);box-shadow:none;padding:12px 24px}
body.ockrd .ocka-cta-ghost:hover{background:rgba(44,246,195,.14);color:var(--k-mint)!important;box-shadow:none}
body.ockrd .ocka-more{grid-column:1/-1;text-align:center;font-size:13px;font-weight:600;color:var(--k-mu)!important;text-decoration:underline;text-underline-offset:3px}
body.ockrd .ocka-more:hover{color:var(--k-mint)!important}
/* original game + post items inside the new layout */
body.ockrd .ocka-games{margin:0}
@media(min-width:601px){body.ockrd .ocka-games{margin:0 -10px}}
body.ockrd .ocka-posts{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
body.ockrd .ocka-posts .space-archive-loop-item{width:100%;margin:0;padding:0;float:none}
body.ockrd .ocka-posts .space-archive-loop-item-img,body.ockrd .ocka-posts .space-archive-loop-item-title-box{width:100%;float:none}
body.ockrd .ocka-posts .space-archive-loop-item-img img{width:100%;height:auto;display:block;border-radius:0}
body.ockrd .ocka-posts .space-archive-loop-item-title-box-ins{padding:16px 18px 18px}
body.ockrd .ocka-posts .space-archive-loop-item-title a{font-size:19px;line-height:1.3;text-decoration:none}
body.ockrd .ocka-posts .space-archive-loop-item-excerpt{color:var(--k-body);font-size:15px;margin:8px 0}
body.ockrd .ocka-posts .read-more a{color:var(--k-mint)!important;font-weight:700}
/* pagination */
body.ockrd .ocka-pag{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:26px 0 6px}
body.ockrd .ocka-pg{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border-radius:12px;background:var(--k-s1);border:1px solid var(--k-line2);color:var(--k-body)!important;font:700 15px/1 var(--k-hd);text-decoration:none}
body.ockrd a.ocka-pg:hover{border-color:var(--k-mint);color:var(--k-mint)!important}
body.ockrd .ocka-pg-cur{background:linear-gradient(135deg,var(--k-vio),#5B47D6);border-color:transparent;color:#fff!important;box-shadow:0 0 22px rgba(123,92,255,.45)}
body.ockrd .ocka-pg-dots{background:none;border-color:transparent;min-width:20px;padding:0 4px;color:var(--k-mu)!important}
/* empty state */
body.ockrd .ocka-empty{max-width:620px;margin:10px auto;padding:34px 22px;text-align:center;background:var(--k-s1);border:1px dashed var(--k-line2);border-radius:22px;color:var(--k-mint)}
body.ockrd .ocka-empty h2{margin:10px 0 8px;font:800 22px/1.25 var(--k-hd);font-size:22px!important;line-height:1.25!important;color:#fff}
body.ockrd .ocka-empty p{margin:0 0 18px;color:var(--k-mu)}
/* long term description (SEO text / embedded toplists) below the grid */
body.ockrd .ocka-desc{margin:30px 0 0;padding:22px 18px;background:var(--k-s1);border:1px solid var(--k-line);border-radius:20px;color:var(--k-body)}
body.ockrd .ocka-desc h2,body.ockrd .ocka-desc h3{color:#fff}
body.ockrd .ocka-desc a:not(.play-button){color:var(--k-mint)}
@media(min-width:560px){
 body.ockrd .ocka-grid,body.ockrd .ocka-posts{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.ockrd .ocka-hbox{grid-template-columns:64px minmax(0,1fr);gap:18px;padding:24px 24px 22px}
 body.ockrd .ocka-badge{width:64px;height:64px;border-radius:18px}
 body.ockrd .ocka-badge-flag span{font-size:38px}
 body.ockrd .ocka h1{font-size:34px}
}
@media(min-width:900px){
 body.ockrd .ocka-wrap{padding:0 24px}
 body.ockrd .ocka-hero{padding:34px 0 10px}
 body.ockrd .ocka-hbox{grid-template-columns:84px minmax(0,1fr);gap:24px;padding:32px 36px 28px;border-radius:24px}
 body.ockrd .ocka-badge{width:84px;height:84px;border-radius:22px}
 body.ockrd .ocka-badge svg{width:40px;height:40px}
 body.ockrd .ocka-badge-flag span{font-size:50px}
 body.ockrd .ocka h1{font-size:44px}
 body.ockrd .ocka-grid,body.ockrd .ocka-posts{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
 body.ockrd .ocka-desc{padding:30px 34px}
}
@media(min-width:1180px){body.ockrd .ocka-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){body.ockrd .ocka-card,body.ockrd .ocka-cta{transition:none}body.ockrd .ocka-cta:hover{transform:none}}

/* ---------- fix-live-14: sidebar "Populaire Casino's" (block widget with the ACES casino list, .space-casinos-4-archive-*) ----------
 * Scoped to .space-sidebar-section only, so in-content toplists are untouched. Markup and hrefs are unchanged.
 * Same language as the toplists: dark card, Sora headings, gold stars, pink->orange play CTA, mint outline for the review link. */
body.ockrd .space-sidebar-section .widget_block>p:empty,body.ockrd .space-sidebar-section .widget_block>p:not(:has(*)):has(+.space-shortcode-wrap){display:none}
body.ockrd .space-sidebar-section .space-shortcode-wrap{margin:0}
body.ockrd .space-sidebar-section .space-shortcode-wrap .space-block-title{margin-bottom:4px}
body.ockrd .space-sidebar-section .space-casinos-4-archive-items{display:flex;flex-direction:column;gap:10px;margin:12px 0 0;counter-reset:ocksb}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item{width:100%;margin:0;background:var(--k-s2);border:1px solid var(--k-line);border-radius:16px;box-shadow:none;overflow:visible;counter-increment:ocksb;transition:border-color .15s,box-shadow .15s}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item:hover{border-color:var(--k-line2);box-shadow:0 0 26px rgba(123,92,255,.18)}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item:first-child{background:linear-gradient(135deg,#221A4A,var(--k-s2) 75%);border-color:#5B47D6;box-shadow:0 0 30px rgba(123,92,255,.22)}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-ins{margin:0!important;padding:12px!important;background:none!important;border:0;border-radius:16px;display:block;box-shadow:none!important}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-top{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;margin:0 0 10px}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-logo{position:relative;flex:0 0 48px;width:48px;order:0}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-logo img{display:block;width:48px;height:48px;border-radius:12px;box-shadow:0 0 0 1px var(--k-line2)}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-logo:after{content:counter(ocksb);position:absolute;top:-7px;left:-7px;min-width:20px;height:20px;padding:0 4px;box-sizing:border-box;display:grid;place-items:center;border-radius:999px;background:var(--k-bg);border:1px solid var(--k-line2);color:var(--k-gold);font:800 11px/1 var(--k-hd)}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item:first-child .space-casinos-4-archive-item-logo:after{background:var(--k-gold);border-color:var(--k-gold);color:#1A1300}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-title{flex:1 1 auto;min-width:0;order:0;line-height:1.2}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-title a{display:block;font:700 16px/1.25 var(--k-hd)!important;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-title a:hover{color:var(--k-mint)!important}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-title .star-rating{margin-top:4px;line-height:1}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-title .star-rating .star{font-size:12px;padding-right:2px;color:var(--k-gold)!important}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-desc{min-height:0;margin:0 0 12px;font:400 13px/1.4 var(--k-bd);color:var(--k-body)}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-desc strong{font:700 14px/1.35 var(--k-hd);color:#fff}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-button-one,body.ockrd .space-sidebar-section .space-casinos-4-archive-item-button-two{width:auto;display:block}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-button-one-ins,body.ockrd .space-sidebar-section .space-casinos-4-archive-item-button-two-ins{margin:0!important}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-button-one-ins a,body.ockrd .space-sidebar-section .space-casinos-4-archive-item-button-two-ins a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 6px!important;box-sizing:border-box;border-radius:12px!important;font:700 13px/1.15 var(--k-hd)!important;text-transform:none;letter-spacing:0;text-decoration:none;white-space:nowrap;transition:transform .12s,box-shadow .12s,background-color .12s}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-button-one-ins a{background:rgba(44,246,195,.06)!important;color:var(--k-mint)!important;border:1px solid rgba(44,246,195,.55)!important;box-shadow:none!important}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-button-one-ins a:hover{background:rgba(44,246,195,.14)!important;box-shadow:0 0 18px rgba(44,246,195,.22)!important}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-button-two-ins a{background:var(--k-cta)!important;color:#fff!important;border:0!important;box-shadow:0 6px 20px rgba(255,46,136,.35)!important}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-button-two-ins a:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(255,46,136,.55)!important}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item a:focus-visible{outline:2px solid var(--k-mint);outline-offset:2px}
@media(max-width:1024px){body.ockrd .space-sidebar-section .space-casinos-4-archive-item-button-one-ins a,body.ockrd .space-sidebar-section .space-casinos-4-archive-item-button-two-ins a{font-size:14px!important;min-height:42px}}
/* stacked under the content (<=1024px, Mercury makes the sidebar full width): 2 columns on tablets, 1 on phones */
@media(min-width:640px) and (max-width:1024px){body.ockrd .space-sidebar-section .space-casinos-4-archive-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){body.ockrd .space-sidebar-section .space-casinos-4-archive-item,body.ockrd .space-sidebar-section .space-casinos-4-archive-item a{transition:none}body.ockrd .space-sidebar-section .space-casinos-4-archive-item-button-two-ins a:hover{transform:none}}

/* fix-live-15: comment area / respond form in Dark Neon (CSS only, markup untouched) */
body.ockrd #comments .space-comments-ins{background:transparent!important;margin:0;border-radius:0;box-shadow:none;color:var(--k-body)}
body.ockrd #comments .space-comments-wrap{padding:0}
body.ockrd #comments .comment-respond{padding:0}
body.ockrd #comments h2,body.ockrd #comments h3,body.ockrd #comments h4,body.ockrd #comments strong{color:var(--k-tx)}
body.ockrd #comments .space-page-content a:not(.submit){color:var(--k-mint)}
body.ockrd #comments .comment-reply-title{color:var(--k-tx);font-family:var(--k-hd);font-size:22px;line-height:1.3;margin:0 0 6px}
body.ockrd #comments .comment-reply-title small a{color:var(--k-mint);font-size:13px;font-weight:600;margin-left:8px}
body.ockrd #comments .comment-notes,body.ockrd #comments .comment-notes span:not(.required),body.ockrd #comments .logged-in-as{color:var(--k-mu)!important;font-size:13px;line-height:1.5}
body.ockrd #comments .comment-notes,body.ockrd #comments .logged-in-as{padding:0 0 4px}
body.ockrd #comments .required{color:var(--k-pink)}
body.ockrd #commentform textarea,body.ockrd #commentform input[type=text],body.ockrd #commentform input[type=email],body.ockrd #commentform input[type=url]{background:var(--k-bg);border:1px solid var(--k-line2);border-radius:12px;color:var(--k-tx);font-family:var(--k-bd);font-size:16px;max-width:100%;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
body.ockrd #commentform>p{margin:0 0 14px;padding:0}
body.ockrd #commentform textarea,body.ockrd #commentform input:not([type=checkbox]){margin:0}
body.ockrd #commentform ::placeholder{color:var(--k-mu);opacity:1}
body.ockrd #commentform textarea:focus,body.ockrd #commentform input:not([type=submit]):not([type=checkbox]):focus{outline:none;border-color:var(--k-mint);box-shadow:0 0 0 3px rgba(44,246,195,.22)}
body.ockrd #commentform .comment-form-cookies-consent{display:flex;align-items:flex-start;gap:10px;margin:4px 0 18px}
body.ockrd #commentform #wp-comment-cookies-consent{accent-color:var(--k-pink);width:18px;height:18px;flex:0 0 18px;margin:2px 0 0}
body.ockrd #commentform #wp-comment-cookies-consent:focus-visible{outline:2px solid var(--k-mint);outline-offset:2px}
body.ockrd #commentform .comment-form-cookies-consent label{color:var(--k-body);font-size:14px;line-height:1.5;margin:0}
body.ockrd #commentform .submit{background:var(--k-cta)!important;border:0;color:#fff;border-radius:12px;font-family:var(--k-hd);font-weight:700;padding:12px 28px;box-shadow:0 6px 20px rgba(255,46,136,.35);cursor:pointer;transition:filter .15s,transform .15s}
body.ockrd #commentform .submit:hover{filter:brightness(1.08);transform:translateY(-1px)}
body.ockrd #commentform .submit:focus-visible{outline:2px solid var(--k-mint);outline-offset:3px}
@media (max-width:640px){body.ockrd #comments{padding:18px 16px}body.ockrd #commentform input[type=text],body.ockrd #commentform input[type=email],body.ockrd #commentform input[type=url],body.ockrd #commentform .submit{width:100%}}
body.ockrd #comments:not(:has(#respond)):not(:has(li)){display:none}
body.ockrd .space-sidebar-section .space-casinos-4-archive-item-logo img{object-fit:contain;background:var(--k-bg)}

/* fix-live-16: Slotslaunch pre-play box on phones – plugin uses a fixed 629px-tall box and stretches + blurs (5px) the 3:2 game image to fill it.
   Before play (iframe has no src yet) the box gets the image's 3:2 ratio; image sharp, cropped with cover, darkened so the buttons stay readable.
   Once the game is launched (iframe gets src) the plugin's own height is used again, so the playing area is unchanged. Desktop (>=768px) untouched. */
@media (max-width:767px){
body.ockrd .sl-slots:not(.sl-fullscreen-mobile):not(.sl-fullscreen-mode):has(>.sl-responsive-iframe:not([src])),
body.ockrd .sl-slots:not(.sl-fullscreen-mobile):not(.sl-fullscreen-mode):has(>.sl-responsive-iframe[src=""]){height:auto;min-height:230px;aspect-ratio:3/2}
body.ockrd .sl-placeholder .sl-gamethumb{top:0;left:0;object-fit:cover;object-position:center;filter:brightness(.5);transform:none;transition:none}
body.ockrd .sl-placeholder .slaunch-button{position:relative;z-index:1}
body.ockrd .sl-placeholder .sl-powered{z-index:1}
}