@font-face {
font-family: "NeoSansArabic";
src: url(//korazone-e.com/wp-content/themes/matchpress/assets/fonts/NeoSansArabic.woff2) format("woff2");
font-style: normal;
font-weight: 400 800;
font-display: swap;
}
:root {
--main-color: #00a878;
--body-bg: #f7f7f7;
--header-bg: #fff;
--header-color: #151515;
--logo-bg: #f1f1f1;
--logo-color: #151515;
--site-name-color: #000;
--light-color: #fff;
--dark-color: #151515;
--gray-1: #f4f4f4;
--gray-2: #e2e2e2;
--gray-3: #ededed;
--copy-bg: #f7f7f7;
--copy-color: #151515;
--theme-shadow: rgba(0, 0, 0, 0.3);
--theme-radius: 8px;
--font-type: "NeoSansArabic", "Segoe UI", sans-serif;
}
html[data-theme="dark"] {
--body-bg: #000;
--header-bg: #191919;
--header-color: #fff;
--light-color: #1d1d1d;
--dark-color: #000;
--gray-1: #1d1d1d;
--gray-2: #333;
--gray-3: #242424;
--copy-bg: #000;
--copy-color: #fff;
--site-name-color: #fff;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
min-width: 320px;
overflow-x: hidden;
background: var(--body-bg);
color: var(--header-color);
font-family: var(--font-type);
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
a {
color: inherit;
text-decoration: none;
}
a,
button {
-webkit-tap-highlight-color: transparent;
}
button,
input,
select,
textarea {
font: inherit;
}
.screen-reader,
.site-icon-sprite {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(1px, 1px, 1px, 1px) !important;
}
#mp-header {
position: relative;
margin-bottom: 15px;
border-top: 0;
z-index: 2000;
}
#mp-header .HdrInner {
width: 100%;
background: var(--header-bg);
box-shadow: 0 0 4px var(--theme-shadow);
}
.site-chrome-container {
width: min(calc(100% - 24px), 1024px);
max-width: 1024px;
min-height: 85px;
margin-inline: auto;
display: flex;
align-items: center;
gap: 20px;
}
.mp-logo {
width: var(--mp_theme-logo-width, 200px);
max-width: min(var(--mp_theme-logo-width, 200px), 45vw);
margin-block: 8px;
padding: 5px;
flex: 0 0 auto;
overflow: hidden;
border-radius: var(--theme-radius);
background: var(--logo-bg);
transform: translateX(var(--mp_theme-logo-offset-x, 0px));
}
.mp-logo a {
display: flex;
flex-direction: column;
justify-content: center;
}
.mp-logo.site-url-hidden {
align-self: stretch;
display: flex;
align-items: center;
}
.mp-logo.site-url-hidden a {
width: 100%;
height: 100%;
}
.mp-logo.imagelogo a {
width: 100%;
display: block;
}
.mp-logo.imagelogo img {
width: 100%;
height: auto;
max-height: 69px;
display: block;
object-fit: contain;
}
.mp-logo span {
display: block;
min-height: 4px;
color: var(--logo-color);
text-align: center;
line-height: 33px;
}
.mp-logo .SiteName {
font-size: var(--mp_theme-site-name-size, 30px);
color: var(--site-name-color);
transform: scaleX(var(--mp_theme-site-name-width, 1));
transform-origin: center;
}
.mp-logo .SiteUrl {
font-size: var(--mp_theme-site-url-size, 19px);
}
.mp-main-nav {
min-width: 0;
flex: 1;
display: flex;
align-items: center;
gap: 15px;
}
.MainMenu,
.mp-social {
margin: 0;
padding: 0;
list-style: none;
}
.MainMenu {
flex: 1;
display: flex;
align-items: center;
}
.MainMenu a {
display: block;
padding: 8px;
color: var(--header-color);
font-size: 17px;
white-space: nowrap;
}
.MainMenu a:hover {
color: var(--main-color);
}
.mp-social {
display: flex;
align-items: center;
gap: 5px;
margin-inline-start: auto;
direction: ltr;
flex-direction: row;
}
.mp-social.icons-ltr {
flex-direction: row-reverse;
}
.mp-social li {
position: relative;
}
.mp-social .moon {
transform: translateX(var(--mp_theme-theme-offset-x, 0px));
}
.mp-social .mgt-header-search-item {
transform: translateX(var(--mp_theme-search-offset-x, 0px));
}
.mp-social .mgt-live-filter-item {
transform: translateX(var(--mp_theme-clock-offset-x, 0px));
}
.hed-btn {
width: var(--mp_theme-header-button-size, 35px);
height: var(--mp_theme-header-button-size, 35px);
padding: 0;
border: 0;
border-radius: 0;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
background: transparent;
color: var(--header-color);
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.hed-btn:hover,
.hed-btn:focus,
.hed-btn:active,
.hed-btn:focus-visible {
opacity: 0.82;
outline: 0!important;
background: transparent!important;
box-shadow: none!important;
}
.hed-btn .icon {
width: var(--mp_theme-header-icon-size, 22px);
height: var(--mp_theme-header-icon-size, 22px);
color: currentColor;
pointer-events: none;
}
.mp-social .moon .icon {
width: var(--mp_theme-theme-icon-size, var(--mp_theme-header-icon-size, 22px));
height: var(--mp_theme-theme-icon-size, var(--mp_theme-header-icon-size, 22px));
}
.mp-social .mgt-header-search-item .icon,
.mgt-desktop-search button svg {
width: var(--mp_theme-search-icon-size, var(--mp_theme-header-icon-size, 22px));
height: var(--mp_theme-search-icon-size, var(--mp_theme-header-icon-size, 22px));
}
.mp-social .mgt-live-filter-item .icon {
width: var(--mp_theme-clock-icon-size, var(--mp_theme-header-icon-size, 22px));
height: var(--mp_theme-clock-icon-size, var(--mp_theme-header-icon-size, 22px));
}
.mp-social .twitter .hed-btn {
background: #000;
}
.mp-social .facebook .hed-btn {
background: #1877f2;
}
.mp-social .youtube .hed-btn {
background: #cd201f;
}
.mp-social .telegram .hed-btn {
background: #24a1de;
}
.language-toggle {
background: var(--dark-color);
}
.language-menu-list {
position: absolute;
top: calc(100% + 8px);
left: 0;
z-index: 2300;
display: none;
min-width: 155px;
padding: 6px;
border: 1px solid var(--gray-2);
border-radius: var(--theme-radius);
background: var(--light-color);
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.2);
direction: rtl;
}
[dir="ltr"] .language-menu-list {
right: 0;
left: auto;
}
.language-control.open .language-menu-list {
display: grid;
gap: 4px;
}
.language-menu-item {
width: 100%;
padding: 8px 10px;
border: 0;
border-radius: 6px;
background: transparent;
color: var(--header-color);
cursor: pointer;
text-align: right;
white-space: nowrap;
}
.language-menu-item:hover,
.language-menu-item:focus-visible {
background: var(--main-color);
color: #fff;
outline: none;
}
html:not([data-theme="dark"]) .sun,
html[data-theme="dark"] .mon {
display: none;
}
.site-footer {
width: 100%;
margin-top: 15px;
padding: 26px 52px;
box-shadow: 0 0 4px var(--theme-shadow);
background: var(--copy-bg);
color: var(--copy-color);
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
font-size: 13px;
}
.footer-brand {
color: var(--copy-color);
font-size: 14px;
font-weight: 800;
}
.site-footer p {
margin: 0;
}
.footer-links-group {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 14px;
min-width: 0;
}
.footer-links-group .footer-navigation {
position: relative;
padding-inline-start: 14px;
}
.footer-links-group .footer-navigation::before {
content: "";
position: absolute;
inset-inline-start: 0;
top: 50%;
width: 1px;
height: 18px;
background: currentColor;
opacity: 0.25;
transform: translateY(-50%);
}
.footer-navigation {
min-width: 0;
}
.footer-menu {
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px 16px;
list-style: none;
}
.footer-menu li {
margin: 0;
padding: 0;
}
.footer-menu a {
display: inline-flex;
align-items: center;
min-height: 34px;
color: var(--copy-color);
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: opacity 0.2s ease;
}
.footer-menu a:hover,
.footer-menu a:focus-visible {
color: var(--main-color);
outline: none;
}
.footer-social {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
direction: ltr;
}
.footer-social a {
width: 34px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
color: #fff;
}
.footer-social .icon {
width: 20px;
height: 20px;
}
.footer-social .twitter a {
background: #000;
}
.footer-social .facebook a {
background: #1877f2;
}
.footer-social .youtube a {
background: #cd201f;
}
.footer-social .telegram a {
background: #24a1de;
}
@media (max-width: 768px) {
#mp-header {
margin-bottom: 10px;
}
.site-chrome-container {
width: min(100% - 16px, 1024px);
max-width: 1024px;
min-height: 65px;
gap: 8px;
}
.mp-logo {
margin-block: 6px;
padding: 3px;
}
.mp-logo.imagelogo img {
max-height: 53px;
}
.mp-logo .SiteName {
line-height: 25px;
}
.mp-logo .SiteUrl {
line-height: 18px;
}
.mp-main-nav {
justify-content: flex-end;
}
.MainMenu {
display: none;
}
.mp-social {
gap: 4px;
}
.site-footer {
padding-inline: 16px;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
.site-footer p {
flex-basis: 100%;
}
.footer-menu {
width: 100%;
}
.footer-links-group {
justify-content: center;
flex-wrap: wrap;
}
.footer-navigation {
flex-basis: auto;
}
}
@media (max-width: 430px) {
.site-chrome-container {
width: calc(100% - 10px);
gap: 5px;
}
.mp-social {
gap: 3px;
}
.hed-btn {
border-radius: 6px;
}
} .mp-header-actions {
flex: 0 0 auto;
margin: 0;
margin-right: auto;
margin-left: 0;
direction: ltr;
flex-direction: row;
}
.mp-header-actions .mgt-header-search-item {
display: flex;
align-items: center;
}
.mgt-desktop-search {
width: clamp(180px, 23vw, 270px);
height: var(--mp_theme-header-button-size, 35px);
padding-inline: 10px 13px;
border: 1px solid transparent;
border-radius: 999px;
display: flex;
align-items: center;
gap: 8px;
background: var(--gray-1);
color: var(--header-color);
}
.mgt-desktop-search:focus-within {
border-color: var(--main-color);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--main-color) 22%, transparent);
}
.mgt-desktop-search input {
width: 100%;
min-width: 0;
border: 0;
outline: 0;
background: transparent;
color: inherit;
font: inherit;
text-align: right;
}
.mgt-desktop-search input::-webkit-search-cancel-button { display: none; }
.mgt-desktop-search button {
width: 23px;
height: 23px;
padding: 0;
border: 0;
display: grid;
place-items: center;
background: transparent;
color: inherit;
cursor: pointer;
transform: translateX(var(--mp_theme-search-offset-x, 0px));
-webkit-tap-highlight-color: transparent;
}
.mgt-mobile-search-button { display: none; }
.mgt-live-filter-item .hed-btn[aria-pressed="true"] {
background: transparent;
box-shadow: none;
color: var(--main-color);
}
@media (min-width: 769px) {
#mp-header {
position: sticky;
top: 0;
}
.mp-header-actions .moon { order: 1; }
.mp-header-actions .mgt-live-filter-item { order: 2; }
.mp-header-actions .mgt-header-search-item { display: none; }
}
.mgt-search-layer {
position: fixed;
z-index: 12000;
top: 85px;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
.mgt-search-layer[hidden] { display: none!important; }
.mgt-search-backdrop {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
padding: 0;
border: 0;
background: rgba(0,0,0,.28);
pointer-events: auto;
}
.mgt-search-dialog {
position: relative;
width: min(680px, calc(100% - 24px));
max-height: min(690px, calc(100vh - 110px));
margin: 8px auto 0;
overflow: hidden;
border: 1px solid var(--gray-2);
border-radius: 18px;
display: flex;
flex-direction: column;
background: var(--light-color);
color: var(--header-color);
box-shadow: 0 18px 60px rgba(0,0,0,.28);
pointer-events: auto;
direction: rtl;
}
.mgt-search-dialog>.mgt-search-form { display: none; }
.mgt-search-form {
min-height: 64px;
padding: 10px 14px;
display: grid;
grid-template-columns: 38px minmax(0,1fr) 38px;
gap: 8px;
align-items: center;
border-bottom: 1px solid var(--gray-2);
}
.mgt-search-form input {
width: 100%;
border: 0;
outline: 0;
background: transparent;
color: inherit;
font: inherit;
font-size: 18px;
text-align: right;
}
.mgt-search-form input::-webkit-search-cancel-button { display: none; }
.mgt-search-form button {
width: 38px;
height: 38px;
padding: 7px;
border: 0;
border-radius: 50%;
display: grid;
place-items: center;
background: transparent;
color: inherit;
cursor: pointer;
}
.mgt-search-form button:hover,.mgt-search-form button:focus-visible { background: var(--gray-1); }
.mgt-search-form svg { width: 24px; height: 24px; }
.mgt-search-tabs {
padding: 12px 14px;
border-bottom: 1px solid var(--gray-2);
display: grid;
grid-template-columns: repeat(4,minmax(0,1fr));
gap: 9px;
}
.mgt-search-tabs[hidden] { display: none!important; }
.mgt-search-tabs button {
min-height: 40px;
padding: 5px 10px;
border: 0;
border-radius: 999px;
background: var(--gray-1);
color: inherit;
font: inherit;
cursor: pointer;
}
.mgt-search-tabs button.is-active { background: var(--header-color); color: var(--light-color); }
.mgt-search-status { padding: 18px; text-align: center; opacity: .72; }
.mgt-search-status:empty { display: none; }
.mgt-search-results { overflow: auto; overscroll-behavior: contain; }
.mgt-search-result {
min-height: 72px;
padding: 10px 17px;
border-bottom: 1px solid var(--gray-2);
display: grid;
grid-template-columns: 50px minmax(0,1fr);
gap: 13px;
align-items: center;
color: inherit;
}
.mgt-search-result:last-child { border-bottom: 0; }
.mgt-search-result[href]:hover,.mgt-search-result[href]:focus-visible { background: var(--gray-1); }
.mgt-search-result-logo { width: 50px; min-height: 44px; display: grid; place-items: center; }
.mgt-search-result-logo>img,.mgt-search-result-logo>picture,.mgt-search-result-logo>picture img { width: 42px!important; height: 42px!important; object-fit: contain; }
.mgt-search-match-logos { display: flex; align-items: center; justify-content: center; direction: rtl; }
.mgt-search-match-logos img { width: 30px!important; height: 30px!important; object-fit: contain; }
.mgt-search-match-logos img+img { margin-inline-start: -8px; }
.mgt-search-result-copy { min-width: 0; display: grid; gap: 4px; }
.mgt-search-result-copy strong { font-size: 16px; line-height: 1.45; }
.mgt-search-result-copy small { opacity: .64; font-size: 12.5px; line-height: 1.4; }
.mgt-search-result[hidden] { display: none!important; }
.mgt-live-filter-empty { margin: 14px 0; padding: 24px 12px; text-align: center; border-radius: var(--theme-radius); background: var(--light-color); }
.mgt-live-filter-empty[hidden],.mp-champ-schedule[hidden],.mp-match[hidden],.mp-schedule-match[hidden] { display: none!important; }
body.mgt-search-open { overflow: hidden; } @media (min-width: 769px) {
.mgt-search-dialog {
width: min(620px, calc(100% - 32px));
max-height: min(570px, calc(100vh - 110px));
border-radius: 16px;
}
.mgt-search-tabs {
padding: 9px 12px;
gap: 7px;
}
.mgt-search-tabs button {
min-height: 34px;
padding: 4px 8px;
font-size: 14px;
}
.mgt-search-status {
padding: 13px;
font-size: 13px;
}
.mgt-search-result {
min-height: 54px;
padding: 6px 14px;
grid-template-columns: 38px minmax(0,1fr);
gap: 10px;
}
.mgt-search-result-logo {
width: 38px;
min-height: 34px;
}
.mgt-search-result-logo>img,
.mgt-search-result-logo>picture,
.mgt-search-result-logo>picture img {
width: 32px!important;
height: 32px!important;
}
.mgt-search-match-logos img {
width: 23px!important;
height: 23px!important;
}
.mgt-search-match-logos img+img { margin-inline-start: -6px; }
.mgt-search-result-copy { gap: 2px; }
.mgt-search-result-copy strong {
font-size: 14px;
line-height: 1.35;
}
.mgt-search-result-copy small {
font-size: 11.5px;
line-height: 1.3;
}
}
@media (max-width: 768px) {
.mp-header-actions {
gap: 4px;
direction: ltr;
flex-direction: row;
}
.mp-header-actions .moon { order: 1; }
.mp-header-actions .mgt-live-filter-item { order: 2; }
.mp-header-actions .mgt-header-search-item { order: 3; }
.mgt-desktop-search { display: none; }
.mgt-mobile-search-button { display: inline-flex; }
.mp-header-actions .hed-btn { width: var(--mp_theme-header-button-size, 34px); height: var(--mp_theme-header-button-size, 34px); }
.mgt-search-backdrop { background: rgba(0,0,0,.58); }
.mgt-search-layer { inset: 0; }
.mgt-search-dialog {
width: calc(100% - 20px);
height: min(720px, calc(100dvh - 36px));
max-height: calc(100dvh - 36px);
margin: 18px auto;
border-radius: 18px;
}
.mgt-search-dialog>.mgt-search-form { display: grid; }
.mgt-search-form {
min-height: 59px;
padding: 9px 10px;
grid-template-columns: 32px minmax(0,1fr) 32px;
gap: 6px;
}
.mgt-search-form input { font-size: 16px; }
.mgt-search-form button { width: 32px; height: 32px; padding: 6px; }
.mgt-search-form svg { width: 19px; height: 19px; }
.mgt-search-tabs { padding: 9px 8px; gap: 6px; }
.mgt-search-tabs button { min-height: 34px; padding-inline: 4px; font-size: 13px; }
.mgt-search-status { padding: 14px; font-size: 13px; }
.mgt-search-result {
min-height: 62px;
padding: 8px 10px;
grid-template-columns: 40px minmax(0,1fr);
gap: 10px;
}
.mgt-search-result-logo { width: 40px; min-height: 35px; }
.mgt-search-result-logo>img,
.mgt-search-result-logo>picture,
.mgt-search-result-logo>picture img { width: 34px!important; height: 34px!important; }
.mgt-search-match-logos img { width: 24px!important; height: 24px!important; }
.mgt-search-match-logos img+img { margin-inline-start: -6px; }
.mgt-search-result-copy { gap: 3px; }
.mgt-search-result-copy strong { font-size: 14px; line-height: 1.4; }
.mgt-search-result-copy small { font-size: 11.5px; line-height: 1.35; }
}
@media (max-width: 430px) {
.mp-header-actions .hed-btn { width: var(--mp_theme-header-button-size, 29px); height: var(--mp_theme-header-button-size, 29px); }
.mp-logo { max-width: calc(100vw - 122px); }
}:root {
--day-button-bg: #f1f1f1;
--active-day-button-bg: #dedede;
--timezone-label-bg: #d97706;
--block-head-bg: var(--gray-1);
--block-title-bg: var(--dark-color);
--match-bg: #ffffff;
}
.home-intro {
margin: 0 0 10px;
padding: 14px 16px;
border-inline-start: 4px solid var(--main-color);
border-radius: 10px;
background: var(--light-color);
box-shadow: 0 0 4px var(--theme-shadow);
}
.home-intro h1 {
margin: 0 0 5px;
color: var(--header-color);
font-size: clamp(20px, 3vw, 28px);
line-height: 1.35;
}
.home-intro p {
margin: 0;
color: var(--header-color);
font-size: 14px;
line-height: 1.65;
opacity: 0.82;
}
html[data-theme="dark"] {
--block-head-bg: #242424;
--match-bg: #1d1d1d;
}
.container {
width: min(100% - 24px, 1024px);
margin-inline: auto;
}
#SiteContent {
position: relative;
}
.landing-h1 {
margin: 22px 0 12px;
color: var(--header-color);
font-size: clamp(22px, 4vw, 34px);
line-height: 1.35;
text-align: center;
}
.landing-seo {
margin: 0 0 20px;
padding: clamp(18px, 4vw, 32px);
border-radius: var(--theme-radius);
background: var(--light-color);
box-shadow: 0 0 4px var(--theme-shadow);
color: var(--header-color);
line-height: 1.85;
text-align: start;
}
.rich-landing-seo {
display: grid;
gap: 16px;
padding: clamp(14px, 3vw, 22px);
}
.landing-seo-card {
padding: clamp(14px, 3vw, 20px);
border: 1px solid rgba(148, 163, 184, 0.25);
border-radius: 12px;
background: rgba(255, 255, 255, 0.58);
}
html[data-theme="dark"] .landing-seo-card {
background: rgba(15, 23, 42, 0.35);
border-color: rgba(148, 163, 184, 0.16);
}
.landing-seo section + section {
margin-top: 0;
padding-top: clamp(14px, 3vw, 20px);
}
.landing-seo h1,
.landing-seo h2 {
display: flex;
align-items: center;
gap: 8px;
width: fit-content;
max-width: 100%;
margin-block: 0 10px;
margin-inline-start: 0;
margin-inline-end: auto;
padding: 6px 12px;
border-radius: 8px;
background: var(--gray-1);
color: var(--header-color);
font-size: clamp(15px, 2.5vw, 20px);
line-height: 1.45;
text-align: start;
}
.landing-seo h1 span,
.landing-seo h2 span {
display: inline-grid;
flex: 0 0 auto;
place-items: center;
width: 22px;
height: 22px;
border-radius: 999px;
background: var(--main-color);
color: #fff;
font-size: 12px;
}
.landing-seo p {
margin: 0;
text-align: start;
}
.landing-seo ul {
display: grid;
gap: 7px;
width: min(100%, 520px);
margin-block: 0;
margin-inline-start: 0;
margin-inline-end: auto;
padding: 0;
list-style: none;
}
.landing-seo li {
position: relative;
padding-inline-start: 24px;
}
.landing-seo li::before {
content: "✓";
position: absolute;
inset-inline-start: 0;
top: 0;
color: var(--main-color);
font-weight: 900;
}
.no-matches {
min-height: 180px;
padding: 36px 20px;
display: grid;
place-items: center;
border-radius: var(--theme-radius);
background: var(--match-bg);
text-align: center;
line-height: 1.8;
}
.mp-match[href] {
display: block;
text-decoration: none;
}
.tmz-name {
display: flex;
height: 26px;
overflow: hidden;
padding: 3px 8px 0;
justify-content: flex-end;
}
.tmz-name span {
min-height: 24px;
padding: 3px 12px 4px;
border-radius: 6px 6px 0 0;
background: var(--timezone-label-bg);
color: #fff;
box-shadow:
0 0 0 1px rgba(255, 255, 255, 0.16),
0 4px 12px rgba(0, 0, 0, 0.28);
font-size: 12px;
font-weight: 800;
line-height: 1.35;
}
.mp-block {
margin-bottom: 20px;
overflow: hidden;
border-radius: var(--theme-radius);
background: var(--light-color);
box-shadow: 0 0 4px var(--theme-shadow);
}
.mp-block-head {
min-height: 54px;
padding: 12px;
border-bottom: 1px solid var(--gray-2);
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
background: var(--block-head-bg);
}
.mp-button,
.date-btn {
position: relative;
min-height: 30px;
padding: 4px 10px 5px;
border: 0;
border-radius: var(--theme-radius);
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--block-title-bg);
color: #fff;
font-size: 15px;
text-align: center;
}
.mp-block-head h2 {
margin: 0;
font-size: 16px;
}
.mp-block-head strong {
font-weight: 500;
}
.mp-day-tab {
display: flex;
gap: 5px;
}
.date-btn {
cursor: pointer;
white-space: nowrap;
font-family: inherit;
font-weight: 500;
}
.date-btn {
background: var(--day-button-bg);
}
.date-btn.active {
background: var(--active-day-button-bg);
box-shadow: 0 0 0 3px color-mix(in srgb, var(--active-day-button-bg) 35%, transparent);
}
.date-btn:hover,
.date-btn:focus-visible {
opacity: 0.8;
outline: 2px solid var(--main-color);
outline-offset: 2px;
}
.rudanflex {
position: relative;
width: 100%;
min-height: var(--matches-reserved-height, clamp(280px, 34vw, 432px));
padding: 12px;
display: flex;
flex-direction: column;
gap: 12px;
}
.rudanflex.is-loading {
cursor: progress;
}
.mp-match {
position: relative;
order: 3;
min-height: 132px;
margin-bottom: 0;
overflow: hidden;
border-radius: var(--theme-radius);
background: var(--match-bg);
color: inherit;
text-align: center;
contain: layout;
--status-bg: #3b3b3b;
}
.mp-match.is-live,
.mp-match.live {
order: 1;
--status-bg: #d00000;
}
.mp-match.is-soon {
order: 2;
--status-bg: #0f6f37;
}
.mp-match.is-halftime,
.mp-match.halftime {
order: 1;
--status-bg: linear-gradient(135deg, #f59e0b, #b45309);
}
.mp-match.is-finished,
.mp-match.finished {
order: 4;
--status-bg: #474747;
}
.mp-match.not-started {
order: 3;
}
.mp-match.is-next-midnight {
order: 5;
}
.mp-inner {
display: flex;
align-items: center;
}
.mp-inner > div {
width: 33.333333%;
flex: 0 0 auto;
}
.MT_Team {
display: flex;
align-items: center;
flex: 1;
}
.MT_Team.TM2 {
flex-direction: row-reverse;
}
.TM_Logo {
width: 50%;
min-height: 70px;
display: flex;
align-items: center;
justify-content: center;
}
.TM_Logo img {
width: 70px;
height: 50px;
max-width: 70px;
max-height: 50px;
margin: 10px auto;
display: block;
object-fit: contain;
}
.TM_Logo img.logo-national {
width: 42px;
height: 42px;
border-radius: 50%;
object-fit: cover;
}
.TM_Name {
min-width: 0;
margin: 8px auto;
padding-inline: 6px;
font-weight: 500;
overflow-wrap: anywhere;
}
.MT_Data {
margin: 12px auto;
display: flex;
flex-direction: column;
align-items: center;
}
.MT_Time {
font-size: 16px;
direction: ltr;
}
.MT_Result {
margin-top: 3px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
direction: ltr;
font-size: 15px;
font-weight: 700;
}
.TourName {
max-width: 100%;
margin-top: 5px;
padding-inline: 6px;
color: var(--header-color);
opacity: 0.72;
font-size: 12px;
line-height: 1.35;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.MT_Stat {
min-width: 60px;
height: 25px;
margin: 6px auto 0;
padding: 4px 10px 5px;
border-radius: var(--theme-radius);
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--status-bg);
color: #fff;
font-size: 14px;
}
.mp-match.is-live .MT_Stat,
.mp-match.live .MT_Stat {
animation: statusBlink 1s ease-in-out infinite;
}
@keyframes statusBlink {
50% {
opacity: 0.72;
}
}
.MT_Info {
width: 100%;
overflow: hidden;
border-top: 1px solid var(--gray-2);
}
.MT_Info ul {
margin: 0;
padding: 0;
display: flex;
align-items: center;
list-style: none;
}
.MT_Info li {
min-width: 0;
flex: 1;
padding: 5px 5px 7px;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.MT_Info li::before {
content: "🎤";
margin-inline-end: 7px;
}
.MT_Info li:first-child::before {
content: "📺";
}
.MT_Info li:last-child::before {
content: "🏆";
}
.MT_Mask {
position: absolute;
inset: 0;
z-index: 9;
opacity: 0;
background: rgba(0, 0, 0, 0.6);
transition: opacity 0.3s;
}
.mp-match:hover .MT_Mask {
opacity: 1;
}
.MT_MaskText {
position: absolute;
inset: 0;
width: 45px;
height: 45px;
margin: auto;
background: no-repeat center/contain
url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M256 0a256 256 0 1 0 0 512 256 256 0 0 0 0-512Zm88.5 269.6-128 80A16 16 0 0 1 192 336V176a16 16 0 0 1 24.5-13.6l128 80a16 16 0 0 1 0 27.2Z'/%3E%3C/svg%3E");
}
.loading,
.no-matches,
.error {
flex: 1;
min-height: clamp(220px, 28vw, 360px);
margin-bottom: 0;
padding: 24px 12px;
border-radius: var(--theme-radius);
display: flex;
align-items: center;
justify-content: center;
background: var(--match-bg);
color: inherit;
text-align: center;
font-size: 15px;
}
.mp-block-inner {
padding: 12px 12px 0;
overflow: hidden;
}
.news-box .mp-block-head {
justify-content: flex-start;
}
.news-box .WTa {
display: none !important;
}
.single-latest-news {
margin-top: 20px;
}
.single-latest-news .mp-block {
margin-bottom: 0;
}
.mp-grid {
position: relative;
padding-bottom: 12px;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}
.news-box .mp-grid {
min-height: 0;
}
.gr-item {
min-width: 0;
}
.gr-inner {
height: 100%;
overflow: hidden;
border-radius: var(--theme-radius);
display: flex;
flex-direction: column;
background: var(--match-bg);
color: inherit;
}
.gr-img {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
overflow: hidden;
display: block;
background: var(--gray-1);
}
.gr-img img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.gr-info {
min-width: 0;
padding: 10px 12px 12px;
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: center;
}
.gr-info h2,
.gr-info h3 {
margin: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: var(--header-color);
font-size: clamp(13px, 1.25vw, 17px);
font-weight: 800;
line-height: 1.55;
text-align: center;
}
.gr-info time {
margin-top: 6px;
color: var(--txt-color);
font-size: 12px;
opacity: 0.72;
text-align: center;
}
.LoadMOreNews {
min-width: 170px;
height: 40px;
margin: 8px auto 13px;
padding: 8px 15px;
border: 1px solid var(--gray-2);
border-radius: 20px;
display: block;
background: var(--gray-1);
color: inherit;
cursor: pointer;
font-family: inherit;
font-size: 91%;
}
.LoadMOreNews:hover {
background: var(--main-color);
color: #fff;
}
@media (max-width: 768px) {
.container {
width: calc(100% - 16px);
}
.home-intro {
padding: 11px 12px;
}
.home-intro h1 {
font-size: 20px;
}
.home-intro p {
font-size: 13px;
line-height: 1.55;
}
.mp-block-head {
padding: 8px;
flex-wrap: wrap;
}
.mp-fixture .mp-block-head h2 {
width: 100%;
margin-bottom: 6px;
}
.mp-day-tab {
width: 100%;
}
.date-btn {
flex: 1;
padding-inline: 3px;
font-size: 13px;
}
.MT_Team {
min-width: 0;
flex-direction: column !important;
text-align: center;
}
.TM_Logo {
width: 100%;
min-height: 55px;
margin-bottom: 2px;
}
.TM_Logo img {
max-width: 50px;
max-height: 48px;
}
.TM_Name {
max-width: 100%;
margin: 0 auto 5px;
font-size: 13px;
white-space: normal;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 1.3;
}
.MT_Data {
margin: 13px auto;
}
.MT_Time {
font-size: 12px;
}
.MT_Stat {
min-width: 50px;
height: 22px;
padding: 2px 8px;
font-size: 11px;
}
.MT_Info li {
width: 50%;
font-size: 12px;
}
.MT_Info li:nth-child(2) {
display: none;
}
.mp-grid,
.PS_1 .mp-grid {
grid-template-columns: 1fr;
min-height: 0;
}
.gr-inner,
.PS_1 .gr-inner {
display: flex;
flex-direction: row;
min-height: 92px;
}
.gr-img,
.PS_1 .gr-img {
width: 36%;
min-width: 36%;
height: auto;
aspect-ratio: 16 / 10;
}
.gr-info {
padding: 8px 10px;
}
.gr-info h2,
.gr-info h3 {
-webkit-line-clamp: 3;
font-size: clamp(13px, 3.8vw, 16px);
line-height: 1.35;
text-align: center;
}
}
@media (max-width: 350px) {
.container {
width: calc(100% - 10px);
}
.mp-block-head {
padding: 5px;
}
.date-btn {
font-size: 11px;
}
.TM_Name {
font-size: 11px;
}
.MT_Info li {
font-size: 10px;
}
.gr-img,
.PS_1 .gr-img {
width: 34%;
min-width: 34%;
}
.gr-info h2,
.gr-info h3 {
font-size: 12px;
line-height: 1.35;
}
}
.daily-seo-links {
margin-top: 18px;
}
.daily-seo-links a {
font-weight: 800;
text-decoration: underline;
text-underline-offset: 3px;
} .home-intro,
.wp-shortcode-page .landing-h1 {
display: none !important;
}:root {
--page-bg: var(--body-bg, #f7f7f7);
--panel: var(--match-bg, var(--light-color, #ffffff));
--line: var(--gray-2, #e5e5e5);
--text: var(--header-color, #151515);
--muted: #737373;
--brand: var(--main-color, #00a878);
--soft-panel: var(--gray-3, #f5f5f5);
--table-cell: color-mix(in srgb, var(--panel) 96%, var(--text));
} .match-tabs{margin-top:4px}.match-tab-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--soft-panel)}
.match-tab-button{min-height:46px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:16px;font-weight:900;cursor:pointer}
.match-tab-button:hover,.match-tab-button:focus-visible{color:var(--text);outline:none}.match-tab-button.is-active{background:var(--panel);color:var(--main-color,#087c2d);box-shadow:0 3px 12px rgba(15,23,42,.1)}
.match-tab-panel{padding-top:24px}.match-tab-panel[hidden]{display:none!important}.match-main-title{margin-bottom:18px}
.match-info-card,.match-events-card,.match-stats-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 10px 26px rgba(15,23,42,.06)}
.match-info-card>h2,.match-events-card>h2,.match-stats-card>h2{margin:0;padding:16px 20px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--main-color,#087c2d) 7%,var(--panel));color:var(--main-color,#087c2d);font-size:20px}
.match-info-card>h2 span{margin-inline-start:7px;font-size:17px}.match-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.match-info-item{min-height:96px;display:grid;align-content:center;gap:8px;padding:15px 22px;border-bottom:1px solid var(--line)}.match-info-item:nth-child(odd){border-inline-end:1px solid var(--line)}
.match-info-item>span{color:var(--muted);font-size:14px}.match-info-item>strong{display:flex;align-items:center;gap:8px;font-size:17px;overflow-wrap:anywhere}.match-info-item i{font-style:normal;font-size:17px}
.match-events-card,.match-stats-card{margin-top:18px}.match-events-card>h2{padding-block:14px;text-align:center;color:var(--text);font-size:15px}.match-events-list{width:min(100%,540px);margin-inline:auto;padding:20px 14px 26px;direction:ltr}
.match-event{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:center;min-height:58px;direction:ltr}.match-event-minute{grid-column:2;grid-row:1;justify-self:center;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--text) 20%,var(--panel));color:var(--text);direction:ltr;font-size:12px;font-weight:900}.match-event-body{min-width:0;display:flex;align-items:center;gap:8px;direction:ltr}.match-event-body.is-home{grid-column:3;grid-row:1;justify-content:flex-start}.match-event-body.is-away{grid-column:1;grid-row:1;flex-direction:row-reverse;justify-content:flex-start}.match-event-body.is-neutral{grid-column:1/4;grid-row:2;justify-content:center}.match-event-icon{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:17px;line-height:1}.match-event.is-sub .match-event-icon{border:1px solid var(--line);background:var(--soft-panel);font-size:14px}.match-event-copy{min-width:0;display:grid;gap:1px;direction:rtl;line-height:1.35}.match-event-body.is-home .match-event-copy{text-align:right}.match-event-body.is-away .match-event-copy{text-align:left}.match-event-body.is-away .match-event-copy>*{justify-self:end}.match-event-player{min-width:0;overflow-wrap:anywhere;font-size:14px}.match-event-player em{color:#08a860;font-style:normal}.match-event-player i{display:none}.match-event-player.is-in{color:#08a860}.match-event-player.is-out{color:#e3343b;font-size:12px;font-weight:800}.match-event-assist{color:var(--muted);font-size:11px}.match-event-milestone{min-height:54px;display:grid;grid-template-columns:minmax(20px,1fr) auto minmax(20px,1fr);align-items:center;gap:10px;color:var(--text);direction:ltr}.match-event-milestone>span{height:1px;background:var(--line)}.match-event-milestone strong{direction:ltr;font-size:13px;white-space:nowrap}.match-event-milestone strong b{display:inline-grid;width:36px;height:36px;margin-inline-end:6px;border:2px solid var(--line);border-radius:50%;place-items:center;font-size:12px}.match-event-milestone strong i{font-style:normal;font-weight:900}
.match-stats-head,.match-stat-row{display:grid;grid-template-columns:minmax(70px,.7fr) minmax(130px,1.4fr) minmax(70px,.7fr);align-items:center;gap:8px;padding:12px 18px;text-align:center}.match-stats-head{background:var(--soft-panel);color:var(--muted);font-size:13px}.match-stat-row{border-top:1px solid var(--line)}.match-stat-row b{direction:ltr}
.match-lineups-card{margin-top:18px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 10px 26px rgba(15,23,42,.06)}
.match-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--main-color,#087c2d) 7%,var(--panel))}.match-section-heading h2{margin:0;color:var(--main-color,#087c2d);font-size:20px}.match-section-heading p{margin-top:2px;color:var(--muted);font-size:12px;line-height:1.6}.match-lineup-status{flex:0 0 auto;padding:6px 11px;border-radius:999px;background:var(--soft-panel);color:var(--muted);font-size:12px;font-weight:900}.match-lineup-status.is-official{background:color-mix(in srgb,#15b86b 20%,var(--panel));color:#0aa45d}
.match-lineup-scorebar{min-height:58px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;padding:8px 20px;background:var(--soft-panel);border-bottom:1px solid var(--line)}.match-lineup-scorebar>strong{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;text-align:center}.match-lineup-scorebar>strong small{padding:4px 8px;border-radius:999px;background:var(--panel);color:var(--muted)}.match-lineup-scorebar>span{font-size:19px}.match-lineup-scorebar .is-home{justify-content:flex-start}.match-lineup-scorebar .is-away{justify-content:flex-end}
.match-lineup-pitch{position:relative;min-height:880px;display:grid;grid-template-rows:minmax(0,1fr) 1px minmax(0,1fr);padding:30px 24px;overflow:hidden;background:linear-gradient(color-mix(in srgb,var(--main-color,#087c2d) 8%,var(--panel)),color-mix(in srgb,var(--main-color,#087c2d) 14%,var(--panel)))}.match-lineup-pitch:before{content:"";position:absolute;inset:24px 18px;border:2px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:5px;pointer-events:none}.match-lineup-pitch:after{content:"";position:absolute;width:134px;height:134px;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:50%;pointer-events:none}.match-lineup-half{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-around;gap:12px;padding:15px 0}.match-lineup-centre{position:relative;z-index:2;height:1px;background:color-mix(in srgb,var(--text) 14%,transparent)}.match-lineup-centre i{position:absolute;left:50%;top:50%;width:7px;height:7px;transform:translate(-50%,-50%);border-radius:50%;background:color-mix(in srgb,var(--text) 28%,var(--panel))}.match-lineup-row{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-around;gap:7px}
.match-lineup-player{position:relative;width:min(92px,24%);display:grid;justify-items:center;gap:4px;text-align:center}.match-lineup-avatar-wrap{position:relative}.match-lineup-avatar{width:var(--mp_theme-player-image-size,54px);height:var(--mp_theme-player-image-size,54px);display:grid;place-items:center;border:3px solid color-mix(in srgb,var(--text) 12%,var(--panel));border-radius:50%;background:var(--soft-panel);object-fit:cover;font-size:23px}.match-lineup-avatar.is-placeholder{color:var(--muted)}.match-lineup-player-name{max-width:100%;font-size:12px;line-height:1.35;overflow-wrap:anywhere;text-shadow:0 1px var(--panel)}.match-lineup-player-name span{margin-inline-end:4px;color:var(--muted);font-weight:700}.match-player-rating{position:absolute;inset-inline-start:-9px;top:-5px;min-width:29px;padding:3px 5px;border-radius:10px;background:#ff933a;color:#101419;font-size:10px;line-height:1}.match-player-rating.is-high{background:#27c675}.match-player-rating.is-low{background:#f2a23a}.match-player-captain{position:absolute;inset-inline-end:-5px;bottom:0;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--text);color:var(--panel);font-size:10px;font-style:normal;font-weight:900}.match-player-badges{position:absolute;inset-inline-end:-5px;top:calc(var(--mp_theme-player-image-size,54px) - 8px);display:flex;gap:2px}.match-player-badges i{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:var(--panel);font-size:10px;font-style:normal}.match-player-badges .is-yellow{color:#ffbc16}.match-player-badges .is-red,.match-player-badges .is-out{color:#ef3545}.match-player-badges .is-in{color:#10b86c}
.match-lineup-coaches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}.match-lineup-coach{display:grid;justify-items:center;gap:4px;min-width:0;padding:15px 20px;text-align:center}.match-lineup-coach+.match-lineup-coach{border-inline-start:1px solid var(--line)}.match-lineup-coach>span:not(.match-lineup-coach-avatar){color:var(--muted);font-size:12px}.match-lineup-coach strong{max-width:100%;overflow-wrap:anywhere}.match-lineup-coach-avatar{display:grid;place-items:center;width:var(--mp_theme-player-image-size,54px);height:var(--mp_theme-player-image-size,54px);margin-bottom:4px;overflow:hidden;border:2px solid rgba(148,163,184,.3);border-radius:50%;background:#152437}.match-lineup-coach-avatar img{display:block;width:100%;height:100%;object-fit:cover}.match-lineup-coach-avatar i{font-style:normal;font-size:25px}.match-lineup-benches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}.match-lineup-bench{min-width:0;padding:18px 14px 24px}.match-lineup-bench+.match-lineup-bench{border-inline-start:1px solid var(--line)}.match-lineup-bench h3{margin:0 0 18px;text-align:center;font-size:15px}.match-lineup-bench>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 8px}.match-lineup-player.is-bench{width:auto}.match-lineup-player.is-bench small{color:var(--muted);font-size:10px}
.match-statistics-layout{display:grid;gap:18px}.match-stats-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:15px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-align:center}.match-stats-teams strong:first-child{text-align:right}.match-stats-teams strong:last-child{text-align:left}.match-stats-teams span{color:var(--main-color,#087c2d);font-weight:900}.match-stat-group{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 8px 22px rgba(15,23,42,.05)}.match-stat-group h2{margin:0 0 10px;text-align:center;font-size:19px}.match-stat-comparison{position:relative;display:grid;grid-template-columns:minmax(62px,.7fr) minmax(130px,1.6fr) minmax(62px,.7fr);align-items:center;gap:8px;min-height:49px;text-align:center}.match-stat-comparison>b{justify-self:center;direction:ltr}.match-stat-comparison>b.is-leading{min-width:42px;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--main-color,#087c2d) 25%,var(--panel));color:var(--text)}.match-stat-comparison>span{color:var(--muted)}.match-stat-comparison.is-possession{padding-bottom:22px}.match-possession-bar{position:absolute;inset:42px 4% auto;height:10px;border-radius:999px;background:#eaa01b;overflow:hidden}.match-possession-bar em{height:100%;display:block;background:color-mix(in srgb,var(--main-color,#087c2d) 70%,#61b9dc)}
@media(max-width:700px){.match-info-grid{grid-template-columns:1fr}.match-info-item:nth-child(odd){border-inline-end:0}.match-info-item{min-height:84px}.match-events-card>h2{padding-block:15px;font-size:16px}.match-events-list{width:100%;padding:20px 14px 28px}.match-event{grid-template-columns:48px minmax(0,1fr) 48px;min-height:92px}.match-event-minute{width:auto;height:auto;border-radius:0;background:transparent;font-size:17px}.match-event.is-home .match-event-minute{grid-column:3}.match-event.is-away .match-event-minute{grid-column:1}.match-event.is-neutral .match-event-minute{grid-column:3}.match-event-body.is-home{grid-column:2;flex-direction:row-reverse;justify-self:end;justify-content:flex-start}.match-event-body.is-away{grid-column:2;flex-direction:row;justify-self:start;justify-content:flex-start}.match-event-body.is-neutral{grid-column:1/4;grid-row:2}.match-event-icon{width:30px;height:30px;font-size:20px}.match-event.is-sub .match-event-icon{display:none}.match-event-copy{gap:3px}.match-event-player{font-size:17px}.match-event-player.is-out{font-size:16px}.match-event-assist{font-size:13px}.match-event-player i{display:inline-grid;width:22px;height:22px;margin-inline-end:6px;border-radius:50%;place-items:center;font-style:normal;font-size:14px}.match-event-player.is-in i{background:#08a860;color:#0b2a1b}.match-event-player.is-out i{background:#f22e3a;color:#fff}.match-event-milestone{min-height:70px;gap:8px}.match-event-milestone strong{font-size:16px}.match-event-milestone strong b{width:42px;height:42px;font-size:14px}}
@media(max-width:480px){.match-tab-button{min-width:0;font-size:14px}.match-stats-head,.match-stat-row{grid-template-columns:58px minmax(105px,1fr) 58px;padding-inline:8px;font-size:13px}}
@media(max-width:760px){.match-tab-list{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.match-tab-button{padding-inline:5px;font-size:13px}.match-section-heading{align-items:flex-start}.match-section-heading p{display:none}.match-lineup-scorebar{padding-inline:10px;font-size:12px}.match-lineup-scorebar>strong{display:grid;gap:4px}.match-lineup-pitch{min-height:1040px;padding:26px 5px}.match-lineup-half{padding-block:22px}.match-lineup-avatar{width:64px;height:64px}.match-lineup-player{width:min(112px,25%)}.match-lineup-player-name{font-size:13px}.match-lineup-benches{grid-template-columns:repeat(2,minmax(0,1fr))}.match-lineup-bench{padding-inline:6px}.match-lineup-bench>div{grid-template-columns:1fr;gap:27px}.match-lineup-player.is-bench .match-lineup-avatar{width:68px;height:68px}.match-lineup-player.is-bench .match-lineup-player-name{font-size:14px}.match-statistics-layout{gap:14px}.match-stats-teams{font-size:13px}.match-stat-group{padding:16px 10px}.match-stat-group h2{font-size:18px}.match-stat-comparison{grid-template-columns:minmax(58px,.72fr) minmax(120px,1.65fr) minmax(58px,.72fr);font-size:15px}.match-stat-comparison>span{font-size:14px}}
@media(max-width:390px){.match-tab-button{font-size:12px}.match-lineup-pitch{min-height:960px}.match-lineup-avatar{width:56px;height:56px}.match-lineup-player-name{font-size:11px}.match-stat-comparison{grid-template-columns:54px minmax(105px,1fr) 54px;gap:4px}.match-stat-comparison>span{font-size:12px}}
html[data-theme="dark"],
body[data-theme="dark"] {
--muted: #aaaaaa;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
background: var(--page-bg);
color: var(--text);
font-family: var(--font-type);
}
.match-related-block {
margin-top: 20px;
padding: 20px;
overflow: hidden;
border: 1px solid var(--line);
border-radius: 8px;
background: var(--panel);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
}
.match-related-head h2 {
margin: 0 0 20px;
font-size: 20px;
}
.match-related-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 14px;
}
.match-related-card {
min-width: 0;
min-height: 100%;
overflow: hidden;
border: 1px solid var(--line);
border-radius: 14px;
display: flex;
flex-direction: column;
background: var(--panel);
color: inherit;
text-decoration: none;
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
transition:
transform 0.2s ease,
box-shadow 0.2s ease;
}
.match-related-card:hover {
transform: translateY(-3px);
box-shadow: 0 12px 30px rgba(15, 23, 42, 0.1);
}
.match-related-card > img {
width: 100%;
aspect-ratio: 16 / 10;
display: block;
object-fit: cover;
background: var(--soft-panel);
}
.match-related-card > div {
min-height: 110px;
padding: 12px;
display: flex;
flex-direction: column;
gap: 10px;
}
.match-related-card > div > div:first-child {
font-size: 15px;
line-height: 1.7;
font-weight: 800;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.match-related-card > div > div:last-child {
margin-top: auto;
color: var(--muted);
font-size: 12px;
}
.match-related-more {
margin: 22px auto 0;
padding: 9px 24px;
border: 1px solid var(--line);
border-radius: 20px;
display: block;
background: var(--soft-panel);
color: var(--text);
cursor: pointer;
}
.match-related-more:hover {
background: var(--main-color);
color: #fff;
}
a {
color: inherit;
}
.wrap {
width: min(100% - 24px, 1050px);
margin: 14px auto 28px;
}
.brand {
display: inline-block;
margin: 8px 0 16px;
font-weight: 900;
text-decoration: none;
color: #111827;
letter-spacing: 0;
}
h1 {
margin: 0;
font-size: clamp(18px, 3.3vw, 24px);
line-height: 1.55;
text-align: center;
}
h2 {
margin: 0 0 14px;
font-size: clamp(16px, 3vw, 20px);
line-height: 1.55;
}
p {
line-height: 2;
margin: 0;
}
.grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
margin-top: 18px;
}
.card {
display: block;
background: var(--panel);
border: 1px solid var(--line);
border-radius: 8px;
padding: 16px;
text-decoration: none;
color: inherit;
}
.card strong {
display: block;
margin-bottom: 8px;
}
.meta {
color: #64748b;
font-size: 14px;
}
.top {
background: var(--panel);
border: 1px solid var(--line);
border-radius: 8px;
padding: 22px;
}
.teams {
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
flex-wrap: wrap;
margin: 18px 0;
}
.teams img {
width: 64px;
height: 64px;
object-fit: contain;
}
.match-page {
width: min(100% - 18px, 1000px);
margin: 8px auto 30px;
}
.match-hero {
min-height: 210px;
border: 1px solid #cfd5df;
border-radius: 8px;
overflow: hidden;
background-image:
linear-gradient(180deg, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.42)),
var(--match-stadium-bg);
background-size: cover;
background-position: center;
color: #fff;
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: center;
gap: 20px;
padding: clamp(18px, 4vw, 34px);
box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
}
.match-team {
display: grid;
justify-items: center;
gap: 10px;
min-width: 0;
}
.match-team-name {
max-width: 100%;
overflow-wrap: anywhere;
text-align: center;
font-weight: 900;
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.55);
}
.match-logo {
display: block;
width: 64px;
height: 64px;
min-width: 0;
max-width: 64px;
aspect-ratio: 1 / 1;
background: transparent;
border: 0;
box-shadow: none;
object-position: center;
transform: none !important;
perspective: none;
}
.match-logo.is-national {
border-radius: 50%;
object-fit: cover;
}
.match-logo.is-club {
border-radius: 0;
object-fit: contain;
padding: 0;
}
.match-team > .match-logo,
.match-team > .mp-theme-logo > .match-logo {
width: 64px;
height: 64px;
object-fit: contain;
}
.versus {
font-size: clamp(34px, 6vw, 58px);
font-weight: 900;
line-height: 1;
text-shadow: 0 4px 10px rgba(0, 0, 0, 0.55);
}
.match-info-ad {
margin: 18px auto;
}
.match-floating-ads {
position: fixed;
right: 16px;
bottom: 18px;
z-index: 950;
display: grid;
gap: 10px;
}
[dir="rtl"] .match-floating-ads {
right: auto;
left: 16px;
}
.match-floating-ad-card {
display: grid;
width: 64px;
height: 64px;
place-items: center;
overflow: hidden;
margin: 0;
border: 1px solid var(--line);
border-radius: 10px;
background: var(--panel);
box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
}
.match-floating-ad-card iframe,
.match-floating-ad-card img,
.match-floating-ad-card ins {
max-width: 100%;
max-height: 100%;
}
.content-panel {
background: var(--panel);
border: 1px solid var(--line);
border-radius: 8px;
overflow: hidden;
}
.match-heading {
padding: 12px 16px;
background: var(--soft-panel);
border-bottom: 1px solid var(--line);
font-weight: 900;
text-align: center;
font-size: clamp(16px, 2.6vw, 20px);
}
.match-body {
padding: clamp(16px, 4vw, 28px);
}
.section-title {
display: inline-block;
margin: 18px 0 12px;
padding: 7px 12px;
border-radius: 6px;
background: var(--soft-panel);
font-size: 17px;
font-weight: 900;
}
.match-body > .match-watch-box + .section-title {
margin-top: 0;
}
.details-text {
font-size: 17px;
margin-bottom: 0;
}
.match-body > .match-table {
margin-top: 0;
}
.match-watch-box {
margin: 0 0 24px;
display: flex;
justify-content: center;
}
.match-watch-button,
.match-watch-unavailable,
.match-watch-countdown {
width: var(--mp_theme-watch-width, 100%);
min-height: var(--mp_theme-watch-height, 58px);
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
padding: 14px 18px;
text-align: center;
font-size: var(--mp_theme-watch-font-size, 24px);
font-weight: 900;
line-height: 1.35;
}
.match-watch-button {
color: #fff;
text-decoration: none;
background: linear-gradient(135deg, #b91c1c, #ef4444, #991b1b);
border: 1px solid rgba(255, 255, 255, 0.25);
box-shadow: 0 12px 26px rgba(185, 28, 28, 0.42);
animation: matchpressWatchPulse 1s ease-in-out infinite;
}
.match-watch-button:hover,
.match-watch-button:focus-visible {
color: #fff;
transform: translateY(-1px);
outline: 3px solid rgba(239, 68, 68, 0.28);
outline-offset: 3px;
}
.match-watch-unavailable {
color: var(--muted);
background: var(--soft-panel);
border: 1px dashed var(--line);
}
.match-watch-countdown {
color: #fff7ad;
background: #171717;
border: 1px solid rgba(255, 247, 173, 0.45);
box-shadow: inset 0 0 0 1px rgba(255, 247, 173, 0.12);
direction: ltr;
}
@keyframes matchpressWatchPulse {
0%,
100% {
background: linear-gradient(135deg, #991b1b, #dc2626, #7f1d1d);
box-shadow:
0 0 0 rgba(239, 68, 68, 0),
0 12px 26px rgba(185, 28, 28, 0.34);
filter: brightness(1);
transform: scale(1);
}
50% {
background: linear-gradient(135deg, #ef4444, #ff1f1f, #b91c1c);
box-shadow:
0 0 22px rgba(239, 68, 68, 0.72),
0 16px 30px rgba(185, 28, 28, 0.48);
filter: brightness(1.22);
transform: scale(1.01);
}
}
.match-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
font-size: 16px;
}
.match-table th,
.match-table td {
border: 1px solid var(--line);
padding: 10px 12px;
vertical-align: middle;
}
.match-table th {
width: 34%;
background: var(--soft-panel);
text-align: start;
font-weight: 900;
}
.match-table td {
background: var(--table-cell);
overflow-wrap: anywhere;
}
@media (max-width: 700px) {
.grid {
grid-template-columns: 1fr;
}
.wrap {
margin-top: 14px;
}
.top {
padding: 16px;
}
.match-page {
width: min(100% - 12px, 1000px);
}
.match-hero {
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
gap: 10px;
min-height: 136px;
aspect-ratio: 16 / 6.2;
padding: 12px;
}
.match-team {
gap: 7px;
}
.match-logo {
width: 56px;
height: 56px;
max-width: 56px;
}
.match-team-name {
font-size: clamp(11px, 3.3vw, 14px);
line-height: 1.25;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.versus {
font-size: clamp(30px, 9vw, 46px);
}
.match-table {
font-size: 15px;
}
.match-table th,
.match-table td {
padding: 9px;
}
.match-watch-button,
.match-watch-unavailable,
.match-watch-countdown {
border-radius: 10px;
padding: 12px 14px;
}
.match-floating-ads {
right: 10px;
bottom: 10px;
gap: 7px;
}
[dir="rtl"] .match-floating-ads {
right: auto;
left: 10px;
}
.match-floating-ad-card {
width: 52px;
height: 52px;
border-radius: 8px;
}
.match-related-block {
padding: 14px;
}
.match-related-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
}
@media (max-width: 480px) {
.match-related-grid {
grid-template-columns: 1fr;
}
}
.match-editorial-content {
margin-top: 20px;
}
.match-editorial-content p {
margin: 0 0 15px;
font-size: 17px;
line-height: 2;
}
.match-editorial-content h2,
.match-editorial-content h3 {
margin: 22px 0 12px;
line-height: 1.7;
}
.match-editorial-content ul,
.match-editorial-content ol {
margin: 12px 0;
padding-inline-start: 24px;
line-height: 2;
}
.match-editorial-content img {
max-width: 100%;
height: auto;
}
.match-internal-links {
margin-top: 20px;
padding: 14px;
border: 1px solid var(--line);
border-radius: 8px;
background: var(--soft-panel);
font-size: 16px;
line-height: 2;
}
.match-internal-links a {
font-weight: 800;
text-decoration: underline;
} .match-tab-button {
min-height: 42px;
font-size: 15px;
}
.match-tab-panel {
padding-top: 18px;
}
.match-info-card > h2 {
padding: 14px 18px;
font-size: 17px;
}
.match-info-card > h2 span {
font-size: 15px;
}
.match-info-item {
min-height: 78px;
gap: 5px;
padding: 12px 18px;
}
.match-info-item > span {
font-size: 13px;
}
.match-info-item > strong {
gap: 6px;
font-size: 15px;
}
.match-info-item i {
font-size: 14px;
}
.match-context-team-logo {
width: 32px;
height: 32px;
flex: 0 0 32px;
object-fit: contain;
}
.match-events-card,
.match-stats-card,
.match-lineups-card,
.match-stat-group {
border-radius: 14px;
}
.match-events-teams,
.match-stats-teams {
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: center;
gap: 10px;
padding: 11px 16px;
border-bottom: 1px solid var(--line);
background: color-mix(in srgb, var(--main-color, #087c2d) 7%, var(--panel));
text-align: center;
}
.match-events-teams > strong,
.match-stats-teams > strong {
min-width: 0;
display: flex;
align-items: center;
gap: 7px;
font-size: 13px;
}
.match-events-teams > strong:first-child,
.match-stats-teams > strong:first-child {
justify-content: flex-start;
text-align: right;
}
.match-events-teams > strong:last-child,
.match-stats-teams > strong:last-child {
flex-direction: row-reverse;
justify-content: flex-start;
text-align: left;
}
.match-events-teams b,
.match-stats-teams b {
min-width: 0;
overflow-wrap: anywhere;
}
.match-events-teams > span,
.match-stats-teams > span {
color: var(--main-color, #087c2d);
font-size: 14px;
font-weight: 900;
white-space: nowrap;
}
.match-events-list {
width: min(100%, 680px);
padding: 14px 16px 20px;
}
.match-event {
min-height: 52px;
}
.match-event-minute {
width: 32px;
height: 32px;
font-size: 11px;
}
.match-event-icon {
width: 24px;
height: 24px;
font-size: 15px;
}
.match-event-player {
font-size: 13px;
}
.match-event-player.is-out {
font-size: 11px;
}
.match-event-assist {
font-size: 10px;
}
.match-section-heading {
padding: 14px 18px;
}
.match-section-heading h2 {
font-size: 17px;
}
.match-lineup-scorebar {
min-height: 52px;
padding: 7px 16px;
font-size: 13px;
}
.match-lineup-scorebar > strong > span {
min-width: 0;
overflow-wrap: anywhere;
}
.match-lineup-scorebar > strong small {
padding: 3px 7px;
font-size: 11px;
} .match-lineup-pitch {
min-height: 470px;
grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
grid-template-rows: minmax(0, 1fr);
padding: 24px 18px;
}
.match-lineup-half {
min-width: 0;
gap: 8px;
padding: 12px 10px;
}
.match-lineup-centre {
width: 1px;
height: auto;
align-self: stretch;
}
.match-lineup-player {
width: min(82px, 24%);
min-width: 0;
gap: 3px;
}
.match-lineup-avatar {
width: 46px;
height: 46px;
border-width: 2px;
font-size: 20px;
}
.match-lineup-player-name {
width: 100%;
max-height: 2.8em;
display: -webkit-box;
overflow: hidden;
font-size: 11px;
line-height: 1.35;
overflow-wrap: anywhere;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
}
.match-player-rating {
min-width: 25px;
padding: 2px 4px;
font-size: 9px;
}
.match-player-badges {
top: 38px;
}
.match-player-badges i {
width: 15px;
height: 15px;
font-size: 9px;
}
.match-lineup-coach {
padding: 12px 16px;
font-size: 13px;
}
.match-lineup-benches {
font-size: 12px;
}
.match-lineup-bench {
padding: 14px 10px 18px;
}
.match-lineup-bench h3 {
margin-bottom: 14px;
font-size: 14px;
}
.match-lineup-bench > div {
gap: 18px 6px;
}
.match-lineup-player.is-bench .match-lineup-avatar {
width: 44px;
height: 44px;
}
.match-statistics-layout {
gap: 14px;
}
.match-stat-group {
padding: 14px;
}
.match-stat-group h2 {
margin-bottom: 7px;
font-size: 17px;
}
.match-stat-comparison {
min-height: 44px;
font-size: 14px;
}
.match-stat-comparison > span {
font-size: 13px;
}
@media (max-width: 760px) {
.match-body {
padding: 12px 10px;
}
.match-tab-list {
gap: 5px;
padding: 5px;
}
.match-tab-list.has-2-tabs {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.match-tab-list.has-3-tabs {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.match-tab-list.has-4-tabs {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.match-tab-button {
min-height: 39px;
padding: 6px 4px;
font-size: 12px;
}
.match-tab-panel {
padding-top: 12px;
}
.match-info-card > h2 {
padding: 11px 12px;
font-size: 15px;
}
.match-info-card > h2 span {
font-size: 13px;
}
.match-info-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.match-info-item,
.match-info-item:nth-child(odd) {
min-height: 66px;
gap: 3px;
padding: 8px 9px;
border-inline-end: 1px solid var(--line);
}
.match-info-item:nth-child(even) {
border-inline-end: 0;
}
.match-info-item > span {
font-size: 10px;
}
.match-info-item > strong {
gap: 4px;
font-size: 12px;
line-height: 1.45;
}
.match-info-item i {
font-size: 12px;
}
.match-events-teams,
.match-stats-teams {
gap: 5px;
padding: 9px 7px;
}
.match-events-teams > strong,
.match-stats-teams > strong {
gap: 4px;
font-size: 10px;
}
.match-events-teams > span,
.match-stats-teams > span {
font-size: 12px;
}
.match-context-team-logo {
width: 24px;
height: 24px;
flex-basis: 24px;
}
.match-events-list {
padding: 9px 5px 14px;
}
.match-event {
grid-template-columns: 38px minmax(0, 1fr) 38px;
min-height: 58px;
}
.match-event-minute {
font-size: 12px;
}
.match-event-body {
gap: 5px;
}
.match-event-icon {
width: 21px;
height: 21px;
font-size: 14px;
}
.match-event-copy {
gap: 1px;
line-height: 1.25;
}
.match-event-player {
font-size: 12px;
}
.match-event-player.is-out {
font-size: 11px;
}
.match-event-assist {
font-size: 9px;
}
.match-event-player i {
width: 16px;
height: 16px;
margin-inline-end: 3px;
font-size: 10px;
}
.match-event-milestone {
min-height: 48px;
gap: 6px;
}
.match-event-milestone strong {
font-size: 12px;
}
.match-event-milestone strong b {
width: 31px;
height: 31px;
font-size: 10px;
}
.match-lineups-card {
margin-top: 12px;
}
.match-section-heading {
padding: 11px 12px;
}
.match-section-heading h2 {
font-size: 15px;
}
.match-lineup-status {
padding: 4px 8px;
font-size: 10px;
}
.match-lineup-scorebar {
min-height: 46px;
gap: 5px;
padding: 6px 7px;
font-size: 10px;
}
.match-lineup-scorebar > strong {
display: flex;
gap: 4px;
}
.match-lineup-scorebar > strong small {
padding: 2px 4px;
font-size: 9px;
}
.match-lineup-scorebar > span {
font-size: 14px;
} .match-lineup-pitch {
min-height: 760px;
grid-template-columns: minmax(0, 1fr);
grid-template-rows: minmax(0, 1fr) 1px minmax(0, 1fr);
padding: 18px 2px;
}
.match-lineup-half {
gap: 7px;
padding: 10px 0;
}
.match-lineup-centre {
width: auto;
height: 1px;
align-self: auto;
}
.match-lineup-row {
gap: 2px;
}
.match-lineup-player {
width: min(76px, 24%);
gap: 2px;
}
.match-lineup-avatar,
.match-lineup-player.is-bench .match-lineup-avatar {
width: 39px;
height: 39px;
border-width: 2px;
font-size: 16px;
}
.match-lineup-player-name,
.match-lineup-player.is-bench .match-lineup-player-name {
max-height: 2.65em;
font-size: 10px;
line-height: 1.3;
}
.match-player-rating {
inset-inline-start: -6px;
top: -4px;
min-width: 22px;
padding: 2px 3px;
font-size: 8px;
}
.match-player-captain {
width: 14px;
height: 14px;
font-size: 8px;
}
.match-player-badges {
top: 31px;
}
.match-player-badges i {
width: 13px;
height: 13px;
font-size: 8px;
}
.match-lineup-coach {
padding: 9px 6px;
font-size: 11px;
}
.match-lineup-coach > span:not(.match-lineup-coach-avatar) {
font-size: 9px;
}
.match-lineup-benches {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.match-lineup-bench {
padding: 11px 4px 14px;
}
.match-lineup-bench h3 {
margin-bottom: 11px;
font-size: 12px;
}
.match-lineup-bench > div {
grid-template-columns: 1fr;
gap: 14px;
}
.match-lineup-player.is-bench small {
font-size: 8px;
}
.match-statistics-layout {
gap: 10px;
}
.match-stat-group {
padding: 11px 7px;
}
.match-stat-group h2 {
margin-bottom: 5px;
font-size: 16px;
}
.match-stat-comparison {
grid-template-columns: minmax(48px, .65fr) minmax(105px, 1.7fr) minmax(48px, .65fr);
gap: 4px;
min-height: 41px;
font-size: 13px;
}
.match-stat-comparison > span {
font-size: 13px;
line-height: 1.35;
}
.match-stat-comparison > b.is-leading {
min-width: 35px;
padding: 4px 6px;
}
.match-stat-comparison.is-possession {
padding-bottom: 18px;
}
.match-possession-bar {
inset-block-start: 37px;
height: 8px;
}
}
@media (max-width: 390px) {
.match-tab-button {
font-size: 11px;
}
.match-lineup-pitch {
min-height: 710px;
}
.match-lineup-avatar,
.match-lineup-player.is-bench .match-lineup-avatar {
width: 36px;
height: 36px;
}
.match-lineup-player-name,
.match-lineup-player.is-bench .match-lineup-player-name {
font-size: 9px;
}
.match-stat-comparison,
.match-stat-comparison > span {
font-size: 13px;
}
} .match-lineup-mobile-team {
display: none;
} .match-player-captain {
inset-inline-end: -5px;
top: -5px;
bottom: auto;
} .match-player-badges .is-assist::before,
.match-assist-boot::before {
content: "";
display: block;
width: 12px;
height: 10px;
background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Cpath d='M3 1h6v7.2l4.2 3.1 6.2.9c1 .1 1.8 1 1.8 2v3.2H2.5v-4h7.2L5.6 10 3 9.4V1zm1.8 14.3h13.8v-1l-6.2-.9-3.9-2.9v1.2l3.1 2.5H4.8v1.1z'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Cpath d='M3 1h6v7.2l4.2 3.1 6.2.9c1 .1 1.8 1 1.8 2v3.2H2.5v-4h7.2L5.6 10 3 9.4V1zm1.8 14.3h13.8v-1l-6.2-.9-3.9-2.9v1.2l3.1 2.5H4.8v1.1z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.match-player-badges .is-assist {
background: #f2f2f2;
color: #17202a;
}
.match-assist-boot {
flex: 0 0 auto;
width: 18px;
height: 18px;
display: inline-grid;
place-items: center;
border-radius: 50%;
background: #f2f2f2;
color: #17202a;
vertical-align: middle;
margin-inline-end: 4px;
}
.match-event-assist {
display: inline-flex;
align-items: center;
gap: 2px;
} .match-player-badges .is-in,
.match-event-player.is-in i {
background: #08a860;
color: #fff;
}
.match-player-badges .is-out,
.match-event-player.is-out i {
background: #f22e3a;
color: #fff;
}
.match-player-badges .is-in::before,
.match-event-player.is-in i::before {
content: "←";
}
.match-player-badges .is-out::before,
.match-event-player.is-out i::before {
content: "→";
}
.match-player-badges .is-in::before,
.match-player-badges .is-out::before,
.match-event-player.is-in i::before,
.match-event-player.is-out i::before {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
direction: ltr;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: 900;
line-height: 1;
transform: translateY(-.25px);
} .match-player-badges .is-yellow,
.match-player-badges .is-red,
.match-event.is-yellow .match-event-icon,
.match-event.is-red .match-event-icon {
width: 9px;
height: 15px;
min-width: 9px;
min-height: 15px;
padding: 0;
border: 1px solid rgba(255,255,255,.78);
border-radius: 2px;
box-shadow: 0 1px 2px rgba(0,0,0,.45);
font-size: 0;
}
.match-player-badges .is-yellow,
.match-event.is-yellow .match-event-icon { background: #ffd532; }
.match-player-badges .is-red,
.match-event.is-red .match-event-icon { background: #ef3545; }
@media (max-width: 760px) { .match-lineup-scorebar {
display: none;
}
.match-lineup-mobile-team {
min-height: 52px;
display: grid;
grid-template-columns: auto minmax(0,1fr) auto;
align-items: center;
gap: 8px;
padding: 8px 13px;
background: var(--soft-panel);
}
.match-lineup-mobile-team.is-home {
border-bottom: 1px solid var(--line);
}
.match-lineup-mobile-team.is-away {
border-top: 1px solid var(--line);
}
.match-lineup-mobile-team strong {
min-width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 12px;
}
.match-lineup-mobile-team small {
padding: 4px 8px;
border-radius: 999px;
background: var(--panel);
color: var(--muted);
font-size: 10px;
font-weight: 800;
}
.match-lineup-mobile-team .match-context-team-logo {
width: 30px;
height: 30px;
}
.match-lineup-half.is-home { grid-row: 1; }
.match-lineup-centre { grid-row: 2; }
.match-lineup-half.is-away { grid-row: 3; }
.match-event.is-yellow .match-event-icon,
.match-event.is-red .match-event-icon {
width: 10px;
height: 16px;
min-width: 10px;
min-height: 16px;
}
} .match-event-body.is-neutral {
grid-column: 3;
grid-row: 1;
justify-content: flex-start;
}
@media (max-width: 700px) {
.match-event-body.is-neutral {
grid-column: 2;
grid-row: 1;
flex-direction: row-reverse;
justify-self: end;
justify-content: flex-start;
}
} .match-player-badges {
z-index: 4;
inset-inline-end: -9px;
top: auto;
bottom: -7px;
width: 42px;
display: flex;
flex-wrap: wrap-reverse;
justify-content: flex-end;
gap: 2px;
pointer-events: none;
}
.match-player-badges i {
position: relative;
width: 16px;
height: 16px;
padding: 0;
display: grid;
place-items: center;
border: 1px solid color-mix(in srgb, var(--text) 28%, transparent);
border-radius: 50%;
background: #29323b;
color: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,.55);
font-size: 9px;
font-style: normal;
font-weight: 900;
line-height: 1;
}
.match-player-badges .is-goal,
.match-player-badges .is-own-goal {
border: 0;
background: #f5f5f5;
color: #101419;
font-size: 11px;
}
.match-player-badges .is-own-goal::after {
content: "ع";
position: absolute;
inset-inline-end: -4px;
bottom: -3px;
min-width: 9px;
height: 9px;
display: grid;
place-items: center;
border-radius: 50%;
background: #ef3545;
color: #fff;
font-size: 6px;
}
.match-player-badges .is-yellow,
.match-player-badges .is-red {
width: 10px;
height: 15px;
border: 1px solid rgba(255,255,255,.8);
border-radius: 3px;
}
.match-player-badges .is-yellow { background: #ffd532; }
.match-player-badges .is-red { background: #ef3545; }
.match-player-badges .is-in,
.match-player-badges .is-out {
background: #f45b63;
color: #fff;
font-size: 10px;
}
.match-player-badges .is-in::after,
.match-player-badges .is-out::after {
content: attr(data-minute);
position: absolute;
inset-inline-start: 50%;
bottom: calc(100% + 2px);
transform: translateX(50%);
width: max-content;
color: var(--text);
text-shadow: 0 1px 2px var(--panel), 0 0 2px var(--panel);
font-size: 7px;
font-weight: 900;
}
.match-player-badges .is-assist {
background: #f2f2f2;
color: #17202a;
}
.match-player-badges .is-assist::before {
content: "";
width: 10px;
height: 7px;
border-radius: 5px 2px 4px 2px;
background: currentColor;
clip-path: polygon(0 28%,55% 28%,72% 0,100% 18%,82% 70%,100% 100%,18% 100%);
transform: rotate(-18deg);
}
.match-player-badges .is-miss { background: #ef3545; }
.match-player-badges .is-var { width: 22px; border-radius: 5px; font-size: 6px; }
.match-player-badges .is-offside { background: #f2f2f2; color: #17202a; }
.match-player-badges .is-injury { background: #ef3545; }
@media (max-width: 760px) {
.match-player-badges {
inset-inline-end: -7px;
bottom: -6px;
}
.match-player-badges i {
width: 15px;
height: 15px;
font-size: 8px;
}
.match-player-badges .is-yellow,
.match-player-badges .is-red {
width: 9px;
height: 14px;
}
} @media (min-width: 761px) {
.match-lineup-pitch {
min-height: 500px;
padding: 34px 32px;
}
.match-lineup-half {
display: flex;
flex-direction: row;
direction: ltr;
align-items: stretch;
justify-content: space-evenly;
gap: 3px;
padding: 20px 13px;
}
.match-lineup-row {
min-width: 0;
flex: 1 1 0;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
gap: 5px;
}
.match-lineup-player {
width: min(76px, 100%);
direction: rtl;
}
}
.match-pitch-markings,
.match-pitch-markings i {
position: absolute;
display: block;
pointer-events: none;
}
.match-pitch-markings {
z-index: 0;
inset: 24px 18px;
}
.match-pitch-markings i {
border: 2px solid color-mix(in srgb, var(--text) 14%, transparent);
}
.match-pitch-penalty {
top: 25%;
bottom: 25%;
width: 14%;
}
.match-pitch-penalty.is-home {
left: 0;
border-left: 0;
}
.match-pitch-penalty.is-away {
right: 0;
border-right: 0;
}
.match-pitch-goal {
top: 39%;
bottom: 39%;
width: 3.2%;
}
.match-pitch-goal.is-home {
right: 100%;
border-right: 0;
}
.match-pitch-goal.is-away {
left: 100%;
border-left: 0;
}
@media (max-width: 760px) { .match-tab-list.has-4-tabs {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.match-tab-button {
min-width: 0;
font-size: 13px;
line-height: 1.25;
} .match-info-card > h2 { font-size: 16px; }
.match-info-card > h2 span { font-size: 14px; }
.match-info-item > span { font-size: 11px; }
.match-info-item > strong { font-size: 13px; }
.match-info-item i { font-size: 13px; }
.match-events-teams > strong,
.match-stats-teams > strong { font-size: 11px; }
.match-events-teams > span,
.match-stats-teams > span { font-size: 13px; }
.match-event-minute { font-size: 13px; }
.match-event-icon { font-size: 15px; }
.match-event-player { font-size: 13px; }
.match-event-player.is-out { font-size: 12px; }
.match-event-assist { font-size: 10px; }
.match-event-player i { font-size: 11px; }
.match-event-milestone strong { font-size: 13px; }
.match-event-milestone strong b { font-size: 11px; }
.match-section-heading h2 { font-size: 16px; }
.match-lineup-status { font-size: 11px; }
.match-lineup-scorebar { font-size: 11px; }
.match-lineup-scorebar > strong small { font-size: 10px; }
.match-lineup-scorebar > span { font-size: 15px; }
.match-lineup-pitch {
min-height: 790px;
padding-inline: 11px;
}
.match-lineup-half {
min-width: 0;
overflow: hidden;
padding-inline: 9px;
}
.match-lineup-row {
width: 100%;
padding-inline: 2px;
box-sizing: border-box;
}
.match-lineup-player {
width: min(72px, 23.5%);
max-width: 23.5%;
}
.match-lineup-player:first-child:nth-last-child(5),
.match-lineup-player:first-child:nth-last-child(5) ~ .match-lineup-player {
width: min(62px, 18.5%);
max-width: 18.5%;
}
.match-lineup-player-name,
.match-lineup-player.is-bench .match-lineup-player-name {
width: 100%;
max-height: 2.7em;
font-size: 11px;
line-height: 1.35;
overflow-wrap: anywhere;
}
.match-player-rating { font-size: 9px; }
.match-player-captain { font-size: 9px; }
.match-player-badges i { font-size: 9px; }
.match-lineup-coach { font-size: 12px; }
.match-lineup-coach > span:not(.match-lineup-coach-avatar) { font-size: 10px; }
.match-lineup-bench h3 { font-size: 13px; }
.match-lineup-player.is-bench small { font-size: 9px; }
.match-stat-group h2 { font-size: 17px; }
.match-stat-comparison,
.match-stat-comparison > span { font-size: 14px; }
.match-pitch-penalty {
left: 25%;
right: 25%;
width: auto;
height: 10%;
}
.match-pitch-penalty.is-home {
left: 25%;
right: 25%;
top: 0;
bottom: auto;
border-top: 0;
border-left: 2px solid color-mix(in srgb, var(--text) 14%, transparent);
}
.match-pitch-penalty.is-away {
left: 25%;
right: 25%;
top: auto;
bottom: 0;
border-bottom: 0;
border-right: 2px solid color-mix(in srgb, var(--text) 14%, transparent);
}
.match-pitch-goal {
left: 39%;
right: 39%;
width: auto;
height: 2.5%;
}
.match-pitch-goal.is-home {
top: auto;
bottom: 100%;
border-bottom: 0;
border-right: 2px solid color-mix(in srgb, var(--text) 14%, transparent);
}
.match-pitch-goal.is-away {
top: 100%;
bottom: auto;
border-top: 0;
border-left: 2px solid color-mix(in srgb, var(--text) 14%, transparent);
}
}
@media (max-width: 390px) {
.match-tab-button { font-size: 12px; }
.match-lineup-pitch { min-height: 745px; }
.match-lineup-player-name,
.match-lineup-player.is-bench .match-lineup-player-name { font-size: 10px; }
.match-stat-comparison,
.match-stat-comparison > span { font-size: 14px; }
} @media (min-width: 761px) { .match-lineup-half {
flex-direction: row-reverse;
}
} .match-lineup-benches {
font-size: inherit;
}
.match-lineup-bench {
padding: 18px 14px 24px;
}
.match-lineup-bench h3 {
margin-bottom: 18px;
font-size: 15px;
}
.match-lineup-bench > div {
gap: 24px 8px;
}
.match-lineup-player.is-bench {
width: auto;
max-width: none;
justify-self: center;
}
.match-lineup-player.is-bench .match-lineup-avatar {
width: 54px;
height: 54px;
}
.match-lineup-player.is-bench .match-lineup-player-name {
display: block;
width: 100%;
max-width: 100%;
max-height: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 12px;
line-height: 1.35;
-webkit-line-clamp: unset;
line-clamp: unset;
}
.match-lineup-player.is-bench small {
font-size: 10px;
}
@media (max-width: 760px) { .match-body {
padding-inline: 2px;
} .match-tab-list {
gap: 2px;
padding: 4px;
}
.match-tab-button,
.match-tab-list.has-4-tabs .match-tab-button {
min-width: 0;
padding-inline: 1px;
white-space: nowrap;
font-size: clamp(9px, 2.7vw, 12px);
line-height: 1;
} .match-info-item > span {
font-size: 13px;
} .match-lineup-pitch {
padding-inline: 0;
}
.match-lineup-pitch::before,
.match-pitch-markings {
inset-inline: 4px;
}
.match-lineup-half {
padding-inline: 3px;
} .match-lineup-bench {
padding: 18px 6px 24px;
}
.match-lineup-bench > div {
grid-template-columns: 1fr;
justify-items: center;
gap: 27px;
}
.match-lineup-player.is-bench {
width: 100%;
max-width: 100%;
}
.match-lineup-player.is-bench .match-lineup-avatar {
width: 68px;
height: 68px;
}
.match-lineup-player.is-bench .match-lineup-player-name {
width: calc(100% - 8px);
font-size: 14px;
}
}
@media (max-width: 390px) {
.match-tab-button,
.match-tab-list.has-4-tabs .match-tab-button {
font-size: clamp(9px, 2.7vw, 12px);
}
.match-lineup-player.is-bench .match-lineup-avatar {
width: 68px;
height: 68px;
}
.match-lineup-player.is-bench .match-lineup-player-name {
font-size: 14px;
}
} @media (max-width: 760px) {
.match-lineup-avatar,
.match-lineup-player.is-bench .match-lineup-avatar {
width: 43px;
height: 43px;
flex: 0 0 43px;
}
.match-lineup-player-name,
.match-lineup-player.is-bench .match-lineup-player-name {
font-size: 10px;
line-height: 1.35;
}
}
@media (max-width: 390px) {
.match-lineup-avatar,
.match-lineup-player.is-bench .match-lineup-avatar {
width: 43px;
height: 43px;
}
.match-lineup-player-name,
.match-lineup-player.is-bench .match-lineup-player-name {
font-size: 10px;
}
} .match-player-captain {
inset-inline-end: -5px;
top: -5px;
bottom: auto;
}
.match-player-badges .is-in,
.match-event-player.is-in i {
background: #08a860;
color: #fff;
}
.match-player-badges .is-out,
.match-event-player.is-out i {
background: #f22e3a;
color: #fff;
}
.match-player-badges .is-in::before,
.match-event-player.is-in i::before { content: "←"; }
.match-player-badges .is-out::before,
.match-event-player.is-out i::before { content: "→"; }
.match-player-badges .is-in::before,
.match-player-badges .is-out::before,
.match-event-player.is-in i::before,
.match-event-player.is-out i::before {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
direction: ltr;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: 900;
line-height: 1;
transform: translateY(-.25px);
}
.match-player-badges .is-assist::before,
.match-assist-boot::before {
content: "";
width: 12px;
height: 10px;
display: block;
border-radius: 0;
background: currentColor;
clip-path: none;
transform: none;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Cpath d='M3 1h6v7.2l4.2 3.1 6.2.9c1 .1 1.8 1 1.8 2v3.2H2.5v-4h7.2L5.6 10 3 9.4V1zm1.8 14.3h13.8v-1l-6.2-.9-3.9-2.9v1.2l3.1 2.5H4.8v1.1z'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Cpath d='M3 1h6v7.2l4.2 3.1 6.2.9c1 .1 1.8 1 1.8 2v3.2H2.5v-4h7.2L5.6 10 3 9.4V1zm1.8 14.3h13.8v-1l-6.2-.9-3.9-2.9v1.2l3.1 2.5H4.8v1.1z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.match-player-badges .is-yellow,
.match-player-badges .is-red,
.match-event.is-yellow .match-event-icon,
.match-event.is-red .match-event-icon {
width: 9px;
height: 15px;
min-width: 9px;
min-height: 15px;
padding: 0;
border-radius: 2px;
font-size: 0;
}
@media (max-width: 760px) { .match-lineup-pitch .match-lineup-row {
direction: ltr;
}
.match-lineup-pitch .match-lineup-player {
direction: rtl;
}
.match-event.is-yellow .match-event-icon,
.match-event.is-red .match-event-icon {
width: 10px;
height: 16px;
min-width: 10px;
min-height: 16px;
}
} .match-lineup-avatar,
.match-lineup-player.is-bench .match-lineup-avatar {
width: var(--mp_theme-player-image-size, 54px);
height: var(--mp_theme-player-image-size, 54px);
flex: 0 0 var(--mp_theme-player-image-size, 54px);
}
.match-player-badges {
top: calc(var(--mp_theme-player-image-size, 54px) - 8px);
}
.match-lineup-coach-avatar {
border: 3px solid color-mix(in srgb, var(--text) 12%, var(--panel));
background: var(--soft-panel);
}.mgt-mobile-nav{display:none}.mgt-mobile-screen{width:min(100% - 24px,760px);margin:18px auto 36px;color:var(--header-color)}.mgt-mobile-screen-head{padding:10px 4px 20px}.mgt-mobile-screen-head h1{margin:0;font-size:30px;line-height:1.35}.mgt-mobile-empty{margin:0;padding:38px 16px;text-align:center;opacity:.7}.mgt-news-feed{display:grid;gap:4px}.mgt-news-feed-item a{display:grid;grid-template-columns:132px minmax(0,1fr);gap:13px;align-items:center;padding:13px 0;color:inherit;border-bottom:1px solid var(--gray-2)}.mgt-news-feed-item img{width:132px;height:82px;border-radius:10px;display:block;object-fit:cover}.mgt-news-feed-copy{min-width:0;display:grid;gap:7px}.mgt-news-feed-copy h2{margin:0;font-size:16px;line-height:1.65;font-weight:600}.mgt-news-feed-copy time{font-size:12px;opacity:.65}.mgt-news-feed-item.is-leading a{grid-template-columns:1fr;padding-top:0}.mgt-news-feed-item.is-leading img{width:100%;height:auto;aspect-ratio:16/9;border-radius:16px}.mgt-news-feed-item.is-leading .mgt-news-feed-copy{padding:3px 2px 10px}.mgt-news-feed-item.is-leading h2{font-size:20px;line-height:1.7}.mgt-competitions-list{display:grid;padding:10px 16px;border-radius:18px;background:var(--light-color);box-shadow:0 2px 12px var(--theme-shadow)}.mgt-competitions-list a{min-height:68px;display:flex;align-items:center;gap:15px;padding:9px 4px;border-bottom:1px solid var(--gray-2);color:inherit;font-size:17px}.mgt-competitions-list a:last-child{border-bottom:0}.mgt-competitions-list img{width:42px;height:42px;flex:0 0 42px;object-fit:contain}.mgt-more-list{display:grid;border-radius:18px;overflow:hidden;background:var(--light-color);box-shadow:0 2px 12px var(--theme-shadow)}.mgt-more-list a{min-height:64px;padding:10px 18px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--gray-2);color:inherit;font-size:17px}.mgt-more-list a:last-child{border-bottom:0}.mgt-more-list svg{width:25px;height:25px;flex:0 0 25px}.mgt-more-social{margin-top:18px;padding:17px;border-radius:18px;background:var(--light-color);box-shadow:0 2px 12px var(--theme-shadow)}.mgt-more-social h2{margin:0 0 14px;font-size:19px}.mgt-more-social>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mgt-more-social a{min-height:48px;padding:8px 11px;display:flex;align-items:center;gap:10px;border-radius:10px;background:var(--gray-1);color:inherit}.mgt-more-social svg{width:22px;height:22px}
@media(max-width:768px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.site-footer{margin-bottom:0}.mgt-mobile-nav{position:fixed;z-index:9999;right:0;bottom:0;left:0;display:block;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--gray-2);background:color-mix(in srgb,var(--dark-color) 96%,transparent);box-shadow:0 -5px 18px rgba(0,0,0,.18);backdrop-filter:blur(12px)}.mgt-mobile-nav-inner{height:72px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.mgt-mobile-nav-item{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#a6aab0;font-size:12px;line-height:1.2}.mgt-mobile-nav-item svg{width:27px;height:27px}.mgt-mobile-nav-item.is-active{color:#54df7a}.mgt-mobile-screen{width:calc(100% - 12px);margin-top:10px}.mgt-mobile-screen-head{padding:9px 7px 18px}.mgt-mobile-screen-head h1{font-size:27px}.mgt-news-feed-item a{grid-template-columns:38% minmax(0,1fr);gap:11px}.mgt-news-feed-item img{width:100%;height:auto;aspect-ratio:16/10}.mgt-news-feed-copy h2{font-size:clamp(14px,4vw,17px)}.mgt-news-feed-item.is-leading h2{font-size:clamp(18px,5vw,21px)}.container,.mp-championships{width:calc(100% - 8px)!important}.AY_Block{border-radius:14px}.AYb_Head h2,.mp-best-leagues h2,.mp-champ-news h2{font-size:18px!important}.gr-info h2,.gr-info h3{font-size:16px!important}.mp-schedule-match{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:5px;padding-inline:8px}.mp-team{min-width:0;gap:6px}.mp-team strong{min-width:0;max-width:100%;font-size:13.5px!important;line-height:1.35;overflow-wrap:anywhere}.mp-team.home strong{padding-inline-end:18px}.mp-team img{width:35px;height:35px;flex:0 0 35px}} @media(max-width:768px){
.site-footer{display:none!important}
.mgt-mobile-nav{background:rgba(255,255,255,.97);border-color:#e4e8ee;color:#5e6672}
html[data-theme="dark"] .mgt-mobile-nav{background:rgba(24,35,47,.97);border-color:#344354;color:#a6aab0}
.mgt-mobile-nav-item{color:inherit}
.mgt-mobile-nav-item.is-active{color:var(--main-color,#16a34a)}
.mgt-tab-loading #SiteContent{opacity:.55;pointer-events:none}
#SiteContent.page-shell,.container.page-shell{width:100%!important;max-width:none!important;padding-inline:4px!important}
.mp-championships{width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:0!important}
.mp-championships>.mp-champ-main{width:100%;min-width:0}
.mp-championships>.mp-champ-sidebar{display:none!important}
.mp-championships .mp-champ-calendar,.mp-championships .mp-champ-schedule{border-radius:16px}
.mp-schedule-match,.mp-schedule-match.has-match-status{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)!important;gap:6px!important;padding-inline:42px!important;min-height:62px!important}
.mp-team,.mp-team.home,.mp-team.away{display:grid!important;align-items:center!important;gap:7px!important;min-width:0!important;overflow:hidden!important}
.mp-team.home{grid-template-columns:minmax(0,1fr) 28px!important;text-align:left!important}
.mp-team.away{grid-template-columns:28px minmax(0,1fr)!important;text-align:right!important}
.mp-team img{width:24px!important;height:24px!important;flex:0 0 24px!important;object-fit:contain}
.mp-team strong{padding:0!important;font-size:14px!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.mp-league-identity img{width:34px!important;height:34px!important}
.mgt-competitions-list{padding-inline:10px}
.mgt-competitions-list img{width:46px!important;height:46px!important;flex-basis:46px!important}
.mgt-more-footer-menu{display:contents;list-style:none;margin:0;padding:0}
.mgt-more-footer-menu li{display:contents}
.mgt-mobile-screen{width:calc(100% - 8px);max-width:none}
} @media(max-width:768px){
.mp-schedule-match.has-match-status{padding-inline:42px!important}
.mp-schedule-match.has-match-status .mp-team{min-width:0!important;overflow:hidden!important}
.mp-schedule-match.has-match-status .mp-team strong{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
} @media(max-width:768px){
#SiteContent,#SiteContent.page-shell,.container,.container.page-shell{width:98%!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
#SiteContent .mp-championships,#SiteContent .mp-championships>.mp-champ-main,#SiteContent .mp-championships .mp-champ-schedule,#SiteContent .mp-championships .mp-schedule-list{width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:0!important}
#SiteContent .mp-championships{display:block!important}
#SiteContent .mp-championships>.mp-champ-main{display:grid!important}
.mp-schedule-match .mp-team strong{font-size:13px!important}
.mp-schedule-title .mp-league-identity img,.mp-schedule-title .mp-league-identity picture,.mp-schedule-title .mp-league-identity picture img{width:20px!important;height:20px!important;flex:0 0 20px!important}
} @media(max-width:768px){
body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
#SiteContent{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}
.mgt-mobile-nav,
html[data-theme="dark"] .mgt-mobile-nav{
border-color:var(--gray-2);
background:var(--copy-bg);
color:var(--copy-color);
backdrop-filter:none;
}
.mgt-mobile-screen-head h1{font-size:23px;line-height:1.35}
.mgt-competitions-list{padding:6px 12px}
.mgt-competitions-list a{
min-height:56px;
gap:11px;
padding:7px 3px;
font-size:15.5px;
line-height:1.45;
}
.mgt-competitions-list img{
width:28px!important;
height:28px!important;
flex:0 0 28px!important;
}
} @media(max-width:768px){
body.single-mp_competition #mp-header,
body:has(#SiteContent .mp-league-page) #mp-header{display:none!important}
#SiteContent .mp-league-page{
width:100%!important;
max-width:none!important;
margin:0 auto 12px!important;
}
#SiteContent .mp-league-header{
position:sticky;
z-index:2000;
top:0;
padding-top:16px;
border-radius:0 0 16px 16px;
box-shadow:0 3px 14px var(--theme-shadow);
}
#SiteContent .mp-league-heading h1{font-size:20px}
#SiteContent .mp-league-header nav a{
padding:11px 2px;
overflow:hidden;
white-space:nowrap;
overflow-wrap:normal;
text-overflow:ellipsis;
font-size:13px;
line-height:1.35;
}
#SiteContent .mp-league-content,
#SiteContent .mp-overview-grid,
#SiteContent .mp-league-content>.mp-panel{
width:100%!important;
max-width:none!important;
}
#SiteContent .mp-panel>h2{font-size:21px}
#SiteContent .mp-league-page .mp-standings .mp-col-rank{width:6%}
#SiteContent .mp-league-page .mp-standings .mp-col-team{width:42%}
#SiteContent .mp-league-page .mp-standings .mp-col-played,
#SiteContent .mp-league-page .mp-standings .mp-col-won,
#SiteContent .mp-league-page .mp-standings .mp-col-drawn,
#SiteContent .mp-league-page .mp-standings .mp-col-lost,
#SiteContent .mp-league-page .mp-standings .mp-col-gd,
#SiteContent .mp-league-page .mp-standings .mp-col-points{width:8.666%}
#SiteContent .mp-league-page .mp-standings th,
#SiteContent .mp-league-page .mp-standings td{
height:54px;
padding:7px 1px;
font-size:12.5px;
}
#SiteContent .mp-league-page .mp-standing-team{gap:5px}
#SiteContent .mp-league-page .mp-standing-team strong{
font-size:13px;
line-height:1.35;
}
#SiteContent .mp-league-page .mp-standings th.mp-col-played,
#SiteContent .mp-league-page .mp-standings th.mp-col-points{font-size:0!important}
#SiteContent .mp-league-page .mp-standings th.mp-col-played::after,
#SiteContent .mp-league-page .mp-standings th.mp-col-points::after{
font-size:12.5px;
line-height:1;
}
#SiteContent .mp-league-page .mp-standings th.mp-col-played::after{content:"ل"}
#SiteContent .mp-league-page .mp-standings th.mp-col-points::after{content:"ن"}
}.wp-page-content {
margin-bottom: 24px;
}
.wp-page-content > h1:not(.landing-h1) {
margin-top: 0;
font-size: clamp(22px, 4vw, 32px);
line-height: 1.35;
}
.wp-shortcode-page,
.wp-shortcode-page .entry-content {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.wp-shortcode-page .entry-content > :first-child {
margin-top: 0;
}
.daily-editor-content,
.home-editor-content {
margin-top: 16px;
}
.article-meta {
margin-bottom: 18px;
}
.article-body img,
.entry-content img {
max-width: 100%;
height: auto;
}
.navigation.pagination {
padding: 0 16px 16px;
}
.nav-links {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.page-numbers {
min-height: 38px;
padding: 8px 16px;
border-radius: var(--theme-radius);
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--main-color);
color: #fff;
font-weight: 800;
}
.page-numbers.current {
background: var(--dark-color);
}
.not-found-box {
text-align: center;
}
html,
body {
min-height: 100%;
width: 100%;
overflow-x: clip;
}
body.matchpress-style {
min-height: 100vh;
min-height: 100dvh;
display: flex;
flex-direction: column;
}
#SiteContent,
.article-wrapper,
.match-page,
.match-detail-shell {
flex: 1 0 auto;
}
.site-footer {
flex-shrink: 0;
margin-top: auto;
} .mp-fixture .rudanflex {
min-height: 0;
height: auto;
}
.mp-fixture .rudanflex:empty {
display: none;
} .news-card {
min-width: 0;
}
.news-card > a {
height: 100%;
}
.news-card time {
display: block;
}
.match-page {
max-width: 100%;
overflow-x: clip;
}
.match-page .match-detail-main {
display: grid;
gap: 16px;
}
.match-page .content-panel,
.match-page .match-related-block,
.match-page .match-hero {
max-width: 100%;
}
@media (max-width: 700px) {
.match-page {
width: calc(100% - 12px);
margin-inline: auto;
}
.match-page .content-panel,
.match-page .match-related-block {
overflow: hidden;
}
.match-page .match-body {
padding: 12px;
}
.match-page .match-table {
font-size: 13px;
}
.match-page .match-table th,
.match-page .match-table td {
padding: 8px 7px;
}
.match-page .details-text,
.match-page p,
.match-page h1,
.match-page h2 {
overflow-wrap: anywhere;
}
} .mp-fixture .mp-day-tab {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
gap: 5px;
}
.mp-fixture .date-btn {
display: inline-flex;
width: auto;
}
.mp-fixture .mp-inner {
display: flex;
flex-direction: row;
align-items: center;
}
.mp-fixture .MT_Info ul {
width: 100%;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
align-items: center;
list-style: none;
}
.mp-fixture .MT_Info li {
min-width: 0;
flex: 1 1 0;
}
.mp-fixture .MT_Info li::before {
position: static;
}
.mp-fixture .MT_Result {
direction: rtl;
} .mp-fixture .mp-match.not-started .MT_Result,
.mp-fixture .mp-match.is-upcoming .MT_Result,
.mp-fixture .mp-match.not-started .TourName,
.mp-fixture .mp-match.is-upcoming .TourName {
display: none;
}
@media (max-width: 768px) {
.mp-fixture .mp-day-tab {
width: 100%;
}
.mp-fixture .date-btn {
flex: 1 1 0;
}
.mp-fixture .MT_Info li:nth-child(2) {
display: none;
}
}