/*
Theme Name: Hello Elementor Child — FOX888
Theme URI: https://orchid-quetzal-964883.hostingersite.com/
Description: Child theme of Hello Elementor for FOX888. Layout and tokens follow the reference site (navy header, icon nav bar, banner slider, stat cards, hot games, game categories, blue SEO block). Content is edited in the block editor; CTA/footer texts in Customizer → FOX888.
Author: FOX888
Template: hello-elementor
Version: 2.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: fox-child
*/

/* ---------- Fonts: Prompt (self-hosted, Thai + Latin) ---------- */
@font-face{font-family:Prompt;font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/prompt-400-thai.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:Prompt;font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/prompt-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Prompt;font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/prompt-500-thai.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:Prompt;font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/prompt-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Prompt;font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/prompt-600-thai.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:Prompt;font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/prompt-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Prompt;font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/prompt-700-thai.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}
@font-face{font-family:Prompt;font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/prompt-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- Tokens (measured on the reference site) ---------- */
:root{
	--ole-header:#0b1b4b;
	--ole-nav:#153574;
	--ole-navy:#001e5a;
	--ole-foot:#0b1b4b;
	--ole-orange:#fb5835;
	--ole-pill:#ff6054;
	--ole-gold:#ffb423;
	--ole-yellow:#ffd500;
	--ole-text:#333445;
	--ole-muted:#8c8c8c;
	--ole-grad-register:linear-gradient(180deg,#ffae00 0%,#d32500 81%);
	--ole-grad-play:linear-gradient(180deg,#fb5835 0%,#fac320 100%);
	--ole-wrap:1280px;
	--ole-text-w:1080px;
	--ole-top-h:76px;
	--ole-nav-h:70px;
	--ole-bar-h:0px;
}

/* ---------- Base ---------- */
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--ole-top-h) + 12px)}
body{
	margin:0;
	font-family:Prompt,"Noto Sans Thai",Tahoma,sans-serif;
	font-size:16px;line-height:1.7;color:var(--ole-text);
	background:#eaf2fd url(assets/img/bg-page.webp) center top/cover fixed no-repeat;
	padding-bottom:var(--ole-bar-h);
	overflow-x:hidden;
	-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:Prompt,sans-serif;line-height:1.35;margin:0 0 .6em}
p{margin:0 0 1em}
img{max-width:100%;height:auto}
a{color:var(--ole-orange)}
:focus-visible{outline:3px solid var(--ole-gold);outline-offset:2px}
.page-content a{text-decoration:none}
body:not([class*=elementor-page-]) .site-main.site-main{max-width:none;padding:0;margin:0}
.page-content{margin:0}
.page-content > *{margin-top:0;margin-bottom:0}
figure{margin:0}

/* ---------- Header ---------- */
.ole-header{position:sticky;top:0;z-index:50}
.admin-bar .ole-header{top:32px}
@media (max-width:782px){.admin-bar .ole-header{top:46px}}
.ole-top{background:var(--ole-header);border-bottom:1px solid rgba(255,255,255,.08)}
.ole-top__inner{max-width:var(--ole-wrap);margin:0 auto;padding:0 20px;height:var(--ole-top-h);display:flex;align-items:center;gap:16px}
.ole-logo{display:inline-flex;align-items:center;text-decoration:none;line-height:1;flex-shrink:0}
.ole-logo__word{font-family:Prompt,sans-serif;font-weight:700;font-size:40px;letter-spacing:-1px;color:#fff;display:inline-flex;align-items:center}
.ole-logo__num{display:inline-flex;gap:2px;margin-left:3px}
.ole-logo__num span{display:inline-grid;place-items:center;width:28px;height:40px;border-radius:3px;background:linear-gradient(180deg,#ffc94a,#f39a1c);color:#0b1b4b;font-size:34px;font-weight:700;font-style:italic;letter-spacing:0}
.ole-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.ole-icon-btn{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff}
.ole-icon-btn svg{width:18px;height:18px}
.ole-pill{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 16px;border-radius:160px;font-size:14px;font-weight:600;line-height:1;color:#fff;text-decoration:none;white-space:nowrap}
.ole-pill:hover,.ole-pill:focus{color:#fff;filter:brightness(1.1)}
.ole-pill--login{background:#8c8c8c}
.ole-pill--register{background:var(--ole-grad-register)}

/* Category icon bar = WP menu "Header" (menu item CSS class nav-<icon>) */
.ole-nav{background:var(--ole-nav);box-shadow:0 2px 8px rgba(0,0,0,.2)}
.ole-nav ul{list-style:none;margin:0 auto;padding:0 12px;max-width:var(--ole-wrap);height:var(--ole-nav-h);display:flex;justify-content:center;align-items:stretch;gap:0;overflow-x:auto;scrollbar-width:none}
.ole-nav ul::-webkit-scrollbar{display:none}
.ole-nav li{flex:0 0 auto}
.ole-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:100%;min-width:74px;padding:0 16px;color:#fff;text-decoration:none;font-size:13px;font-weight:500;line-height:1.2;white-space:nowrap;transition:background .15s}
.ole-nav a::before{content:"";width:42px;height:42px;background:center/contain no-repeat}
.ole-nav a:hover,.ole-nav a:focus-visible{background:rgba(255,255,255,.1);color:var(--ole-gold)}
.ole-nav .nav-sports a::before{background-image:url(assets/img/nav/sports.webp)}
.ole-nav .nav-slots a::before{background-image:url(assets/img/nav/slots.webp)}
.ole-nav .nav-casino a::before{background-image:url(assets/img/nav/casino.webp)}
.ole-nav .nav-lottery a::before{background-image:url(assets/img/nav/lottery.webp)}
.ole-nav .nav-cards a::before{background-image:url(assets/img/nav/cards.webp)}
.ole-nav .nav-fishing a::before{background-image:url(assets/img/nav/fishing.webp)}
.ole-nav .nav-cockfight a::before{background-image:url(assets/img/nav/cockfight.webp)}
.ole-nav .nav-e-sports a::before{background-image:url(assets/img/nav/e-sports.webp)}
.ole-nav .nav-promotion a::before{background-image:url(assets/img/nav/promotion.webp)}
.ole-nav .nav-app-download a::before{background-image:url(assets/img/nav/app-download.webp)}

@media (max-width:1024px){.ole-nav ul{justify-content:flex-start}}
@media (max-width:768px){
	:root{--ole-top-h:60px;--ole-nav-h:62px;--ole-bar-h:64px}
	.ole-logo__word{font-size:30px}
	.ole-logo__num span{width:21px;height:30px;font-size:25px}
	.ole-top .ole-icon-btn{display:none}
	.ole-pill{height:32px;padding:0 12px;font-size:13px}
	.ole-nav a{min-width:64px;padding:0 8px;font-size:12px}
	.ole-nav a::before{width:34px;height:34px}
}
@media (max-width:420px){
	.ole-top .ole-pill--login{display:none}
}

/* ---------- Page sections (block content) ---------- */
.ole-wrap,.ole-hot,.ole-games{max-width:var(--ole-wrap);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box}

/* Banner slider (group of core/image blocks; assets/js/site.js adds the dots + autoplay) */
.ole-banner{position:relative;max-width:1920px;margin:0 auto;overflow:hidden;aspect-ratio:1920/600;background:#0b1b4b}
.ole-banner__track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.ole-banner__track::-webkit-scrollbar{display:none}
.ole-banner .wp-block-image{flex:0 0 100%;scroll-snap-align:start;height:100%;margin:0}
.ole-banner .wp-block-image a{display:block;height:100%}
.ole-banner .wp-block-image img{display:block;width:100%;height:100%;object-fit:cover}
.ole-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px}
.ole-dots button{width:10px;height:10px;padding:0;border:0;border-radius:10px;background:rgba(255,255,255,.55);cursor:pointer;transition:width .2s,background .2s}
.ole-dots button[aria-current=true]{width:26px;background:var(--ole-gold)}

/* Announcement strip */
.ole-marquee{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.06);height:44px;display:flex;align-items:center;overflow:hidden;position:relative}
.ole-marquee p{margin:0;white-space:nowrap;padding-left:100%;font-size:15px;font-weight:500;color:var(--ole-text);animation:ole-marquee 28s linear infinite}
.ole-marquee::before{content:"";position:absolute;left:0;top:0;bottom:0;width:62px;z-index:1;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%231d63d8'/%3E%3Cpath fill='%23fff' d='M12 6.5a4 4 0 0 0-4 4v2.7l-1.2 1.6h10.4L16 13.2v-2.7a4 4 0 0 0-4-4Zm-1.6 9.3a1.6 1.6 0 0 0 3.2 0Z'/%3E%3C/svg%3E") 22px center/24px no-repeat}
@keyframes ole-marquee{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.ole-marquee p{animation:none;padding-left:62px}}

/* Product advantages */
.ole-adv{background:url(assets/img/bg-advantages.webp) center/cover no-repeat;padding:10px 20px}
.ole-adv__row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.ole-adv__card{position:relative;width:214px;height:140px;border-radius:15px;overflow:hidden;color:#fff;background:var(--ole-orange) url(assets/img/bg-advantage-card.webp) center/cover no-repeat;padding:14px 12px;box-sizing:border-box}
.ole-adv__card .wp-block-image{position:absolute;right:-6px;bottom:0;width:112px;margin:0;z-index:0}
.ole-adv__card .wp-block-image img{display:block;width:112px;height:auto}
.ole-adv__big{position:relative;z-index:1;font-size:28px;font-weight:700;line-height:1.1;margin:0 0 6px;text-shadow:0 2px 6px rgba(0,0,0,.35);white-space:nowrap}
.ole-adv__small{position:relative;z-index:1;font-size:14px;font-weight:500;line-height:1.35;margin:0;max-width:104px;text-shadow:0 1px 4px rgba(0,0,0,.45)}
@media (max-width:720px){
	.ole-adv__row{gap:10px;flex-wrap:nowrap}
	.ole-adv__card{width:calc((100% - 20px)/3);height:118px;padding:10px 8px}
	.ole-adv__card .wp-block-image,.ole-adv__card .wp-block-image img{width:64px}
	.ole-adv__big{font-size:18px}
	.ole-adv__small{font-size:11px;max-width:none}
}

/* Hot Game */
.ole-hot{margin-top:34px;margin-bottom:34px}
.ole-hot__head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid rgba(21,53,116,.15);padding-bottom:8px;margin-bottom:14px}
.ole-hot__title{margin:0;display:flex;align-items:center;gap:8px;font-size:20px;font-weight:600;color:var(--ole-header)}
.ole-hot__title::before{content:"";width:26px;height:26px;background:url(assets/img/fire.svg) center/contain no-repeat}
.ole-hot__tag{margin:0;display:inline-flex;align-items:center;height:34px;padding:0 26px;border-radius:20px;background:var(--ole-pill);color:#fff;font-size:16px}
.ole-hot__track{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}
.ole-card{flex:0 0 234px;scroll-snap-align:start;text-align:center;position:relative}
.ole-card .wp-block-image{margin:0 0 8px;border-radius:10px;overflow:hidden;border:2px solid #fff;box-shadow:0 4px 12px rgba(11,27,75,.18);position:relative}
.ole-card .wp-block-image img{display:block;width:100%;height:auto;aspect-ratio:460/316;object-fit:cover;transition:transform .25s}
.ole-card:hover .wp-block-image img{transform:scale(1.05)}
.ole-card__prov{margin:0;font-size:13px;color:var(--ole-muted);display:flex;justify-content:center;align-items:center;gap:6px;line-height:1.4}
.ole-card__prov::before{content:"PG";font-size:10px;font-weight:700;color:#555;letter-spacing:-.5px}
.ole-card__name{margin:0;font-size:15px;font-weight:500;color:var(--ole-text);line-height:1.4}
.ole-card .wp-block-buttons{position:absolute;left:0;right:0;top:0;aspect-ratio:460/316;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;background:rgba(11,27,75,.45);border-radius:10px}
.ole-card:hover .wp-block-buttons,.ole-card:focus-within .wp-block-buttons{opacity:1}
@media (hover:none){.ole-card .wp-block-buttons{display:none}}
@media (max-width:768px){.ole-card{flex-basis:150px}.ole-hot__track{gap:12px}}

/* Play buttons (core/button) */
.wp-block-button .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 18px;border-radius:9999px;background:var(--ole-grad-play);color:#fff;font-size:14px;font-weight:500;line-height:1.3;text-decoration:none;border:0;box-shadow:0 4px 12px rgba(251,88,53,.35)}
.wp-block-button .wp-block-button__link:hover,.wp-block-button .wp-block-button__link:focus{color:#fff;filter:brightness(1.08)}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;border:1.5px solid #fff;box-shadow:none}

/* Game categories (Sports / Slots / Casino) */
.ole-games{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px;margin-bottom:40px}
.ole-game{position:relative;border-radius:8px;overflow:hidden;background:var(--ole-navy);color:#fff;min-height:317px;padding:28px 21px 0;box-sizing:border-box;display:flex;flex-direction:column}
.ole-game--sports{grid-column:span 2}
.ole-game > .ole-game__bg{position:absolute;inset:0 0 54px 0;margin:0;z-index:0}
.ole-game > .ole-game__bg img{width:100%;height:100%;object-fit:cover;display:block}
.ole-game > *{position:relative;z-index:1}
.ole-game > .ole-game__char{position:absolute;right:0;bottom:54px;margin:0;width:48%;max-width:425px;z-index:1;pointer-events:none}
.ole-game > .ole-game__char img{display:block;width:100%;height:auto}
.ole-game--sports > .ole-game__char{width:33%}
.ole-game__title{margin:0;font-size:64px;font-weight:700;line-height:1;background:linear-gradient(180deg,#fff 30%,#9fc3ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}
.ole-game__sub{margin:6px 0 2px;font-size:30px;font-weight:500;color:var(--ole-yellow);line-height:1.3;max-width:60%}
.ole-game__desc{margin:0 0 12px;font-size:18px;line-height:1.55;color:#f5f5f5;max-width:52%}
.ole-game--sports .ole-game__desc{max-width:48%}
.ole-game .wp-block-buttons{margin-bottom:20px}
.ole-game__providers{list-style:none;margin:auto -21px 0;padding:14px 21px;display:flex;gap:10px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;background:rgba(0,20,70,.85);height:54px;box-sizing:border-box;align-items:center}
.ole-game__providers::-webkit-scrollbar{display:none}
.ole-game__providers li{flex:0 0 auto;margin:0;padding:1px 12px;border-radius:9999px;font-size:15px;color:#fff;white-space:nowrap;line-height:1.5}
.ole-game__providers li:first-child{background:var(--ole-gold);color:#001e5a}
@media (max-width:900px){
	.ole-games{grid-template-columns:1fr;gap:16px}
	.ole-game--sports{grid-column:auto}
	.ole-game{min-height:260px;padding:20px 16px 0}
	.ole-game__title{font-size:44px}
	.ole-game__sub{font-size:22px;max-width:62%}
	.ole-game__desc{font-size:14px;max-width:58%}
	.ole-game--sports .ole-game__desc{max-width:58%}
	.ole-game > .ole-game__char,.ole-game--sports > .ole-game__char{width:44%}
	.ole-game__providers{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
}

/* ---------- SEO article block (blue, like the reference footer SEO area) ---------- */
.ole-seo{background:var(--ole-navy) url(assets/img/bg-seo-blue.webp) center top/100% auto no-repeat;color:#fff;padding:48px 20px 40px}
.ole-seo > *{max-width:var(--ole-text-w);margin-left:auto;margin-right:auto}
.ole-seo h1{font-size:clamp(24px,3vw,34px);font-weight:700;color:#fff;margin-bottom:.7em}
.ole-seo h2{font-size:clamp(20px,2.3vw,26px);font-weight:600;color:var(--ole-gold);margin:1.6em auto .6em;padding-left:14px;border-left:4px solid var(--ole-orange)}
.ole-seo h3{font-size:clamp(18px,2vw,21px);font-weight:600;color:var(--ole-yellow);margin:1.4em auto .6em}
.ole-seo p,.ole-seo li{color:#fff;font-size:16px}
.ole-seo strong{color:var(--ole-gold);font-weight:600}
.ole-seo .wp-block-image.ole-seo__img{float:right;width:320px;margin:4px 0 16px 28px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.ole-seo .wp-block-image.ole-seo__img img{display:block;width:100%;height:auto;aspect-ratio:1/1}
.ole-seo .wp-block-image.ole-seo__img + *{margin-top:0}
.ole-seo .wp-block-buttons{margin:18px auto 8px;justify-content:flex-start}
.ole-seo .wp-block-button__link{min-height:44px;padding:8px 26px;font-size:16px}
.ole-seo::after{content:"";display:block;clear:both}
@media (max-width:700px){
	.ole-seo{padding:32px 16px}
	.ole-seo .wp-block-image.ole-seo__img{float:none;width:100%;max-width:420px;margin:0 auto 18px}
}

.ole-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;counter-reset:s;clear:both}
.ole-steps > li{counter-increment:s;position:relative;margin:0;padding:16px 16px 16px 62px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.ole-steps > li::before{content:counter(s);position:absolute;left:16px;top:16px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ole-grad-play);font-weight:700;color:#fff}
.ole-steps > li strong{display:block;margin-bottom:2px}
.ole-picks{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ole-picks > li{margin:0;padding:18px;border-radius:12px;background:linear-gradient(180deg,#153574,#0b1b4b);border:1px solid rgba(255,180,35,.35)}
.ole-picks > li strong{display:block;margin-bottom:4px}
@media (max-width:800px){.ole-steps,.ole-picks{grid-template-columns:1fr}}

.wp-block-details.ole-faq{margin:0 auto 10px;padding:0;border-radius:10px;background:#fff;color:var(--ole-text);overflow:hidden}
.wp-block-details.ole-faq summary{list-style:none;cursor:pointer;position:relative;padding:14px 52px 14px 18px;font-weight:600;font-size:16px;line-height:1.5;color:var(--ole-header)}
.wp-block-details.ole-faq summary::-webkit-details-marker{display:none}
.wp-block-details.ole-faq summary::after{content:"+";position:absolute;right:14px;top:50%;translate:0 -50%;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--ole-grad-play);color:#fff;font-size:20px;line-height:1}
.wp-block-details.ole-faq[open] summary::after{content:"−"}
.wp-block-details.ole-faq > :not(summary){padding:0 18px 16px;margin:0;color:var(--ole-text)}

/* ---------- Footer ---------- */
.ole-footer{color:#fff}
.ole-footer__links{background:var(--ole-navy);border-top:1px solid rgba(255,255,255,.12)}
.ole-footer__links ul{list-style:none;margin:0 auto;padding:18px 20px;max-width:var(--ole-wrap);display:flex;flex-wrap:wrap;justify-content:center;gap:6px 0}
.ole-footer__links li{margin:0}
.ole-footer__links li + li::before{content:"|";color:rgba(255,255,255,.35);margin:0 14px}
.ole-footer__links a{color:#fff;text-decoration:none;font-size:15px}
.ole-footer__links a:hover{color:var(--ole-gold)}
.ole-footer__info{background:var(--ole-foot);padding:20px 20px 24px}
.ole-footer__info .wp-block-columns{max-width:1160px;margin:0 auto;gap:40px;align-items:flex-start}
.ole-footer__info .wp-block-column:nth-child(1){flex:0 1 250px}
.ole-footer__info .wp-block-column:nth-child(2){flex:0 1 160px}
.ole-footer__info .wp-block-column:nth-child(3){flex:1 1 581px}
.ole-footer__info .wp-block-column:nth-child(3) img{width:100%;max-width:581px}
.ole-footer__head{font-size:16px;font-weight:500;color:#fff;margin:0 0 10px}
.ole-footer__social{display:flex;gap:12px}
.ole-footer__social .wp-block-image{margin:0}
.ole-footer__social img{width:32px;height:32px}
.ole-footer__info .wp-block-image{margin:0}
.ole-footer__copy{background:#07123a;color:rgba(255,255,255,.7);font-size:13px;text-align:center;padding:12px 20px}
.ole-footer__copy p{margin:0}
@media (max-width:781px){.ole-footer__info .wp-block-columns{gap:18px}}

/* ---------- Floating buttons (desktop) + sticky bar (mobile) ---------- */
.ole-float{position:fixed;right:14px;top:50%;translate:0 -40%;z-index:40;display:flex;flex-direction:column;gap:10px}
.ole-float a,.ole-float button{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#1d63d8;border:3px solid #fff;box-shadow:0 4px 12px rgba(11,27,75,.35);color:#fff;cursor:pointer;padding:0}
.ole-float a:hover,.ole-float button:hover{background:#0b1b4b;color:#fff}
.ole-float svg{width:26px;height:26px}
.ole-bar{display:none}
@media (max-width:768px){
	.ole-float{display:none}
	.ole-bar{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--ole-header);box-shadow:0 -4px 16px rgba(0,0,0,.3)}
	.ole-bar .ole-pill{flex:1 1 0;height:46px;font-size:16px}
}

/* Editor canvas */
.editor-styles-wrapper{font-family:Prompt,sans-serif}

/* WP flow layout adds margin-block-start to every sibling after the first; rows/grids must not get it. */
.ole-banner__track > *,.ole-adv__row > *,.ole-hot__head > *,.ole-hot__track > *,.ole-games > *,.ole-footer__social > *,.ole-card > *,.ole-game > *{margin-block-start:0}
.ole-card > .ole-card__prov{margin-top:0}

/* Logo image, language flag */
.ole-logo__img{display:block;width:231px;height:auto}
.ole-flag{display:inline-flex;width:18px;height:18px}
.ole-flag svg{width:18px;height:18px}
@media (max-width:768px){.ole-logo__img{width:150px}.ole-flag{display:none}}

/* Home SEO block: reference shows plain white copy; keep the H1 quiet */
.ole-seo--home{padding-top:40px;padding-bottom:36px}
.ole-seo--home h1{font-size:22px;font-weight:600;margin-bottom:14px}
.ole-seo--home p{font-size:16px;margin-bottom:22px}
.ole-seo--home strong{color:#fff;font-weight:600}

/* Article page */
.ole-crumbs{background:#fff;border-bottom:1px solid rgba(21,53,116,.12)}
.ole-crumbs .rank-math-breadcrumb{max-width:var(--ole-text-w);margin:0 auto;padding:10px 20px;font-size:14px;color:var(--ole-muted)}
.ole-crumbs .rank-math-breadcrumb p{margin:0}
.ole-crumbs a{color:var(--ole-nav);text-decoration:none}
.ole-crumbs .separator{margin:0 6px;color:var(--ole-muted)}

/* ---------- Archive (category) ---------- */
.ole-archive__hero{background:var(--ole-navy) url(assets/img/bg-seo-blue.webp) center top/cover no-repeat;color:#fff;padding:44px 20px 52px;text-align:center;position:relative;overflow:hidden}
.ole-archive__hero::after{content:"";position:absolute;left:50%;bottom:0;translate:-50% 0;width:120px;height:4px;border-radius:4px 4px 0 0;background:var(--ole-grad-register)}
.ole-archive__hero-inner{max-width:820px;margin:0 auto}
.ole-archive__kicker{display:inline-block;margin:0 0 12px;padding:4px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-size:13px;color:#dbe6ff}
.ole-archive__title{margin:0 0 10px;font-size:clamp(28px,4vw,44px);font-weight:700;color:#fff}
.ole-archive__desc{font-size:16px;line-height:1.7;color:#dbe6ff}
.ole-archive__desc p{margin:0}
.ole-archive__body{max-width:var(--ole-wrap);margin:0 auto;padding:36px 20px 48px;box-sizing:border-box}

.ole-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ole-post{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 20px rgba(11,27,75,.10);border:1px solid rgba(21,53,116,.08);transition:transform .2s,box-shadow .2s}
.ole-post:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(11,27,75,.18)}
.ole-post__media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--ole-nav)}
.ole-post__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.ole-post:hover .ole-post__media img{transform:scale(1.05)}
.ole-post__ph{display:grid;place-items:center;height:100%;color:#fff;font-weight:700;font-size:28px}
.ole-post__body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
.ole-post__cat{align-self:flex-start;padding:2px 12px;border-radius:999px;background:var(--ole-gold);color:#001e5a;font-size:13px;font-weight:600;text-decoration:none}
.ole-post__title{margin:0;font-size:19px;font-weight:600;line-height:1.45}
.ole-post__title a{color:var(--ole-header);text-decoration:none}
.ole-post__title a:hover{color:var(--ole-orange)}
.ole-post__excerpt{margin:0;color:#5b5d70;font-size:15px;line-height:1.65}
.ole-post__meta{margin-top:auto;padding-top:12px;border-top:1px solid #eef1f7;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--ole-muted)}
.ole-post__more{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 16px;border-radius:999px;background:var(--ole-grad-play);color:#fff;font-weight:500;text-decoration:none}
.ole-post__more:hover{color:#fff;filter:brightness(1.08)}

/* First post on page 1 = wide feature card */
.ole-post--lead{grid-column:1/-1;flex-direction:row}
.ole-post--lead .ole-post__media{flex:0 0 48%;aspect-ratio:auto;min-height:320px}
.ole-post--lead .ole-post__body{padding:32px 36px;justify-content:center}
.ole-post--lead .ole-post__title{font-size:clamp(22px,2.4vw,30px)}
.ole-post--lead .ole-post__excerpt{font-size:16px}
.ole-post--lead .ole-post__meta{margin-top:12px}

.ole-pages{margin-top:32px}
.ole-pages ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.ole-pages a,.ole-pages span{display:grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border-radius:10px;background:#fff;color:var(--ole-header);text-decoration:none;font-weight:500;box-shadow:0 2px 8px rgba(11,27,75,.08)}
.ole-pages .current{background:var(--ole-nav);color:#fff}
.ole-archive__empty{text-align:center;padding:40px 0;color:var(--ole-muted)}

.ole-archive__cta{margin-top:40px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px;border-radius:16px;color:#fff;background:linear-gradient(120deg,#153574 0%,#0b1b4b 70%);box-shadow:0 12px 30px rgba(11,27,75,.25)}
.ole-archive__cta-title{margin:0 0 4px;font-size:22px;font-weight:600}
.ole-archive__cta-text{margin:0;color:#c9d6f5;font-size:15px}
.ole-archive__cta-btns{display:flex;gap:10px;flex-shrink:0}
.ole-archive__cta-btns .ole-pill{height:44px;padding:0 24px;font-size:16px}

@media (max-width:1024px){.ole-posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
	.ole-posts{grid-template-columns:1fr;gap:16px}
	.ole-post--lead{flex-direction:column}
	.ole-post--lead .ole-post__media{flex:none;min-height:0;aspect-ratio:16/10}
	.ole-post--lead .ole-post__body{padding:18px 20px 20px}
	.ole-archive__hero{padding:32px 16px 40px}
	.ole-archive__body{padding:24px 16px 36px}
	.ole-archive__cta{flex-direction:column;align-items:stretch;text-align:center;padding:22px 18px}
	.ole-archive__cta-btns .ole-pill{flex:1}
}

/* =====================================================================
   Inner pages (clone of reference routes)
   ===================================================================== */

/* Category banner (1920x600 art shown full width, like the reference) */
.ole-cat-banner{max-width:1920px;margin:0 auto;aspect-ratio:1920/600;overflow:hidden;background:#0b1b4b}
.ole-cat-banner .wp-block-image{margin:0;height:100%}
.ole-cat-banner img{display:block;width:100%;height:100%;object-fit:cover}

/* Channel grid (sports, casino, e-sports, lottery, cards, cockfight) */
.ole-channels{max-width:var(--ole-wrap);margin:42px auto 44px;padding:0 20px;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 20px;justify-items:center}
.ole-channels > *{margin-block-start:0}
.ole-chan{position:relative;width:100%;max-width:384px;aspect-ratio:384/242;border-radius:8px;overflow:hidden;background:#153574 center/cover no-repeat}
.ole-chan--sports{background-image:url(assets/img/cards/bg-sports-card.webp)}
.ole-chan--casino{background-image:url(assets/img/cards/bg-casino-card.webp)}
.ole-chan--e-sports{background-image:url(assets/img/cards/bg-e-sports-card.webp)}
.ole-chan--lottery{background-image:url(assets/img/cards/bg-lottery-card.webp)}
.ole-chan--cards{background-image:url(assets/img/cards/bg-cards-card.webp)}
.ole-chan--cockfight{background-image:url(assets/img/cards/bg-cockfight-card.webp)}
.ole-chan > *{margin:0}
.ole-chan > .ole-chan__art{position:absolute;inset:0;margin:0}
.ole-chan > .ole-chan__art img{width:100%;height:100%;object-fit:contain;object-position:100% 100%;display:block;transition:transform .3s}
.ole-chan:hover > .ole-chan__art img{transform:scale(1.04)}
.ole-chan > .ole-chan__logo{position:absolute;left:20px;top:50%;translate:0 -50%;width:161px;margin:0;z-index:1}
.ole-chan > .ole-chan__logo img{display:block;width:161px;height:auto}
.ole-chan > .wp-block-buttons{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;opacity:0;transition:opacity .2s;background:rgba(0,0,0,.25)}
.ole-chan:hover > .wp-block-buttons,.ole-chan:focus-within > .wp-block-buttons{opacity:1}
.ole-chan .wp-block-button__link{width:130px;min-height:36px;border-radius:20px;font-size:15px;padding:0}
.ole-chan.is-hot::after{content:"";position:absolute;right:9px;top:5px;width:65px;height:40px;background:url(assets/img/cards/tag-hot.webp) center/contain no-repeat;z-index:3}
.ole-chan > .ole-chan__maint{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.5);border-radius:11px;opacity:0;transition:opacity .2s}
.ole-chan.is-maintain:hover > .ole-chan__maint{opacity:1}
.ole-chan__maint-t{margin:0;color:#fff;font-size:20px}
.ole-chan__maint-s{margin:0;color:#fb2828;font-size:14px}
@media (hover:none){.ole-chan > .wp-block-buttons{opacity:1;background:none;align-items:flex-end;justify-content:flex-start;padding:0 0 14px 20px}}
@media (max-width:1024px){.ole-channels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
	.ole-channels{grid-template-columns:1fr;margin:20px auto 28px;gap:12px}
	.ole-chan > .ole-chan__logo,.ole-chan > .ole-chan__logo img{width:130px}
}

/* Lobby (slots / fishing) */
.ole-lobby{background:linear-gradient(to top,#e3eefe,rgba(255,255,255,0) 50%);padding:38px 20px 40px}
.ole-lobby > *{max-width:1204px;margin-left:auto;margin-right:auto;margin-block-start:0}
.ole-lobby > .ole-lobby__jackpot{max-width:1248px;margin:0 auto 22px}
.ole-lobby__jackpot img{display:block;width:100%;height:auto}
.ole-provs{display:flex;flex-wrap:wrap;justify-content:center;gap:36px 10px;margin-bottom:34px}
.ole-provs > *{margin:0}
.ole-provs .wp-block-image.ole-prov{width:140px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:background .15s}
.ole-provs .wp-block-image.ole-prov a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.ole-provs .wp-block-image.ole-prov img{width:134px;height:50px;object-fit:contain}
.ole-provs .ole-prov.is-active,.ole-provs .ole-prov:hover{background:var(--ole-grad-register)}
.ole-lobby__bar{display:flex;gap:16px;margin-bottom:20px}
.ole-lobby__tab{margin:0;display:inline-flex;align-items:center;justify-content:center;min-width:99px;height:37px;padding:0 20px;border-radius:32px;background:var(--ole-pill);color:#fff;font-size:16px}
.ole-lobby__search{position:relative;background:#fff;border:2px solid #334b7b;border-radius:5px;height:46px;margin-bottom:34px;display:flex;align-items:center;padding:0 48px 0 16px;box-sizing:border-box}
.ole-lobby__search p{margin:0;color:#8a96b0;font-size:14px}
.ole-lobby__search input{flex:1;border:0;outline:0;background:none;font:inherit;font-size:14px;color:#334b7b;height:42px;padding:0}
.ole-lobby__search::after{content:"";position:absolute;right:14px;top:50%;translate:0 -50%;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334b7b' stroke-width='2.5'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat}
.ole-game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:44px 15px}
.ole-game-grid > *{margin:0}
.ole-game-card{position:relative;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(11,27,75,.12)}
.ole-game-card > *{margin:0}
.ole-game-card .wp-block-image{margin:0}
.ole-game-card .wp-block-image img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.ole-game-card__name{margin:0;height:21px;line-height:21px;background:#0041e3;color:#fff;font-size:13px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px}
.ole-game-card > .wp-block-buttons{position:absolute;left:0;right:0;top:0;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);opacity:0;transition:opacity .2s}
.ole-game-card:hover > .wp-block-buttons,.ole-game-card:focus-within > .wp-block-buttons{opacity:1}
.ole-game-card.is-hidden{display:none}
.ole-game-grid--fish{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 10px}
.ole-game-card--fish .wp-block-image img{aspect-ratio:205/207}
.ole-game-card--fish .ole-game-card__name{height:28px;line-height:28px;background:none;color:var(--ole-text);font-size:14px}
.ole-game-card--fish{background:none;box-shadow:none}
.ole-game-card--fish > .wp-block-buttons{aspect-ratio:205/207}
.ole-lobby__end{text-align:center;color:var(--ole-muted);margin:26px auto 0}
.ole-lobby--fishing{padding-top:30px}
.ole-lobby--fishing > *{max-width:var(--ole-wrap)}
.ole-fish-chans{display:flex;gap:16px;margin-bottom:28px;flex-wrap:wrap}
.ole-fish-chans > *{margin:0}
.ole-fish-chan{position:relative;width:384px;aspect-ratio:384/292;border-radius:8px;overflow:hidden;background:url(assets/img/cards/bg-fishing-card.webp) top center/100% auto no-repeat,#0b1b4b;cursor:pointer;outline:3px solid transparent;transition:outline-color .15s}
.ole-fish-chan.is-active,.ole-fish-chan:hover{outline-color:#ffb423}
.ole-fish-chan > *{margin:0}
.ole-fish-chan > .ole-fish-chan__art{position:absolute;left:0;right:0;top:0;height:252px}
.ole-fish-chan > .ole-fish-chan__art img{width:100%;height:100%;object-fit:contain;object-position:100% 100%}
.ole-fish-chan > .ole-fish-chan__logo{position:absolute;left:20px;top:87px;width:161px}
.ole-fish-chan > .ole-fish-chan__logo img{width:100%;height:auto}
.ole-fish-chan__name{position:absolute;left:0;right:0;bottom:0;height:40px;line-height:40px;margin:0;text-align:center;background:linear-gradient(90deg,#153574,#0b1b4b);color:#fff;font-weight:500}
@media (max-width:1024px){.ole-game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ole-game-grid--fish{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:640px){
	.ole-lobby{padding:22px 14px 28px}
	.ole-provs{gap:10px 8px;margin-bottom:20px}
	.ole-provs .wp-block-image.ole-prov{width:calc((100% - 16px)/3);height:44px}
	.ole-provs .wp-block-image.ole-prov img{width:100%;height:40px}
	.ole-game-grid,.ole-game-grid--fish{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}
	.ole-game-card > .wp-block-buttons{display:none}
	.ole-fish-chan{width:calc(50% - 8px)}
	.ole-fish-chan > .ole-fish-chan__art{height:auto;aspect-ratio:384/252}
	.ole-fish-chan > .ole-fish-chan__logo{top:30%;width:42%}
	.ole-fish-chan__name{height:32px;line-height:32px;font-size:13px}
}

/* Promotions */
.ole-promos-wrap{max-width:var(--ole-wrap);margin:0 auto;padding:30px 20px 44px;box-sizing:border-box}
.ole-promos-wrap > *{margin-block-start:0}
.wp-block-buttons.ole-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px;justify-content:flex-start;margin:0 0 26px;padding-bottom:4px;scrollbar-width:none}
.wp-block-buttons.ole-chips::-webkit-scrollbar{display:none}
.ole-chips .wp-block-button{flex:0 0 auto;margin:0}
.ole-chips .wp-block-button__link{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 18px;border-radius:999px;background:#fff;color:var(--ole-header);box-shadow:0 2px 6px rgba(11,27,75,.1);font-size:15px;font-weight:500}
.ole-chips .wp-block-button__link::before{content:"";width:24px;height:24px;background:center/contain no-repeat;flex-shrink:0}
.ole-chips .ole-chip--all .wp-block-button__link::before{display:none}
.ole-chips .is-active .wp-block-button__link,.ole-chips .wp-block-button__link:hover{background:var(--ole-grad-register);color:#fff;filter:none}

.ole-chips .ole-chip--260 .wp-block-button__link::before{background-image:url(assets/img/promo/icon-promo-260.webp)}
.ole-chips .ole-chip--261 .wp-block-button__link::before{background-image:url(assets/img/promo/icon-promo-261.webp)}
.ole-chips .ole-chip--262 .wp-block-button__link::before{background-image:url(assets/img/promo/icon-promo-262.webp)}
.ole-chips .ole-chip--263 .wp-block-button__link::before{background-image:url(assets/img/promo/icon-promo-263.webp)}
.ole-chips .ole-chip--264 .wp-block-button__link::before{background-image:url(assets/img/promo/icon-promo-264.webp)}
.ole-chips .ole-chip--265 .wp-block-button__link::before{background-image:url(assets/img/promo/icon-promo-265.webp)}
.ole-chips .ole-chip--266 .wp-block-button__link::before{background-image:url(assets/img/promo/icon-promo-266.webp)}

.ole-promos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 24px}
.ole-promos > *{margin:0}
.ole-promo{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 14px rgba(11,27,75,.12)}
.ole-promo.is-hidden{display:none}
.ole-promo > *{margin:0}
.ole-promo__img{margin:0}
.ole-promo__img img{display:block;width:100%;height:auto;aspect-ratio:588/235;object-fit:cover}
.ole-promo__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}
.ole-promo__foot > *{margin:0}
.ole-promo__title{margin:0;font-size:16px;font-weight:600;color:var(--ole-header);line-height:1.4}
.ole-promo__foot .wp-block-buttons{flex-shrink:0}
.ole-promo__foot .wp-block-button__link{min-height:34px;padding:0 16px;font-size:14px}
@media (max-width:760px){.ole-promos{grid-template-columns:1fr;gap:16px}.ole-promos-wrap{padding:20px 14px 30px}}

/* App download */
.ole-dl{position:relative;max-width:1300px;margin:30px auto 40px;aspect-ratio:1300/618}
.ole-dl > *{margin:0}
.ole-dl > .ole-dl__bg{position:absolute;inset:0}
.ole-dl > .ole-dl__bg img{width:100%;height:100%;object-fit:contain}
.ole-dl__panel{position:absolute;left:58%;top:18%;width:36%;text-align:center}
.ole-dl__panel > *{margin:0}
.ole-dl__title{font-size:44px;font-weight:700;color:#0b1b4b;line-height:1.1;margin-bottom:8px}
.ole-dl__sub{font-size:18px;color:#000;margin-bottom:26px}
.ole-dl__codes{display:flex;justify-content:center;gap:24px}
.ole-dl__codes > *{margin:0}
.ole-dl__code{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:12px;background:#153574}
.ole-dl__code > *{margin:0}
.ole-dl__qr img{display:block;width:130px;height:130px;background:#fff;border-radius:6px}
.ole-dl__badge img{display:block;width:98px;height:auto}
.ole-dl__ver{font-size:11px;color:#fff;margin:0}
@media (max-width:900px){
	.ole-dl{aspect-ratio:auto;margin:16px 14px 28px}
	.ole-dl > .ole-dl__bg{position:static}
	.ole-dl > .ole-dl__bg img{height:auto}
	.ole-dl__panel{position:static;width:auto;margin-top:12px}
	.ole-dl__title{font-size:32px}
	.ole-dl__codes{gap:12px}
	.ole-dl__qr img{width:110px;height:110px}
}

/* Help centre (management): sidebar + article */
.ole-mg{max-width:var(--ole-wrap);margin:0 auto;padding:30px 20px 44px;box-sizing:border-box;display:flex;gap:28px;align-items:flex-start}
.ole-mg > *{margin:0}
.ole-mg-menu{flex:0 0 303px;background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(11,27,75,.1);padding:10px 0 14px;position:sticky;top:calc(var(--ole-top-h) + var(--ole-nav-h) + 16px)}
.ole-mg-menu > *{margin:0}
.ole-mg-menu__head{display:flex;align-items:center;gap:10px;padding:12px 20px 6px;font-weight:600;color:var(--ole-header);font-size:16px}
.ole-mg-menu__head::before{content:"";width:23px;height:23px;background:center/contain no-repeat}
.ole-mg-menu__list{list-style:none;margin:0;padding:0}
.ole-mg-menu__list li{margin:0}
.ole-mg-menu__list a{display:flex;align-items:center;gap:10px;padding:9px 20px 9px 32px;color:#4a5068;text-decoration:none;font-size:15px}
.ole-mg-menu__list a::before{content:"";width:23px;height:23px;background:center/contain no-repeat;flex-shrink:0}
.ole-mg-menu__list a:hover,.ole-mg-menu__list li.is-current a{color:#fff;background:linear-gradient(90deg,#153574,#1d63d8)}
.ole-mg__body{flex:1;min-width:0;background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(11,27,75,.1);padding:30px 34px;color:var(--ole-text)}
.ole-mg__body > *{margin-block-start:0}
.ole-mg__body h1{font-size:24px;font-weight:700;color:var(--ole-header);margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #eef1f7}
.ole-mg__body h2{font-size:18px;font-weight:600;color:var(--ole-nav);margin:22px 0 8px}
.ole-mg__body p{font-size:15px;line-height:1.8;margin:0 0 10px}
.ole-faq-tabs{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.ole-faq-tabs li{margin:0}
.ole-faq-tabs a{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#f1f5fd;color:var(--ole-header);text-decoration:none;font-size:14px;font-weight:500}
.ole-faq-tabs a::before{content:"";width:22px;height:22px;background:center/contain no-repeat}
.ole-faq-tabs a:hover{background:var(--ole-grad-register);color:#fff}
.ole-mg__body .wp-block-details.ole-faq{background:#f6f8fd;border:1px solid #e6ebf5}
.ole-contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ole-contacts > *{margin:0}
.ole-contact{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;border-radius:12px;background:#f6f8fd;text-align:center}
.ole-contact > *{margin:0}
.ole-contact__icon img{width:30px;height:30px}
.ole-contact__name{font-weight:600;color:var(--ole-header);margin:0}
.ole-contact .ole-dl__qr img{width:116px;height:116px;border:1px solid #e6ebf5}
@media (max-width:900px){
	.ole-mg{flex-direction:column;padding:16px 14px 28px;gap:16px}
	.ole-mg-menu{position:static;flex:none;width:100%;box-sizing:border-box;display:none}
	.ole-mg--faq .ole-mg-menu,.ole-mg--contact .ole-mg-menu{display:none}
	.ole-mg__body{padding:22px 18px}
	.ole-contacts{grid-template-columns:1fr}
}

.mi-financial-center a::before,.ole-mg-menu__head.mi-financial-center::before{background-image:url(assets/img/menu/icon-menu-financial-center.webp)}
.mi-personal-center a::before,.ole-mg-menu__head.mi-personal-center::before{background-image:url(assets/img/menu/icon-menu-personal-center.webp)}
.mi-help-center a::before,.ole-mg-menu__head.mi-help-center::before{background-image:url(assets/img/menu/icon-menu-help-center.webp)}
.mi-deposit a::before,.ole-mg-menu__head.mi-deposit::before{background-image:url(assets/img/menu/icon-menu-deposit.webp)}
.mi-withdraw a::before,.ole-mg-menu__head.mi-withdraw::before{background-image:url(assets/img/menu/icon-menu-withdraw.webp)}
.mi-transaction-record a::before,.ole-mg-menu__head.mi-transaction-record::before{background-image:url(assets/img/menu/icon-menu-transaction-record.webp)}
.mi-bet-records a::before,.ole-mg-menu__head.mi-bet-records::before{background-image:url(assets/img/menu/icon-menu-bet-records.webp)}
.mi-bank-card a::before,.ole-mg-menu__head.mi-bank-card::before{background-image:url(assets/img/menu/icon-menu-bank-card.webp)}
.mi-my-profile a::before,.ole-mg-menu__head.mi-my-profile::before{background-image:url(assets/img/menu/icon-menu-my-profile.webp)}
.mi-vip a::before,.ole-mg-menu__head.mi-vip::before{background-image:url(assets/img/menu/icon-menu-vip.webp)}
.mi-my-promotions a::before,.ole-mg-menu__head.mi-my-promotions::before{background-image:url(assets/img/menu/icon-menu-my-promotions.webp)}
.mi-change-password a::before,.ole-mg-menu__head.mi-change-password::before{background-image:url(assets/img/menu/icon-menu-change-password.webp)}
.mi-notifications a::before,.ole-mg-menu__head.mi-notifications::before{background-image:url(assets/img/menu/icon-menu-notifications.webp)}
.mi-refer-a-frend a::before,.ole-mg-menu__head.mi-refer-a-frend::before{background-image:url(assets/img/menu/icon-menu-refer-a-frend.webp)}
.mi-my-rebate a::before,.ole-mg-menu__head.mi-my-rebate::before{background-image:url(assets/img/menu/icon-menu-my-rebate.webp)}
.mi-faq a::before,.ole-mg-menu__head.mi-faq::before{background-image:url(assets/img/menu/icon-menu-faq.webp)}
.mi-contact-us a::before,.ole-mg-menu__head.mi-contact-us::before{background-image:url(assets/img/menu/icon-menu-contact-us.webp)}
.mi-terms-and-conditions a::before,.ole-mg-menu__head.mi-terms-and-conditions::before{background-image:url(assets/img/menu/icon-menu-terms-and-conditions.webp)}
.mi-privacy-policy a::before,.ole-mg-menu__head.mi-privacy-policy::before{background-image:url(assets/img/menu/icon-menu-privacy-policy.webp)}
.mi-about-us a::before,.ole-mg-menu__head.mi-about-us::before{background-image:url(assets/img/menu/icon-menu-about-us.webp)}
.mi-deposit a:hover::before,.mi-deposit.is-current a::before{background-image:url(assets/img/menu/icon-menu-deposit-hover.webp)}
.mi-withdraw a:hover::before,.mi-withdraw.is-current a::before{background-image:url(assets/img/menu/icon-menu-withdraw-hover.webp)}
.mi-transaction-record a:hover::before,.mi-transaction-record.is-current a::before{background-image:url(assets/img/menu/icon-menu-transaction-record-hover.webp)}
.mi-bet-records a:hover::before,.mi-bet-records.is-current a::before{background-image:url(assets/img/menu/icon-menu-bet-records-hover.webp)}
.mi-bank-card a:hover::before,.mi-bank-card.is-current a::before{background-image:url(assets/img/menu/icon-menu-bank-card-hover.webp)}
.mi-my-profile a:hover::before,.mi-my-profile.is-current a::before{background-image:url(assets/img/menu/icon-menu-my-profile-hover.webp)}
.mi-vip a:hover::before,.mi-vip.is-current a::before{background-image:url(assets/img/menu/icon-menu-vip-hover.webp)}
.mi-my-promotions a:hover::before,.mi-my-promotions.is-current a::before{background-image:url(assets/img/menu/icon-menu-my-promotions-hover.webp)}
.mi-change-password a:hover::before,.mi-change-password.is-current a::before{background-image:url(assets/img/menu/icon-menu-change-password-hover.webp)}
.mi-notifications a:hover::before,.mi-notifications.is-current a::before{background-image:url(assets/img/menu/icon-menu-notifications-hover.webp)}
.mi-refer-a-frend a:hover::before,.mi-refer-a-frend.is-current a::before{background-image:url(assets/img/menu/icon-menu-refer-a-frend-hover.webp)}
.mi-my-rebate a:hover::before,.mi-my-rebate.is-current a::before{background-image:url(assets/img/menu/icon-menu-my-rebate-hover.webp)}
.mi-faq a:hover::before,.mi-faq.is-current a::before{background-image:url(assets/img/menu/icon-menu-faq-hover.webp)}
.mi-contact-us a:hover::before,.mi-contact-us.is-current a::before{background-image:url(assets/img/menu/icon-menu-contact-us-hover.webp)}
.mi-terms-and-conditions a:hover::before,.mi-terms-and-conditions.is-current a::before{background-image:url(assets/img/menu/icon-menu-terms-and-conditions-hover.webp)}
.mi-privacy-policy a:hover::before,.mi-privacy-policy.is-current a::before{background-image:url(assets/img/menu/icon-menu-privacy-policy-hover.webp)}
.mi-about-us a:hover::before,.mi-about-us.is-current a::before{background-image:url(assets/img/menu/icon-menu-about-us-hover.webp)}
.fq.faq-deposit a::before{background-image:url(assets/img/menu/icon-faq-deposit.webp)}
.fq.faq-crypto a::before{background-image:url(assets/img/menu/icon-faq-crypto.webp)}
.fq.faq-game a::before{background-image:url(assets/img/menu/icon-faq-game.webp)}
.fq.faq-login a::before{background-image:url(assets/img/menu/icon-faq-login.webp)}
.fq.faq-withdraw a::before{background-image:url(assets/img/menu/icon-faq-withdraw.webp)}

/* Help centre: dark theme like the reference (navy panels, bright-blue group bars, white copy) */
.ole-mg-menu{background:none;box-shadow:none;border-radius:0;padding:0;display:flex;flex-direction:column;gap:14px}
.ole-mg-menu > .ole-mg-menu__head{margin:0;padding:0 18px;height:50px;display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#1d63d8,#2f7bff);color:#fff;font-size:18px;font-weight:700;border-radius:4px 4px 0 0}
.ole-mg-menu > .ole-mg-menu__list{margin:-14px 0 0;background:#001e5a;border-radius:0 0 4px 4px;padding:4px 0 8px}
.ole-mg-menu__list li + li{border-top:1px solid rgba(255,255,255,.08)}
.ole-mg-menu__list a{color:#fff;padding:12px 18px 12px 26px;font-size:16px}
.ole-mg-menu__list a:hover,.ole-mg-menu__list li.is-current a{color:#fff;background:linear-gradient(90deg,rgba(47,123,255,.55),rgba(47,123,255,0))}
.ole-mg__body{background:#001e5a;color:#fff;border-radius:0;box-shadow:none;padding:28px 34px 36px}
.ole-mg__body h1{color:#fff;font-size:22px;border-bottom-color:rgba(255,255,255,.12)}
.ole-mg__body h2{color:#fff;font-size:18px;font-weight:700}
.ole-mg__body p{color:#e6ecff}
.ole-faq-tabs a{background:rgba(255,255,255,.08);color:#fff}
.ole-mg__body .wp-block-details.ole-faq{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.ole-mg__body .wp-block-details.ole-faq summary{color:#fff}
.ole-mg__body .wp-block-details.ole-faq > :not(summary){color:#dbe4ff}
.ole-contact{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.ole-contact__name{color:#fff}
.ole-contact .ole-dl__qr img{border:0}

/* Download panel sits on the blue shape: white copy */
.ole-dl__title{color:#fff}
.ole-dl__sub{color:#fff}
@media (max-width:900px){.ole-dl__title,.ole-dl__sub{color:var(--ole-header)}}

/* Category bar: articles item + hover/current state with the reference's hover icons */
.ole-nav .nav-articles a::before{background-image:url(assets/img/nav/articles.svg)}
.ole-nav .current-menu-item > a,.ole-nav .current-menu-ancestor > a,.ole-nav .current-page-ancestor > a{color:var(--ole-gold);background:rgba(255,255,255,.1)}
.ole-nav a{cursor:pointer}
.ole-nav .nav-sports a:hover::before,.ole-nav .nav-sports.current-menu-item a::before{background-image:url(assets/img/nav/sports-hover.webp)}
.ole-nav .nav-slots a:hover::before,.ole-nav .nav-slots.current-menu-item a::before{background-image:url(assets/img/nav/slots-hover.webp)}
.ole-nav .nav-casino a:hover::before,.ole-nav .nav-casino.current-menu-item a::before{background-image:url(assets/img/nav/casino-hover.webp)}
.ole-nav .nav-lottery a:hover::before,.ole-nav .nav-lottery.current-menu-item a::before{background-image:url(assets/img/nav/lottery-hover.webp)}
.ole-nav .nav-cards a:hover::before,.ole-nav .nav-cards.current-menu-item a::before{background-image:url(assets/img/nav/cards-hover.webp)}
.ole-nav .nav-fishing a:hover::before,.ole-nav .nav-fishing.current-menu-item a::before{background-image:url(assets/img/nav/fishing-hover.webp)}
.ole-nav .nav-cockfight a:hover::before,.ole-nav .nav-cockfight.current-menu-item a::before{background-image:url(assets/img/nav/cockfight-hover.webp)}
.ole-nav .nav-e-sports a:hover::before,.ole-nav .nav-e-sports.current-menu-item a::before{background-image:url(assets/img/nav/e-sports-hover.webp)}
.ole-nav .nav-articles a:hover::before,.ole-nav .nav-articles.current-menu-item a::before{background-image:url(assets/img/nav/articles-hover.svg)}

/* =====================================================================
   Article layout (.ole-art) — OLE777 tone: navy panels, blue cards, orange/gold accents
   ===================================================================== */
.ole-art{background:var(--ole-navy) url(assets/img/bg-seo-blue.webp) center top/100% auto no-repeat;color:#fff;padding:26px 16px 48px}
.ole-art > *{max-width:980px;margin-left:auto;margin-right:auto;margin-block-start:0}
.ole-art p{color:#e6ecff;font-size:16px;line-height:1.8}
.ole-art strong{color:var(--ole-gold);font-weight:600}
.ole-art * + *{margin-block-start:0}

/* hero */
.art-hero{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:center;padding:26px;border-radius:18px;background:linear-gradient(135deg,#153574 0%,#0b1b4b 100%);border:1px solid rgba(90,150,255,.35);box-shadow:0 18px 40px rgba(0,0,0,.3);margin-bottom:16px}
.art-hero > *{margin:0}
.art-hero__text > *{margin:0 0 12px}
.art-kicker{display:inline-block;padding:3px 12px;border-radius:999px;background:rgba(255,180,35,.15);border:1px solid rgba(255,180,35,.5);color:var(--ole-gold)!important;font-size:13px!important;font-weight:500}
.art-hero h1{font-size:clamp(22px,2.6vw,30px);font-weight:700;line-height:1.4;color:#fff;margin:0 0 12px}
.art-lead{font-size:16px}
.art-hero .wp-block-buttons{margin:4px 0 0;gap:10px}
.art-hero .wp-block-button__link{min-height:44px;padding:8px 24px;font-size:16px}
.art-hero__img{margin:0}
.art-hero__img img{display:block;width:100%;height:auto;aspect-ratio:1/1;border-radius:16px;border:2px solid rgba(255,180,35,.6);box-shadow:0 12px 30px rgba(0,0,0,.35)}

/* stat strip */
.art-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.art-stats > *{margin:0}
.art-stat{text-align:center;padding:14px 8px;border-radius:14px;background:linear-gradient(180deg,#1b3f8f,#102a66);border:1px solid rgba(90,150,255,.3)}
.art-stat > *{margin:0}
.art-stat__big{font-size:28px!important;font-weight:700;line-height:1.1!important;background:linear-gradient(180deg,#ffe07a,#ffb423);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.art-stat__small{font-size:13px!important;color:#b9c8ee!important;margin-top:4px}

/* hot row */
.art-hot{padding:14px 16px 16px;border-radius:14px;background:#0f2463;border:1px solid rgba(90,150,255,.3);margin-bottom:18px;position:relative;overflow:hidden}
.art-hot::after{content:"";position:absolute;left:16px;right:16px;bottom:8px;height:3px;border-radius:3px;background:linear-gradient(90deg,#fb5835 0%,#fac320 70%,rgba(255,255,255,.1) 70%)}
.art-hot > *{margin:0}
.art-hot__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.art-hot__head > *{margin:0}
.art-hot__title{font-weight:600;color:#fff!important;font-size:16px!important}
.art-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}
.art-chips::-webkit-scrollbar{display:none}
.art-chips > *{margin:0}
.art-chip{flex:0 0 auto;padding:8px 14px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,180,35,.45);color:#fff!important;font-size:14px!important;font-weight:500;white-space:nowrap;line-height:1.3!important}
.art-note{margin:0 0 8px;font-size:15px!important;color:#c9d6f5!important}

/* section heading with icon bar */
.art-head{display:flex;align-items:center;gap:10px;margin:34px auto 14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.12)}
.art-head > *{margin:0}
.art-head__ico{flex:0 0 36px;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--ole-grad-register);font-size:18px!important;line-height:1!important;box-shadow:0 4px 12px rgba(211,37,0,.35)}
.art-head h2,.art-head h3{margin:0;color:#fff;font-weight:700;line-height:1.4}
.art-head h2{font-size:clamp(19px,2.2vw,24px)}
.art-head h3{font-size:clamp(17px,1.9vw,20px);color:var(--ole-gold)}

.art-text{margin:0 auto 12px}

/* boxed text */
.art-box{padding:20px 22px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(90,150,255,.3)}
.art-box > *{margin:0 0 10px}
.art-box > :last-child{margin-bottom:0}
.art-box--quote{border-left:4px solid var(--ole-gold)}
.art-box__title{font-weight:700;color:#fff!important;font-size:17px!important}

/* step list (icon circle + title + text) */
.art-steps{display:flex;flex-direction:column;gap:12px}
.art-steps > *{margin:0}
.art-step{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:14px;background:linear-gradient(90deg,#163a86,#0f2463);border:1px solid rgba(90,150,255,.3)}
.art-step > *{margin:0}
.art-step__ico{flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#ffe07a,#f39a1c);font-size:22px!important;line-height:1!important;box-shadow:0 0 0 4px rgba(255,180,35,.18)}
.art-step__body > *{margin:0}
.art-step__title{font-weight:700;color:#fff!important;font-size:16px!important;margin-bottom:4px!important}
.art-step__desc{font-size:14.5px!important;line-height:1.7!important;color:#c9d6f5!important}

/* card grid (icon, title, text, badge) */
.art-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.art-cards--3{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}
.art-cards > *{margin:0}
.art-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 14px 16px;border-radius:14px;background:linear-gradient(180deg,#1b3f8f 0%,#0f2463 100%);border:1px solid rgba(90,150,255,.35);transition:transform .2s,border-color .2s}
.art-card:hover{transform:translateY(-3px);border-color:rgba(255,180,35,.7)}
.art-card > *{margin:0}
.art-card__ico{font-size:30px!important;line-height:1.2!important}
.art-card__title{font-weight:700;color:var(--ole-gold)!important;font-size:16px!important;line-height:1.4!important}
.art-card__desc{font-size:14px!important;line-height:1.65!important;color:#c9d6f5!important;flex:1}
.art-card--cta{background:linear-gradient(180deg,#d9571c 0%,#9a2a06 100%);border-color:rgba(255,224,122,.6)}
.art-card--cta .art-card__title{color:#fff!important}
.art-card--cta .art-card__desc{color:#ffe9d6!important}
.art-badge{display:inline-block;margin-top:4px!important;padding:2px 12px;border-radius:999px;font-size:11px!important;font-weight:700;letter-spacing:.5px;line-height:1.6!important;color:#fff!important}
.art-badge--hot{background:var(--ole-grad-register)}
.art-badge--new{background:#1d63d8}
.art-badge--tip{background:#0f9d7a}
.art-badge--jackpot{background:linear-gradient(180deg,#ffe07a,#f39a1c);color:#3a2300!important}
.art-badge--daily{background:#6d4bd8}

/* CTA band */
.art-cta{margin-top:34px;padding:26px 24px;border-radius:18px;text-align:center;background:radial-gradient(500px 200px at 50% 0,rgba(255,180,35,.2),transparent 70%),linear-gradient(135deg,#1d4fb8 0%,#0b1b4b 80%);border:1px solid rgba(255,180,35,.45)}
.art-cta > *{margin:0 auto 12px;max-width:820px}
.art-cta h2{font-size:clamp(19px,2.2vw,24px);font-weight:700;color:#fff;line-height:1.4}
.art-cta .wp-block-buttons{justify-content:center;gap:10px;margin:6px 0 0}
.art-cta .wp-block-button__link{min-height:46px;padding:8px 26px;font-size:16px}

/* FAQ boxes */
.art-faq{display:flex;flex-direction:column;gap:10px}
.art-faq > *{margin:0}
.art-faq .wp-block-details.ole-faq{margin:0;background:#0f2463;border:1px solid rgba(90,150,255,.35);border-radius:12px}
.art-faq .wp-block-details.ole-faq summary{color:var(--ole-gold);font-size:16px}
.art-faq .wp-block-details.ole-faq > :not(summary){color:#dbe4ff}

@media (max-width:760px){
	.ole-art{padding:16px 12px 36px}
	.art-hero{grid-template-columns:1fr;padding:18px;gap:16px}
	.art-hero__img{order:-1;max-width:260px;margin:0 auto}
	.art-stat__big{font-size:22px!important}
	.art-cards--3{grid-template-columns:1fr}
	.art-card{padding:14px 10px}
	.art-card__desc{font-size:13px!important}
	.art-step{padding:14px 12px;gap:12px}
	.art-step__ico{flex-basis:40px;width:40px;height:40px;font-size:19px!important}
	.art-hero .wp-block-buttons{flex-direction:column;align-items:stretch}
}

/* Touch screens: no sticky hover highlight in the category bar (only the current page stays lit). */
@media (hover:none){
	.ole-nav li:not(.current-menu-item) > a:hover{background:none;color:#fff}
	.ole-nav .nav-sports:not(.current-menu-item) a:hover::before{background-image:url(assets/img/nav/sports.webp)}
	.ole-nav .nav-slots:not(.current-menu-item) a:hover::before{background-image:url(assets/img/nav/slots.webp)}
	.ole-nav .nav-casino:not(.current-menu-item) a:hover::before{background-image:url(assets/img/nav/casino.webp)}
	.ole-nav .nav-lottery:not(.current-menu-item) a:hover::before{background-image:url(assets/img/nav/lottery.webp)}
	.ole-nav .nav-cards:not(.current-menu-item) a:hover::before{background-image:url(assets/img/nav/cards.webp)}
	.ole-nav .nav-fishing:not(.current-menu-item) a:hover::before{background-image:url(assets/img/nav/fishing.webp)}
	.ole-nav .nav-cockfight:not(.current-menu-item) a:hover::before{background-image:url(assets/img/nav/cockfight.webp)}
	.ole-nav .nav-e-sports:not(.current-menu-item) a:hover::before{background-image:url(assets/img/nav/e-sports.webp)}
	.ole-nav .nav-articles:not(.current-menu-item) a:hover::before{background-image:url(assets/img/nav/articles.svg)}
}

/* Mobile: hero stacks under a centred image, so centre its copy too; section heads and step text stay left for reading. */
@media (max-width:760px){
	.art-hero__text{text-align:center}
	.art-hero__text .art-kicker{margin-left:auto;margin-right:auto}
	.art-hero .wp-block-buttons{align-items:stretch}
	.art-hot__head{justify-content:space-between}
	.art-note{text-align:left}
}
.art-cta{text-align:center}
.art-cta .wp-block-buttons{justify-content:center}

/* Mobile footer: centred columns; link row becomes a clean 2-column grid (no stray "|" at line starts). */
@media (max-width:781px){
	.ole-footer__links ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;text-align:center;padding:18px 16px}
	.ole-footer__links li + li::before{content:none}
	.ole-footer__info{text-align:center}
	.ole-footer__info .wp-block-column{flex-basis:100%!important;display:flex;flex-direction:column;align-items:center}
	.ole-footer__social{justify-content:center}
	.ole-footer__info .wp-block-image{display:flex;justify-content:center}
}
.ole-footer__info .wp-block-column > *{margin-block-start:0}
.ole-footer__info .ole-footer__head{margin-bottom:10px}

/* Every direct child of the article keeps the centred 980px column (a later margin shorthand had reset .art-note to the left edge). */
.ole-art > *{margin-left:auto!important;margin-right:auto!important}
.art-note{margin-bottom:8px}

/* Article hero: cover centred on top, copy centred underneath (all viewports). */
.art-hero{grid-template-columns:1fr;justify-items:center;text-align:center;gap:18px;padding:28px 28px 30px}
.art-hero__img{order:-1;width:100%;max-width:440px;margin:0 auto}
.art-hero__text{max-width:820px;text-align:center}
.art-hero__text .art-kicker{margin-left:auto;margin-right:auto}
.art-hero .wp-block-buttons{justify-content:center}
@media (max-width:760px){.art-hero__img{max-width:300px}}

/* Article hero = two frames like the reference: title card on top, then a cover card the image fills edge to edge. */
.art-hero{display:flex;flex-direction:column;align-items:center;gap:14px;padding:0;background:none;border:0;box-shadow:none}
.art-hero__text{order:0;width:100%;max-width:none;box-sizing:border-box;padding:24px 26px 26px;border-radius:18px;background:linear-gradient(135deg,#153574 0%,#0b1b4b 100%);border:1px solid rgba(90,150,255,.35);box-shadow:0 14px 34px rgba(0,0,0,.28)}
.art-hero > .art-hero__img{order:1;width:100%;max-width:640px;margin:0 auto;padding:0;border-radius:18px;overflow:hidden;border:1px solid rgba(255,180,35,.55);box-shadow:0 14px 34px rgba(0,0,0,.35);line-height:0}
.art-hero > .art-hero__img img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border:0;border-radius:0;box-shadow:none}
@media (max-width:760px){
	.art-hero__text{padding:18px 16px 20px}
	.art-hero > .art-hero__img{max-width:none}
}