/* Sports-specific content only. Base MegaPari shell geometry is unchanged. */
@font-face { font-family:'Noto Sans Arabic'; src:url('../assets/fonts/noto-sans-arabic-400.woff2') format('woff2'); font-style:normal; font-weight:400 500; font-display:swap; }
@font-face { font-family:'Noto Sans Arabic'; src:url('../assets/fonts/noto-sans-arabic-700.woff2') format('woff2'); font-style:normal; font-weight:600 900; font-display:swap; }
.match-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-flow:row; grid-auto-columns:auto; overflow:visible; gap:14px; padding-bottom:0; }
.match-card { min-width:0; padding:15px; border:1px solid var(--brand-border,#474747); border-radius:14px; background:var(--brand-surface); color:var(--brand-text); }
.match-card-head { display:flex; justify-content:space-between; align-items:center; gap:6px; margin-bottom:16px; }
.match-card-head>span { display:flex; align-items:center; gap:6px; min-width:0; color:var(--brand-muted); font-size:11px; }
.match-card-head svg { width:15px; height:15px; flex-shrink:0; }
.match-favorite { display:grid; place-items:center; width:32px; height:32px; flex-shrink:0; border:1px solid #474747; border-radius:8px; background:var(--brand-bg); color:var(--brand-muted); cursor:pointer; }
.match-favorite.active { color:var(--brand-lime); }
.match-favorite.active svg { fill:currentColor; }
.match-teams { display:grid; grid-template-columns:minmax(0,1fr) minmax(94px,1.05fr) minmax(0,1fr); align-items:start; gap:8px; direction:ltr; }
.match-team { display:flex; flex-direction:column; align-items:center; text-align:center; gap:9px; min-width:0; }
.match-team img { width:42px; height:28px; border-radius:4px; object-fit:cover; box-shadow:0 0 0 1px #ffffff24; }
.match-team strong { font-family:var(--font-heading); font-size:15px; overflow-wrap:anywhere; }
.match-date { display:grid; gap:6px; text-align:center; font-size:10px; line-height:1.35; color:var(--brand-muted); }
.match-date time { font-size:11px; font-weight:750; color:#fff; }
.match-date small { color:var(--brand-aqua); font-weight:650; }
.match-location { display:flex; align-items:center; justify-content:center; gap:6px; min-height:40px; margin:15px 0; color:var(--brand-muted); text-align:center; font-size:10px; line-height:1.5; }
.match-location svg { width:14px; height:14px; flex-shrink:0; }
.match-odds { display:grid; grid-template-columns:1fr .7fr 1fr; gap:6px; direction:ltr; }
.match-odd { min-width:0; min-height:64px; position:relative; padding:9px 5px; background:var(--brand-bg); border:1px solid #474747; border-radius:8px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; text-align:center; transition:border-color .18s ease, background-color .18s ease; }
.match-odd span { font-size:9px; overflow-wrap:anywhere; }
.match-odd strong { font-size:12px; color:#fff; }
.match-odd>svg { display:none; }
.match-odd--morocco { border-color:var(--brand-lime); background:color-mix(in srgb,var(--brand-lime) 12%,var(--brand-surface)); }
.match-odd:hover { background:var(--brand-lime); border-color:var(--brand-lime); color:#fff; }
.match-card-foot { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:15px; font-size:10px; }
.match-card-foot a { display:inline-flex; align-items:center; gap:3px; }
.fixture-source { color:var(--brand-muted); text-decoration:underline; text-underline-offset:3px; }
.match-card-foot svg { width:13px; height:13px; }
.match-odd--locked,.match-odd--locked:hover { cursor:not-allowed; background:var(--brand-bg); border-color:var(--brand-border); color:var(--brand-muted); opacity:1; }
.match-odd--locked strong { display:flex; align-items:center; gap:5px; color:var(--brand-muted); }
.match-odd--locked strong svg { width:12px; height:12px; flex-shrink:0; }
.match-card a:focus-visible,.match-favorite:focus-visible { outline:2px solid var(--brand-aqua); outline-offset:3px; }
.jackpot-showcase .player-card strong { white-space:normal; font-size:15px; line-height:1.25; }
.player-card { text-decoration:none; }
.fixture-ticker { flex:0 0 290px; }
.fixture-ticker .win-icon { display:grid; place-items:center; }
.fixture-ticker .win-icon svg { width:26px; height:26px; color:var(--brand-aqua); }
.fixture-ticker .win-amount { display:grid; gap:4px; }
.footer .commission { display:none; }
.page-intro h1 { white-space:normal; font-size:clamp(20px,2.45vw,35px); }
.hero { width:100%; max-width:100%; }
.hero-image { background-position:center; }
.hero::after { background:linear-gradient(90deg,rgba(43,43,43,.22),rgba(43,43,43,.12) 47%,transparent 68%); }
.hero-copy { width:57%; }
.hero .hero-title { text-wrap:balance; }
.hero-media[role=img] { pointer-events:none; }
.sports-app-preview { width:100%; height:auto; display:block; }
.sports-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sports-facts article { padding:16px; border:1px solid #474747; border-radius:10px; }
.seo-content .sources-list a { text-decoration:underline; text-underline-offset:3px; color:var(--brand-aqua); }
.seo-content .source-date { color:var(--brand-muted); font-size:12px; }
[dir=rtl] { --font-heading:'Roboto','Noto Sans Arabic',Tahoma,sans-serif; --font-body:'Roboto','Noto Sans Arabic',Tahoma,sans-serif; }
[dir=rtl] .match-teams>* , [dir=rtl] .match-odd { direction:rtl; }
[dir=rtl] .match-card-foot svg { transform:rotate(180deg); }
[dir=rtl] .jackpot-showcase .jackpot-card { text-align:right; }
[dir=rtl] .hero-image { transform:scaleX(-1); }
[dir=rtl] .hero-image.is-active { transform:scaleX(-1); }
[dir=rtl] .hero::after { background:linear-gradient(270deg,rgba(43,43,43,.22),rgba(43,43,43,.12) 47%,transparent 68%); }
[dir=rtl] .content-nav-heading { border-right:0; border-inline-end:1px solid #ffffff1f; }
[dir=rtl] .mobile-header-link { text-align:right; }
[dir=rtl] .hero-copy { padding-left:0; padding-right:28px; }
[dir=rtl] .hero-title { line-height:1.3; }
@media(min-width:768px) { [dir=rtl] .hero-copy { padding-right:48px; } }
@media(min-width:1200px) { [dir=rtl] .hero-copy { padding-right:68px; } }
@media(max-width:1100px) { .match-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
 .match-grid { grid-template-columns:minmax(0,1fr); gap:10px; }
 .match-card { padding:13px; }
 .match-team strong { font-size:15px; }
 .match-card-head>span { font-size:11px; }
 .match-favorite { width:36px; height:36px; }
 .match-odd { min-height:64px; }
 .match-odd span { font-size:10px; }
 .match-odd strong { font-size:13px; }
 .match-card-foot { min-height:32px; }
 .sports-facts { grid-template-columns:1fr; }
 .hero-copy { width:65%; }
 .hero .hero-title { font-size:23px; max-width:230px; }
 [dir=rtl] .hero-copy { padding-right:17px; }
 [dir=rtl] .hero .hero-title { font-size:19px; line-height:1.3; }
 .hero p { max-width:225px; }
 .hero-image { background-size:auto 100%; background-position:68% center; }
 .hero::after { background:linear-gradient(90deg,rgba(43,43,43,.98) 0%,rgba(43,43,43,.88) 38%,rgba(43,43,43,.05) 100%); }
 [dir=rtl] .hero::after { background:linear-gradient(270deg,rgba(43,43,43,.98) 0%,rgba(43,43,43,.88) 38%,rgba(43,43,43,.05) 100%); }
 .jackpot-showcase .player-card strong { font-size:12px; }
 .jackpot-showcase .player-card p { white-space:normal; }
 .fixture-ticker { flex-basis:258px; }
}
@media(max-width:359px) { .hero-copy { width:69%; } .hero .hero-title { font-size:20px; } .hero p { font-size:9px; margin:7px 0 9px; } .hero .primary-button { padding-inline:12px; min-height:38px; font-size:10px; } }

/* Focused sports UI repairs: reuse the casino template's FAQ and promotion cards. */
.jackpot-showcase .promotion-card strong { white-space:normal; font-size:15px; line-height:1.25; }
.jackpot-showcase .promotion-card p { white-space:normal; }
.jackpot-showcase .promotion-card:focus-visible { outline:2px solid var(--brand-aqua); outline-offset:3px; }

/* Static match highlights, not the old masked/animated winners ticker. */
.latest-wins .wins-viewport { display:block; padding:12px; overflow:visible; mask-image:none; -webkit-mask-image:none; }
.latest-wins .wins-track { display:block; width:100%; transform:none; }
.latest-wins .wins-group { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; gap:10px; padding:0; }
.latest-wins .fixture-ticker { width:100%; min-width:0; min-height:82px; padding:11px; flex:initial; grid-template-columns:36px minmax(0,1fr) auto; gap:9px; }
.latest-wins .fixture-ticker .win-icon { width:36px; height:36px; }
.latest-wins .fixture-ticker .win-icon svg { width:20px; height:20px; }
.latest-wins .win-copy strong,.latest-wins .win-copy small,.latest-wins .win-player { white-space:normal; line-height:1.35; }
.latest-wins .win-amount { min-width:0; }
.latest-wins .fixture-ticker:focus-visible { outline:2px solid var(--brand-aqua); outline-offset:2px; }
.match-card-foot { justify-content:flex-end; }

/* Existing seo-faq restores readable questions; logical padding also supports RTL. */
.seo-faq summary { height:auto; min-height:52px; display:block; padding:13px 0; padding-inline-end:42px; line-height:1.45; overflow-wrap:anywhere; }
.seo-faq summary::after { right:auto; inset-inline-end:12px; }
.seo-faq details>p { padding:0 0 17px; padding-inline-end:42px; }
.seo-faq summary:focus-visible { outline:2px solid var(--brand-aqua); outline-offset:3px; border-radius:4px; }
.seo-content>.seo-updated { padding:16px 0 0; text-align:end; }

/* Reserve actual cookie height independently of the temporary sports offer. */
.app-shell { padding-bottom:max(88px,var(--cookie-footer-clearance,0px)); }
@media(min-width:768px) { .app-shell { padding-bottom:var(--cookie-footer-clearance,0px); } }
@media(max-width:1099px) {
 .latest-wins { display:block; }
 .latest-wins .wins-heading { min-height:58px; padding:12px 14px; }
}
@media(max-width:767px) {
 .latest-wins .wins-group { grid-template-columns:minmax(0,1fr); gap:8px; }
 .latest-wins .fixture-ticker { min-height:72px; }
 .jackpot-showcase .promotion-card strong { font-size:12px; }
 .seo-faq summary { font-size:13px; }
 .seo-faq details>p { padding-inline-end:0; }
}