/* Colours as variables: light by default, dark when the theme is dark (html.mbmh-dark is set by front.js
   from the background the theme actually shows, and common theme dark-mode switches are covered without JS). */
:root{--mbmh-ink:#141414;--mbmh-mut:#5A5A5A;--mbmh-line:#E8E6E0;--mbmh-soft:#FAF9F6;--mbmh-card:#FFFFFF;--mbmh-chip:#F0EFEB;--mbmh-btn:#141414;--mbmh-bar:#0F1218;--mbmh-redtext:#B42318;--mbmh-goldtext:#8A5A00;--mbmh-tagp-bg:#FFF4D6;--mbmh-tagp:#6E4700;--mbmh-tagl-bg:#FDE8E7;--mbmh-tagl:#A3201A;--mbmh-shadow:0 20px 40px rgba(10,12,16,.14)}
html.mbmh-dark{--mbmh-ink:#EDEBE6;--mbmh-mut:#A9ADB6;--mbmh-line:#2A2F38;--mbmh-soft:#161A21;--mbmh-card:#12161C;--mbmh-chip:#1F242C;--mbmh-btn:#2C323D;--mbmh-bar:#1B2029;--mbmh-redtext:#FF8A80;--mbmh-goldtext:#FFD566;--mbmh-tagp-bg:rgba(255,193,7,.14);--mbmh-tagp:#FFD566;--mbmh-tagl-bg:rgba(229,38,27,.18);--mbmh-tagl:#FF8A80;--mbmh-shadow:0 20px 40px rgba(0,0,0,.45);color-scheme:dark}
html.mbmh-light{color-scheme:light}
/* Common theme dark-mode switches, applied straight away (before the script runs). */
html:not(.mbmh-light):is(.dark,.dark-mode,.darkmode,.dark-theme,.theme-dark,.is-dark,.is-dark-theme,.wp-dark-mode-active,.nightmode,[data-theme="dark"],[data-bs-theme="dark"],[data-color-scheme="dark"],[data-color-mode="dark"],[data-mode="dark"],[data-scheme="dark"]){--mbmh-ink:#EDEBE6;--mbmh-mut:#A9ADB6;--mbmh-line:#2A2F38;--mbmh-soft:#161A21;--mbmh-card:#12161C;--mbmh-chip:#1F242C;--mbmh-btn:#2C323D;--mbmh-bar:#1B2029;--mbmh-redtext:#FF8A80;--mbmh-goldtext:#FFD566;--mbmh-tagp-bg:rgba(255,193,7,.14);--mbmh-tagp:#FFD566;--mbmh-tagl-bg:rgba(229,38,27,.18);--mbmh-tagl:#FF8A80;--mbmh-shadow:0 20px 40px rgba(0,0,0,.45)}
html:not(.mbmh-light) body:is(.dark,.dark-mode,.darkmode,.dark-theme,.theme-dark,.is-dark,.is-dark-theme,.wp-dark-mode-active,.nightmode,[data-theme="dark"],[data-bs-theme="dark"],[data-color-scheme="dark"],[data-color-mode="dark"],[data-mode="dark"],[data-scheme="dark"]){--mbmh-ink:#EDEBE6;--mbmh-mut:#A9ADB6;--mbmh-line:#2A2F38;--mbmh-soft:#161A21;--mbmh-card:#12161C;--mbmh-chip:#1F242C;--mbmh-btn:#2C323D;--mbmh-bar:#1B2029;--mbmh-redtext:#FF8A80;--mbmh-goldtext:#FFD566;--mbmh-tagp-bg:rgba(255,193,7,.14);--mbmh-tagp:#FFD566;--mbmh-tagl-bg:rgba(229,38,27,.18);--mbmh-tagl:#FF8A80;--mbmh-shadow:0 20px 40px rgba(0,0,0,.45)}
/* MB Match Hub visitor pages, V2. Scoped to .mbmh-* so the theme stays untouched elsewhere. */
.mbmh-v2,.mbmh-v2 *,.mbmh-mcard,.mbmh-mcard *,.mbmh-mbar,.mbmh-mbar *,.mbmh-card,.mbmh-card *,.mbmh-pair,.mbmh-pair *,.mbmh-sticky,.mbmh-sticky *,.mbmh-player,.mbmh-more,.mbmh-more *{box-sizing:border-box}
.mbmh-v2{color:var(--mbmh-ink);width:100%}
.mbmh-v2-wrap{max-width:1200px;margin:0 auto;padding:28px 24px 64px}
.mbmh-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--mut)}
.mbmh-crumbs a{color:var(--mut);text-decoration:none}
.mbmh-tag{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-weight:700;font-size:13px;padding:5px 10px;border-radius:6px}
.mbmh-tag.is-preview{background:var(--mbmh-tagp-bg);color:var(--mbmh-tagp)}.mbmh-tag.is-live{background:var(--mbmh-tagl-bg);color:var(--mbmh-tagl)}
.mbmh-v2-title{margin:10px 0 14px;font-size:clamp(28px,4vw,46px);line-height:1.12;letter-spacing:-.3px;max-width:980px}
.mbmh-v2-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding-bottom:22px}
.mbmh-by{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--mut)}
.mbmh-by strong{color:var(--ink)}
.mbmh-by .mbmh-av{width:38px;height:38px;border-radius:50%;flex:0 0 auto}
.mbmh-share{display:flex;gap:8px}
.mbmh-sh{height:40px;min-width:40px;padding:0 12px;border-radius:20px;border:1px solid var(--mbmh-line);background:var(--mbmh-card);color:var(--ink)!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14px;line-height:1;font-family:inherit;text-decoration:none!important;cursor:pointer}
.mbmh-sh svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}
.mbmh-sh b{font-weight:800}
.mbmh-sh.is-wa{background:#25D366;border-color:#25D366;color:#08321A!important}
.mbmh-sh.is-copied{background:var(--mbmh-ink);color:var(--mbmh-card)!important;border-color:var(--mbmh-ink)}
.mbmh-v2-grid{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.mbmh-v2-main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:26px}
.mbmh-v2-aside{flex:1 1 300px;min-width:0;max-width:360px;display:flex;flex-direction:column;gap:18px;position:sticky;top:24px}
.admin-bar .mbmh-v2-aside{top:56px}
.mbmh-media{border-radius:16px;overflow:hidden;background:#07090D;box-shadow:var(--mbmh-shadow);line-height:0}
.mbmh-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0}
.mbmh-v2-content{font-size:19px;line-height:1.75}
.mbmh-v2-content>p{margin:0 0 1.1em}
.mbmh-v2-content>p:last-child{margin-bottom:0}

/* Match card (preview) */
.mbmh-mcard{border:1px solid var(--mbmh-line);background:var(--mbmh-soft);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:18px;margin:0 0 26px;color:var(--mbmh-ink)}
.mbmh-v2 .mbmh-mcard{margin:0}
.mbmh-mcard-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px}
.mbmh-mt{display:flex;align-items:center;gap:14px}
.mbmh-mt.is-home{justify-content:flex-end;text-align:right}
.mbmh-mt-txt{display:flex;flex-direction:column;min-width:0}
.mbmh-mt-txt strong{font-size:18px;line-height:1.25}
.mbmh-mt-txt small{font-size:13px;color:var(--mbmh-mut)}
.mbmh-mcard-mid{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:140px;text-align:center}
.mbmh-mcard-time{font-weight:900;font-size:30px;line-height:1.1}
.mbmh-mcard-date{font-size:13px;color:var(--mbmh-mut)}
.mbmh-cd.is-red{font-size:13px;font-weight:700;color:var(--mbmh-redtext);min-height:1.2em}
.mbmh-mcard-btns{display:flex;flex-wrap:wrap;gap:10px}
.mbmh-btn-red,.mbmh-btn-line{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;border-radius:10px;font-weight:800;font-size:16px;line-height:1.2;text-decoration:none!important}
.mbmh-btn-red{flex:2 1 260px;background:#E5261B;color:#fff!important}
.mbmh-btn-red:hover{background:#C81E14}
.mbmh-btn-red.is-small{margin-top:14px;padding:12px;font-size:14px}
.mbmh-btn-line{flex:1 1 160px;border:1px solid var(--mbmh-line);background:var(--mbmh-card);color:var(--mbmh-ink)!important;font-weight:700;font-size:15px}
.mbmh-btn-line svg,.mbmh-mbar-cal svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}

/* Crests */
.mbmh-fc{width:var(--s);height:var(--s);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.mbmh-fc img{width:100%;height:100%;object-fit:contain;margin:0;border:0;box-shadow:none}
.mbmh-fc.is-boxed{background:#0F1218;border-radius:12px;padding:6px}
.mbmh-fc.is-flag img{object-fit:cover;height:auto;aspect-ratio:4/3;border-radius:5px}
.mbmh-fc.is-empty{border:2px solid currentColor;border-radius:10px;font-weight:900;font-size:12px}
.mbmh-fc.is-boxed.is-empty{color:#fff}

/* Match bar (live), joined under the player */
.mbmh-mbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:14px 18px;background:var(--mbmh-bar);color:#fff;line-height:1.3}
.mbmh-mbar-solo .mbmh-mbar{border-radius:14px;margin:0 0 22px}
.mbmh-mbar-cd{display:flex;align-items:center;gap:9px;font-weight:700;font-size:14px}
.mbmh-mbar-mid{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:15px}
.mbmh-mbar-t{background:#fff;color:#0F1218;padding:4px 10px;border-radius:6px;font-weight:800;font-size:14px}
.mbmh-mbar-cal{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:8px;border:1px solid rgba(255,255,255,.28);color:#fff!important;font-weight:600;font-size:14px;text-decoration:none!important}
.mbmh-dot{width:9px;height:9px;border-radius:50%;background:#E5261B;box-shadow:0 0 0 4px rgba(229,38,27,.25);flex:0 0 auto}

/* Side cards */
.mbmh-card{border-radius:16px;border:1px solid var(--mbmh-line);padding:16px 18px;background:var(--mbmh-card);color:var(--mbmh-ink);margin:0 0 22px}
.mbmh-v2 .mbmh-card{margin:0}
.mbmh-card-h{margin:0 0 10px;font-size:17px;font-weight:800;line-height:1.3}
.mbmh-where{padding:0;overflow:hidden}
.mbmh-where-h{background:var(--mbmh-bar);color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.mbmh-where-h h2{margin:0;font-size:17px;font-weight:800;color:#fff}
.mbmh-where-h span{font-size:12px;color:#A9ADB6}
.mbmh-where-list{padding:4px 18px 14px}
.mbmh-ch{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--mbmh-line)}
.mbmh-ch:last-of-type{border-bottom:0}
.mbmh-ch-ic{width:42px;height:42px;border-radius:10px;background:var(--mbmh-chip);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--mbmh-mut);flex:0 0 auto}
.mbmh-ch-txt{flex:1;min-width:0;font-size:15px}
.mbmh-ch-btn{background:var(--mbmh-btn);color:#fff!important;padding:10px 14px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none!important;white-space:nowrap}
.mbmh-ch-btn.is-red{background:#E5261B}
.mbmh-note{margin:6px 0 0;font-size:12px;color:var(--mbmh-mut)}
.mbmh-dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 14px;font-size:14px}
.mbmh-dl dt{color:var(--mbmh-mut)}.mbmh-dl dd{margin:0;font-weight:600;text-align:right}
.mbmh-today{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--mbmh-line);font-size:14px;color:var(--mbmh-ink)!important;text-decoration:none!important}
.mbmh-today:last-child{border-bottom:0}
.mbmh-today span{flex:1;font-weight:600}
.mbmh-today small{color:var(--mbmh-mut);font-size:13px}
.mbmh-today em{font-style:normal;background:var(--mbmh-tagl-bg);color:var(--mbmh-tagl);font-weight:700;font-size:12px;padding:3px 8px;border-radius:5px}
.mbmh-today.is-here span{font-weight:800}
.mbmh-widget{margin:0}
.mbmh-where-inline{display:none}

/* Inline Watch bar inside the article */
.mbmh-inline-cta{margin:24px 0!important}
.mbmh-inline-cta a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:12px;background:var(--mbmh-bar);color:#fff!important;font-weight:700;font-size:15px;line-height:1.3;font-family:inherit;text-decoration:none!important}
.mbmh-inline-cta a span:nth-child(2){flex:1}
.mbmh-inline-cta svg,.mbmh-pair-go svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;flex:0 0 auto}

/* Pair card */
.mbmh-pair{display:flex;align-items:center;gap:18px;margin:28px 0 0;padding:14px;border-radius:14px;border:1px solid var(--mbmh-line);background:var(--mbmh-soft);text-decoration:none!important;color:var(--mbmh-ink)!important}
.mbmh-v2 .mbmh-pair{margin:0}
.mbmh-pair.is-live{border:2px solid var(--mbmh-ink);background:var(--mbmh-card)}
.mbmh-pair-img{flex:0 0 168px;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#090B10;line-height:0}
.mbmh-pair-img img{width:100%;height:100%;object-fit:cover;margin:0}
.mbmh-pair-txt{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.mbmh-pair-k{font-size:13px;font-weight:700;color:var(--mbmh-redtext)}
.mbmh-pair.is-preview .mbmh-pair-k{color:var(--mbmh-goldtext)}
.mbmh-pair-t{font-weight:700;font-size:19px;line-height:1.3}

/* More to read */
.mbmh-more{border-top:1px solid var(--mbmh-line);padding-top:24px;display:flex;flex-direction:column;gap:14px}
.mbmh-more h2{margin:0;font-size:24px;line-height:1.3}
.mbmh-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mbmh-more-card{display:flex;flex-direction:column;gap:7px;color:var(--mbmh-ink)!important;text-decoration:none!important}
.mbmh-more-img{aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#0F1218;border-top:3px solid #FFC107;line-height:0}
.mbmh-more-img.is-live{border-top-color:#E5261B}
.mbmh-more-img img{width:100%;height:100%;object-fit:cover;margin:0}
.mbmh-more-t{font-weight:700;font-size:15px;line-height:1.35}
.mbmh-more-card small{font-size:13px;color:var(--mbmh-mut)}

/* Player */
.mbmh-player{position:relative;display:block;overflow:hidden;line-height:0}
.mbmh-player img{display:block;width:100%;height:auto}
.mbmh-player .mbmh-play{position:absolute!important;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:9.9%!important;min-width:58px;height:auto!important;max-height:none;aspect-ratio:1/1;margin:0;border:0;border-radius:50%;background:#E5261B;color:#fff;display:flex!important;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 0 0 0 rgba(229,38,27,.45),0 10px 30px rgba(0,0,0,.45);transition:transform .2s ease,background .2s ease;text-decoration:none!important}
.mbmh-player .mbmh-play svg{width:46%;height:46%;fill:#fff;margin-left:6%}
.mbmh-player .mbmh-play.is-arrow svg{margin-left:0;fill:none}
.mbmh-player .mbmh-play:hover,.mbmh-player .mbmh-play:focus-visible{transform:translate(-50%,-50%) scale(1.08);background:#C81E14;color:#fff}
.mbmh-player .mbmh-play:focus-visible{outline:3px solid #fff;outline-offset:3px}
.mbmh-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;line-height:0}
.mbmh-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Phone sticky bar */
.mbmh-sticky{display:none}
@media (max-width:899px){
	.mbmh-v2-aside{position:static;max-width:none}
	.mbmh-v2-aside .mbmh-where{display:none}
	.mbmh-where-inline{display:block}
}
@media (max-width:781px){
	.mbmh-v2-wrap{padding:18px 16px 40px}
	.mbmh-v2-meta{gap:10px}
	.mbmh-sh span{display:none}
	.mbmh-sh{width:38px;height:38px;padding:0}
	.mbmh-media{margin:0 -16px;border-radius:0}
	.mbmh-v2-content{font-size:18px}
	.mbmh-mcard{padding:14px}
	.mbmh-mcard-row{gap:10px}
	.mbmh-mt{flex-direction:column-reverse;gap:6px;text-align:center}
	.mbmh-mt.is-home{flex-direction:column;justify-content:center;text-align:center}
	.mbmh-mt.is-away{flex-direction:column}
	.mbmh-mt-txt strong{font-size:14px}
	.mbmh-mt-txt small{display:none}
	.mbmh-mt .mbmh-fc{--s:52px!important}
	.mbmh-mcard-mid{min-width:0}
	.mbmh-mcard-time{font-size:24px}
	.mbmh-mbar{padding:10px 14px;gap:10px}
	.mbmh-mbar-mid .mbmh-mbar-n,.mbmh-mbar-mid .mbmh-fc,.mbmh-mbar-cal span{display:none}
	.mbmh-mbar-mid{flex:0 0 auto;margin-left:auto}
	.mbmh-mbar-cal{width:38px;padding:0;justify-content:center}
	.mbmh-pair{gap:12px;padding:12px}
	.mbmh-pair-img{flex-basis:96px}
	.mbmh-pair-t{font-size:15px}
	.mbmh-more-grid{grid-template-columns:minmax(0,1fr)}
	.mbmh-more-card{flex-direction:row;align-items:center;gap:12px}
	.mbmh-more-img{flex:0 0 110px}
	.mbmh-more-card small{display:none}
	.mbmh-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:999;align-items:center;gap:12px;padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px));background:#0F1218;color:#fff;box-shadow:0 -8px 24px rgba(0,0,0,.18);line-height:1.25}
	.mbmh-sticky-crests{display:flex;gap:2px}
	.mbmh-sticky-txt{flex:1;min-width:0;display:flex;flex-direction:column;font-size:14px}
	.mbmh-sticky-txt strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.mbmh-sticky-txt .mbmh-cd{font-size:12px;color:#FF9A92}
	.mbmh-sticky-btn{background:#E5261B;color:#fff!important;padding:12px 16px;border-radius:9px;font-weight:800;font-size:14px;text-decoration:none!important;white-space:nowrap}
	body:has(.mbmh-sticky){padding-bottom:76px}
}
@media (prefers-reduced-motion:no-preference){
	.mbmh-player .mbmh-play{animation:mbmh-ring 2s ease-out infinite}
	.mbmh-player .mbmh-play.is-arrow svg{animation:mbmh-bob 1.6s ease-in-out infinite}
	.mbmh-dot{animation:mbmh-blink 1.6s ease-in-out infinite}
	@keyframes mbmh-ring{0%{box-shadow:0 0 0 0 rgba(229,38,27,.45),0 10px 30px rgba(0,0,0,.45)}70%{box-shadow:0 0 0 22px rgba(229,38,27,0),0 10px 30px rgba(0,0,0,.45)}100%{box-shadow:0 0 0 0 rgba(229,38,27,0),0 10px 30px rgba(0,0,0,.45)}}
	@keyframes mbmh-bob{50%{transform:translateY(12%)}}
	@keyframes mbmh-blink{50%{box-shadow:0 0 0 7px rgba(229,38,27,0)}}
}
.mbmh-pulse{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.3)}