@font-face {
font-family: "NeoSansArabic";
src: url(//kooraplay.online/wp-content/themes/matchgrid/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;
}
#mg-header {
position: relative;
margin-bottom: 15px;
border-top: 0;
z-index: 2000;
}
#mg-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;
}
.mg-logo {
width: var(--mg_theme-logo-width, 200px);
max-width: min(var(--mg_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(--mg_theme-logo-offset-x, 0px));
}
.mg-logo a {
display: flex;
flex-direction: column;
justify-content: center;
}
.mg-logo.site-url-hidden {
align-self: stretch;
display: flex;
align-items: center;
}
.mg-logo.site-url-hidden a {
width: 100%;
height: 100%;
}
.mg-logo.imagelogo a {
width: 100%;
display: block;
}
.mg-logo.imagelogo img {
width: 100%;
height: auto;
max-height: 69px;
display: block;
object-fit: contain;
}
.mg-logo span {
display: block;
min-height: 4px;
color: var(--logo-color);
text-align: center;
line-height: 33px;
}
.mg-logo .SiteName {
font-size: var(--mg_theme-site-name-size, 30px);
color: var(--site-name-color);
transform: scaleX(var(--mg_theme-site-name-width, 1));
transform-origin: center;
}
.mg-logo .SiteUrl {
font-size: var(--mg_theme-site-url-size, 19px);
}
.mg-main-nav {
min-width: 0;
flex: 1;
display: flex;
align-items: center;
gap: 15px;
}
.MainMenu,
.mg-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);
}
.mg-social {
display: flex;
align-items: center;
gap: 5px;
margin-inline-start: auto;
direction: ltr;
flex-direction: row;
}
.mg-social.icons-ltr {
flex-direction: row-reverse;
}
.mg-social li {
position: relative;
}
.mg-social .moon {
transform: translateX(var(--mg_theme-theme-offset-x, 0px));
}
.mg-social .mgt-header-search-item {
transform: translateX(var(--mg_theme-search-offset-x, 0px));
}
.mg-social .mgt-live-filter-item {
transform: translateX(var(--mg_theme-clock-offset-x, 0px));
}
.hed-btn {
width: var(--mg_theme-header-button-size, 35px);
height: var(--mg_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(--mg_theme-header-icon-size, 22px);
height: var(--mg_theme-header-icon-size, 22px);
color: currentColor;
pointer-events: none;
}
.mg-social .moon .icon {
width: var(--mg_theme-theme-icon-size, var(--mg_theme-header-icon-size, 22px));
height: var(--mg_theme-theme-icon-size, var(--mg_theme-header-icon-size, 22px));
}
.mg-social .mgt-header-search-item .icon,
.mgt-desktop-search button svg {
width: var(--mg_theme-search-icon-size, var(--mg_theme-header-icon-size, 22px));
height: var(--mg_theme-search-icon-size, var(--mg_theme-header-icon-size, 22px));
}
.mg-social .mgt-live-filter-item .icon {
width: var(--mg_theme-clock-icon-size, var(--mg_theme-header-icon-size, 22px));
height: var(--mg_theme-clock-icon-size, var(--mg_theme-header-icon-size, 22px));
}
.mg-social .twitter .hed-btn {
background: #000;
}
.mg-social .facebook .hed-btn {
background: #1877f2;
}
.mg-social .youtube .hed-btn {
background: #cd201f;
}
.mg-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) {
#mg-header {
margin-bottom: 10px;
}
.site-chrome-container {
width: min(100% - 16px, 1024px);
max-width: 1024px;
min-height: 65px;
gap: 8px;
}
.mg-logo {
margin-block: 6px;
padding: 3px;
}
.mg-logo.imagelogo img {
max-height: 53px;
}
.mg-logo .SiteName {
line-height: 25px;
}
.mg-logo .SiteUrl {
line-height: 18px;
}
.mg-main-nav {
justify-content: flex-end;
}
.MainMenu {
display: none;
}
.mg-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;
}
.mg-social {
gap: 3px;
}
.hed-btn {
border-radius: 6px;
}
} .mg-header-actions {
flex: 0 0 auto;
margin: 0;
margin-right: auto;
margin-left: 0;
direction: ltr;
flex-direction: row;
}
.mg-header-actions .mgt-header-search-item {
display: flex;
align-items: center;
}
.mgt-desktop-search {
width: clamp(180px, 23vw, 270px);
height: var(--mg_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(--mg_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) {
#mg-header {
position: sticky;
top: 0;
}
.mg-header-actions .moon { order: 1; }
.mg-header-actions .mgt-live-filter-item { order: 2; }
.mg-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],.mg-champ-schedule[hidden],.mg-match[hidden],.mg-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) {
.mg-header-actions {
gap: 4px;
direction: ltr;
flex-direction: row;
}
.mg-header-actions .moon { order: 1; }
.mg-header-actions .mgt-live-filter-item { order: 2; }
.mg-header-actions .mgt-header-search-item { order: 3; }
.mgt-desktop-search { display: none; }
.mgt-mobile-search-button { display: inline-flex; }
.mg-header-actions .hed-btn { width: var(--mg_theme-header-button-size, 34px); height: var(--mg_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) {
.mg-header-actions .hed-btn { width: var(--mg_theme-header-button-size, 29px); height: var(--mg_theme-header-button-size, 29px); }
.mg-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;
}
.mg-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;
}
.mg-block {
margin-bottom: 20px;
overflow: hidden;
border-radius: var(--theme-radius);
background: var(--light-color);
box-shadow: 0 0 4px var(--theme-shadow);
}
.mg-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);
}
.mg-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;
}
.mg-block-head h2 {
margin: 0;
font-size: 16px;
}
.mg-block-head strong {
font-weight: 500;
}
.mg-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;
}
.mg-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;
}
.mg-match.is-live,
.mg-match.live {
order: 1;
--status-bg: #d00000;
}
.mg-match.is-soon {
order: 2;
--status-bg: #0f6f37;
}
.mg-match.is-halftime,
.mg-match.halftime {
order: 1;
--status-bg: linear-gradient(135deg, #f59e0b, #b45309);
}
.mg-match.is-finished,
.mg-match.finished {
order: 4;
--status-bg: #474747;
}
.mg-match.not-started {
order: 3;
}
.mg-match.is-next-midnight {
order: 5;
}
.mg-inner {
display: flex;
align-items: center;
}
.mg-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;
}
.RS-team-result {
position: relative;
min-width: 14px;
display: inline-grid;
place-items: center;
}
.mg-red-card-marks {
position: absolute;
right: 50%;
bottom: calc(100% + 2px);
transform: translateX(50%);
display: flex;
gap: 2px;
}
.mg-red-card-mark {
display: block;
width: 6px;
height: 9px;
border-radius: 1px;
background: #ef3e42;
box-shadow: 0 0 0 1px rgba(0,0,0,.08);
}
.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;
}
.mg-match.is-live .MT_Stat,
.mg-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;
}
.mg-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;
}
.mg-block-inner {
padding: 12px 12px 0;
overflow: hidden;
}
.news-box .mg-block-head {
justify-content: flex-start;
}
.news-box .WTa {
display: none !important;
}
.single-latest-news {
margin-top: 20px;
}
.single-latest-news .mg-block {
margin-bottom: 0;
}
.mg-grid {
position: relative;
padding-bottom: 12px;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}
.news-box .mg-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;
}
.mg-block-head {
padding: 8px;
flex-wrap: wrap;
}
.mg-fixture .mg-block-head h2 {
width: 100%;
margin-bottom: 6px;
}
.mg-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;
}
.mg-grid,
.PS_1 .mg-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);
}
.mg-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;
}*,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
}
body {
min-width: 320px;
overflow-x: hidden;
}
img,
video,
iframe {
max-width: 100%;
}
.container {
width: min(100% - 24px, 950px);
margin-inline: auto;
padding-inline: 0;
}
:root {
--bg: var(--body-bg, #f7f7f7);
--card: var(--light-color, #ffffff);
--text: var(--header-color, #151515);
--accent: var(--main-color, #00a878);
--border: var(--gray-2, #e5e5e5);
--article-logo-color: #000000;
}
[data-theme="dark"] {
--article-logo-color: #ffffff;
}
body {
margin: 0;
background: var(--bg);
color: var(--text);
font-family: 'Cairo', sans-serif;
} .main-header {
background-color: var(--header-bg);
height: 70px;
display: flex;
align-items: center;
justify-content: center;
position: sticky;
top: 0;
z-index: 1000;
box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
padding: 0 20px;
}
.logo {
font-size: clamp(20px, 5vw, 30px);
font-weight: 1000;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
}
.logo .brand-text {
color: var(--article-logo-color);
}
.logo .blue {
color: var(--accent);
}
.header-controls {
position: absolute;
display: flex;
align-items: center;
}
.control-btn {
background: var(--card);
border: 1px solid var(--border);
color: var(--text);
cursor: pointer;
padding: 5px;
border-radius: 8px;
font-size: 13px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
}
.control-btn:hover {
background: var(--accent);
color: white;
} .article-wrapper {
max-width: 1000px;
margin: 30px auto;
padding: 0 15px;
}
.article-container {
background: var(--card);
border-radius: 18px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
}
body>.article-container {
width: min(100% - 24px, 1100px);
margin-inline: auto;
}
.article-image {
width: 100%;
height: 500px;
aspect-ratio: 16 / 9;
object-fit: cover;
display: block;
background: color-mix(in srgb, var(--card) 84%, var(--bg));
}
.article-content {
padding: 35px;
}
.article-title {
font-size: 42px;
line-height: 1.5;
margin-bottom: 20px;
}
.article-meta {
opacity: .84;
font-size: 14px;
margin-bottom: 35px;
}
.article-text {
line-height: 2.2;
font-size: 20px;
} .ad-box {
width: 100%;
background: rgba(0, 0, 0, .03);
border: 1px dashed #bbb;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
color: #888;
overflow: hidden;
}
.ad-top {
height: 120px;
margin: 25px 0;
}
.ad-middle {
height: 280px;
margin: 40px 0;
}
.ad-bottom {
height: 120px;
margin-top: 40px;
} .back-btn {
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
background: var(--accent);
color: white;
padding: 12px 22px;
border-radius: 10px;
margin-bottom: 30px;
font-weight: bold;
}
.back-btn:hover {
opacity: .9;
}
#relatedArticles {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 14px;
}
.article-load-more,
.load-more-btn {
margin: 22px auto 0;
display: block;
border: 0;
background: var(--accent);
color: #fff;
padding: 10px 22px;
border-radius: 10px;
font-weight: 800;
cursor: pointer;
}
.article-load-more:hover,
.load-more-btn:hover {
opacity: .9;
}
.article-suggestion-card,
#relatedArticles>a {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 0 !important;
min-width: 0;
min-height: 100%;
overflow: hidden;
border: 1px solid var(--border);
border-radius: 14px;
background: var(--card);
color: inherit;
text-decoration: none;
box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
transition: transform .2s ease, box-shadow .2s ease;
margin-bottom: 0 !important;
}
.article-suggestion-card:hover,
#relatedArticles>a:hover {
transform: translateY(-3px);
box-shadow: 0 12px 30px rgba(15, 23, 42, .1);
}
.article-suggestion-card img,
#relatedArticles>a>img {
width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 10;
object-fit: cover;
border-radius: 0 !important;
background: rgba(0, 0, 0, .05);
}
.article-suggestion-body,
#relatedArticles>a>div {
display: flex;
flex-direction: column;
gap: 10px;
padding: 12px;
min-height: 110px;
}
.article-suggestion-title,
#relatedArticles>a>div>div:first-child {
margin: 0;
font-size: 15px;
line-height: 1.7;
font-weight: 800;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.article-suggestion-meta {
margin-top: auto;
color: #77808c;
font-size: 12px;
}
#relatedArticles>a>div>div:last-child {
margin-top: auto;
color: #77808c;
font-size: 12px;
}
@media(max-width:768px) {
.article-image {
height: 280px;
}
.article-title {
font-size: 30px;
}
.article-text {
font-size: 18px;
}
.article-content {
padding: 22px;
}
#relatedArticles {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
}
@media(max-width:520px) {
.article-suggestions,
#relatedArticles {
grid-template-columns: 1fr;
}
} .article-picture {
display: block;
width: 100%;
}
.article-picture .article-image {
display: block;
width: 100%;
} .article-wrapper { max-width: 1100px !important; }
.article-wrapper > .article-container,
.related-articles-container {
width: min(100%, 1100px) !important;
margin-inline: auto !important;
}
.related-articles-container {
margin-top: 30px !important;
padding: 25px !important;
}
#relatedArticles > .related-ad-card {
min-width: 0;
min-height: 100%;
overflow: hidden;
border: 1px solid var(--border);
border-radius: 14px;
background: var(--card);
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
}
#relatedArticles > .related-ad-card iframe,
#relatedArticles > .related-ad-card img,
#relatedArticles > .related-ad-card ins {
width: 100% !important;
height: 100% !important;
min-height: 220px !important;
display: block !important;
object-fit: cover;
}
@media (max-width: 768px) {
.article-wrapper { width: min(100% - 16px, 1100px); }
.related-articles-container {
width: min(100% - 16px, 1100px) !important;
padding: 16px !important;
}
} .article-content .ad-middle,
.article-content .ad-middle[data-ad-loaded="1"] {
width: min(300px, 100%) !important;
min-height: 250px !important;
height: auto !important;
margin: 34px auto !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
line-height: 0 !important;
}
.article-content .ad-middle iframe,
.article-content .ad-middle img,
.article-content .ad-middle ins {
width: 300px !important;
height: 250px !important;
max-width: 100% !important;
display: block !important;
}.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,.mg-championships{width:calc(100% - 8px)!important}.AY_Block{border-radius:14px}.AYb_Head h2,.mg-best-leagues h2,.mg-champ-news h2{font-size:18px!important}.gr-info h2,.gr-info h3{font-size:16px!important}.mg-schedule-match{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:5px;padding-inline:8px}.mg-team{min-width:0;gap:6px}.mg-team strong{min-width:0;max-width:100%;font-size:13.5px!important;line-height:1.35;overflow-wrap:anywhere}.mg-team.home strong{padding-inline-end:18px}.mg-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}
.mg-championships{width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:0!important}
.mg-championships>.mg-champ-main{width:100%;min-width:0}
.mg-championships>.mg-champ-sidebar{display:none!important}
.mg-championships .mg-champ-calendar,.mg-championships .mg-champ-schedule{border-radius:16px}
.mg-schedule-match,.mg-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}
.mg-team,.mg-team.home,.mg-team.away{display:grid!important;align-items:center!important;gap:7px!important;min-width:0!important;overflow:hidden!important}
.mg-team.home{grid-template-columns:minmax(0,1fr) 28px!important;text-align:left!important}
.mg-team.away{grid-template-columns:28px minmax(0,1fr)!important;text-align:right!important}
.mg-team img{width:24px!important;height:24px!important;flex:0 0 24px!important;object-fit:contain}
.mg-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}
.mg-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){
.mg-schedule-match.has-match-status{padding-inline:42px!important}
.mg-schedule-match.has-match-status .mg-team{min-width:0!important;overflow:hidden!important}
.mg-schedule-match.has-match-status .mg-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 .mg-championships,#SiteContent .mg-championships>.mg-champ-main,#SiteContent .mg-championships .mg-champ-schedule,#SiteContent .mg-championships .mg-schedule-list{width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:0!important}
#SiteContent .mg-championships{display:block!important}
#SiteContent .mg-championships>.mg-champ-main{display:grid!important}
.mg-schedule-match .mg-team strong{font-size:13px!important}
.mg-schedule-title .mg-league-identity img,.mg-schedule-title .mg-league-identity picture,.mg-schedule-title .mg-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-mg_competition #mg-header,
body:has(#SiteContent .mg-league-page) #mg-header{display:none!important}
#SiteContent .mg-league-page{
width:100%!important;
max-width:none!important;
margin:0 auto 12px!important;
}
#SiteContent .mg-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 .mg-league-heading h1{font-size:20px}
#SiteContent .mg-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 .mg-league-content,
#SiteContent .mg-overview-grid,
#SiteContent .mg-league-content>.mg-panel{
width:100%!important;
max-width:none!important;
}
#SiteContent .mg-panel>h2{font-size:21px}
#SiteContent .mg-league-page .mg-standings .mg-col-rank{width:10%}
#SiteContent .mg-league-page .mg-standings .mg-col-team{width:40%}
#SiteContent .mg-league-page .mg-standings .mg-col-played,
#SiteContent .mg-league-page .mg-standings .mg-col-won,
#SiteContent .mg-league-page .mg-standings .mg-col-drawn,
#SiteContent .mg-league-page .mg-standings .mg-col-lost,
#SiteContent .mg-league-page .mg-standings .mg-col-gd,
#SiteContent .mg-league-page .mg-standings .mg-col-points{width:8.333%}
#SiteContent .mg-league-page .mg-standings th,
#SiteContent .mg-league-page .mg-standings td{
height:54px;
padding:7px 1px;
font-size:12.5px;
}
#SiteContent .mg-league-page .mg-standing-team{gap:5px}
#SiteContent .mg-league-page .mg-standing-zone>.mg-col-rank{
padding-inline:1px!important;
text-align:center;
font-variant-numeric:tabular-nums;
}
#SiteContent .mg-league-page .mg-standing-zone>.mg-col-rank::before{
inset-inline-start:5px;
width:3px;
height:22px;
}
#SiteContent .mg-league-page .mg-standing-team strong{
font-size:13px;
line-height:1.35;
}
#SiteContent .mg-league-page .mg-standings th.mg-col-played,
#SiteContent .mg-league-page .mg-standings th.mg-col-points{font-size:0!important}
#SiteContent .mg-league-page .mg-standings th.mg-col-played::after,
#SiteContent .mg-league-page .mg-standings th.mg-col-points::after{
font-size:12.5px;
line-height:1;
}
#SiteContent .mg-league-page .mg-standings th.mg-col-played::after{content:"ل"}
#SiteContent .mg-league-page .mg-standings th.mg-col-points::after{content:"ن"}
}
.mg-league-title span{display:none} @media(max-width:768px){
body.single-mg_match #mg-header,
body:has(#SiteContent .match-detail-main) #mg-header{display:none!important}
body.single-mg_match #SiteContent,
body:has(#SiteContent .match-detail-main) #SiteContent{
width:100%!important;
margin-top:0!important;
}
#SiteContent .match-page,
#SiteContent .match-detail-main{
width:100%!important;
margin-top:0!important;
}
#SiteContent .match-detail-main{
gap:0!important;
overflow-anchor:none;
--mg-match-collapse:0;
--mg-match-header-height:140px;
--mg-match-logo-size:46.24px;
--mg-match-name-width:118px;
--mg-match-fade:1;
--mg-match-hero-padding:10px;
--mg-match-team-gap:8px;
--mg-match-name-offset:0px;
--mg-match-center-gap:4px;
--mg-match-time-size:30.6px;
--mg-match-secondary-height:26px;
--mg-match-goals-height:62px;
--mg-match-secondary-margin:0px;
--mg-match-secondary-offset:0px;
}
#SiteContent .match-stage{
position:sticky;
z-index:2100;
top:0;
width:100%;
overflow:hidden;
border-radius:0;
background:var(--panel);
box-shadow:none;
}
#SiteContent .match-hero{
position:static;
height:var(--mg-match-header-height);
min-height:var(--mg-match-header-height);
padding:var(--mg-match-hero-padding) 12px;
overflow:hidden;
border-radius:0;
box-shadow:none;
transition:box-shadow .18s ease;
}
#SiteContent .match-hero:has(.match-hero-goals){
height:auto;
min-height:var(--mg-match-header-height);
grid-template-rows:auto auto;
align-content:center;
row-gap:4px;
}
#SiteContent .match-hero-goals{
max-height:none;
overflow:visible;
opacity:var(--mg-match-fade);
}
#SiteContent .match-team,
#SiteContent .match-team-home,
#SiteContent .match-team-away{
min-width:0;
flex-direction:column;
justify-content:center;
gap:var(--mg-match-team-gap);
direction:rtl;
}
#SiteContent .match-team-name{
width:100%;
max-width:var(--mg-match-name-width);
opacity:var(--mg-match-fade);
transform:translateY(var(--mg-match-name-offset));
font-size:clamp(11.9px,3.485vw,14.45px);
line-height:1.3;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
pointer-events:none;
max-height:calc(20.4px * var(--mg-match-fade));
}
#SiteContent .match-team>.mg-theme-logo{
display:grid;
place-items:center;
width:var(--mg-match-logo-size)!important;
height:var(--mg-match-logo-size)!important;
flex:0 0 var(--mg-match-logo-size);
}
#SiteContent .match-logo,
#SiteContent .match-team>.match-logo,
#SiteContent .match-team>.mg-theme-logo>.match-logo{
width:var(--mg-match-logo-size)!important;
height:var(--mg-match-logo-size)!important;
max-width:var(--mg-match-logo-size)!important;
}
#SiteContent .match-hero-center{gap:var(--mg-match-center-gap)}
#SiteContent .match-kickoff-time{font-size:var(--mg-match-time-size)}
#SiteContent .match-hero-score{font-size:var(--mg-match-time-size)}
#SiteContent .match-hero-countdown,
#SiteContent .match-hero-status{
max-height:var(--mg-match-secondary-height);
margin-top:var(--mg-match-secondary-margin);
overflow:hidden;
opacity:var(--mg-match-fade);
transform:translateY(var(--mg-match-secondary-offset));
}
#SiteContent .match-hero-status{overflow:visible}
#SiteContent .content-panel{overflow:visible;margin-top:0;border:0;border-radius:0;background:transparent}
#SiteContent .match-body{display:flex;flex-direction:column;padding:0 2px 12px}
#SiteContent .match-tabs{display:contents;margin-top:0}
#SiteContent .match-tab-list{
display:grid;
position:static;
z-index:auto;
order:1;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:0;
width:100%;
margin:0;
padding:0 4px;
border:0;
border-radius:0;
background:var(--panel);
box-shadow:none;
border-top:0;
}
#SiteContent .match-tab-list.has-2-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
#SiteContent .match-tab-list.has-3-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
#SiteContent .match-tab-list.has-4-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
#SiteContent .match-tab-list.has-5-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
#SiteContent .match-tab-list.has-6-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}
#SiteContent .match-tab-list.has-5-tabs,
#SiteContent .match-tab-list.has-6-tabs{
display:flex;
overflow-x:auto;
overflow-y:hidden;
overscroll-behavior-x:contain;
scroll-snap-type:x proximity;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
}
#SiteContent .match-tab-list.has-5-tabs::-webkit-scrollbar,
#SiteContent .match-tab-list.has-6-tabs::-webkit-scrollbar{display:none}
#SiteContent .match-tab-list.has-5-tabs .match-tab-button,
#SiteContent .match-tab-list.has-6-tabs .match-tab-button{
min-width:92px;
flex:0 0 auto;
scroll-snap-align:start;
}
#SiteContent .match-tab-button{
min-width:0;
min-height:44px;
padding:5px 2px 5px;
border-radius:0;
overflow:hidden;
color:var(--muted);
font-size:clamp(11px,3.25vw,13px);
line-height:1.25;
white-space:nowrap;
text-overflow:ellipsis;
}
#SiteContent .match-tab-button.is-active{
position:relative;
background:transparent;
box-shadow:none;
}
#SiteContent .match-tab-button.is-active::after{
content:"";
position:absolute;
right:8px;
bottom:0;
left:8px;
height:4px;
border-radius:4px 4px 0 0;
background:var(--main-color);
}
#SiteContent .match-watch-box{
position:sticky;
z-index:2080;
top:calc(var(--mg-match-header-height) + 50px);
order:2;
margin:0;
padding:5px 8px;
background:var(--panel);
}
#SiteContent .match-watch-button{min-height:44px!important;font-size:15px!important}
#SiteContent .match-tab-panel{order:3;padding:18px 6px 0}
#SiteContent .match-tab-empty{margin:0;padding:24px 16px;border-radius:14px;background:var(--panel);color:var(--muted);text-align:center}
#SiteContent .mg-league-header{
display:contents;
position:static;
padding-top:0;
overflow:visible;
border-radius:0;
box-shadow:none;
}
#SiteContent .mg-league-heading{
display:flex;
justify-content:flex-start;
text-align:right;
height:104px;
min-height:0;
margin:0;
padding:14px 18px 12px;
overflow:hidden;
background:var(--light-color,#fff);
}
#SiteContent .mg-league-heading>img{
width:51.2px!important;
height:51.2px!important;
flex:0 0 51.2px;
}
#SiteContent .mg-league-title{
min-width:0;
display:grid;
gap:5px;
align-content:center;
}
#SiteContent .mg-league-title h1{
margin:0;
font-size:clamp(20px,5.8vw,25px);
line-height:1.3;
}
#SiteContent .mg-league-title span{
display:block;
color:color-mix(in srgb,var(--header-color,#111827) 66%,transparent);
font-size:14px;
line-height:1.3;
}
#SiteContent .mg-league-header nav{
position:sticky;
z-index:2100;
top:0;
width:100%;
margin:0;
border-radius:0;
background:var(--light-color,#fff);
box-shadow:none;
border-top:0;
}
} @media(max-width:768px){ #SiteContent .match-hero:not(:has(.match-hero-goals)){
height:96px;
min-height:96px;
padding-block:5px;
} #SiteContent .match-detail-main.is-mobile-header-ready .match-stage{
height:var(--mg-match-stage-height);
min-height:var(--mg-match-stage-height);
overflow:visible;
background:transparent;
pointer-events:none;
}
#SiteContent .match-detail-main.is-mobile-header-ready .match-hero,
#SiteContent .match-detail-main.is-mobile-header-ready .match-hero:has(.match-hero-goals),
#SiteContent .match-detail-main.is-mobile-header-ready .match-hero:not(:has(.match-hero-goals)){
position:absolute;
inset:0 0 auto;
z-index:2;
width:100%;
height:var(--mg-match-header-height);
min-height:var(--mg-match-header-height);
padding:var(--mg-match-hero-padding) 12px max(0px,calc(var(--mg-match-hero-padding) - 5px));
overflow:hidden;
pointer-events:auto;
}
#SiteContent .match-detail-main.is-mobile-header-ready .match-tab-list{
position:absolute;
z-index:3;
top:var(--mg-match-header-height);
right:0;
left:0;
min-height:var(--mg-match-tab-height);
pointer-events:auto;
}
#SiteContent .match-detail-main.is-mobile-header-ready .match-hero-goals{
max-height:var(--mg-match-goals-height);
overflow:hidden;
opacity:var(--mg-match-fade);
} #SiteContent .match-tab-list,
#SiteContent .match-tab-list.has-2-tabs,
#SiteContent .match-tab-list.has-3-tabs,
#SiteContent .match-tab-list.has-4-tabs{
display:flex;
justify-content:center;
gap:clamp(4px,1.5vw,7px);
padding-inline:7px;
}
#SiteContent .match-tab-list.has-2-tabs .match-tab-button,
#SiteContent .match-tab-list.has-3-tabs .match-tab-button,
#SiteContent .match-tab-list.has-4-tabs .match-tab-button{
flex:0 0 auto;
width:auto;
padding-inline:3px;
}
#SiteContent .match-tab-list.has-5-tabs,
#SiteContent .match-tab-list.has-6-tabs{
justify-content:flex-start;
gap:2px;
}
#SiteContent .match-tab-list.has-5-tabs .match-tab-button,
#SiteContent .match-tab-list.has-6-tabs .match-tab-button{
min-width:74px;
}
#SiteContent .match-tab-button.is-active::after{
background:var(--match-detail-accent,var(--header-color,#151515));
} #SiteContent .match-hero-goals{
column-gap:12px;
row-gap:8px;
margin-top:7px;
}
#SiteContent .match-hero-ball,
#SiteContent .match-hero-red-card{
margin-inline:3px;
}
#SiteContent .match-hero-red-card{
margin-top:5px;
}
#SiteContent .match-tab-panel{
padding-top:12px;
}
} @media(max-width:768px){
#SiteContent .match-tab-panels{
position:relative;
width:100%;
overflow:hidden;
touch-action:pan-y;
overscroll-behavior-x:contain;
}
#SiteContent .match-tab-panels.is-swipe-active{
contain:layout paint;
}
#SiteContent .match-tab-panels.is-swipe-active>.match-tab-panel{
margin:0;
}
#SiteContent .match-tab-panels.is-swipe-active>.is-swipe-current,
#SiteContent .match-tab-panels.is-swipe-active>.is-swipe-target{
position:absolute;
inset:0;
display:block!important;
width:100%;
max-width:none;
will-change:transform;
backface-visibility:hidden;
}
#SiteContent .match-tab-panels.is-swipe-animating>.is-swipe-current,
#SiteContent .match-tab-panels.is-swipe-animating>.is-swipe-target{
transition:transform 220ms cubic-bezier(.22,.75,.24,1);
}
.mgt-visual-swipe-viewport{
position:relative;
width:100%;
overflow:hidden;
touch-action:pan-y;
contain:paint;
}
.mgt-visual-swipe-current,
.mgt-visual-swipe-target{
width:100%!important;
max-width:none!important;
margin-inline:0!important;
will-change:transform;
backface-visibility:hidden;
}
.mgt-visual-swipe-target{
position:absolute!important;
inset:0!important;
}
.mgt-visual-swipe-viewport.is-animating .mgt-visual-swipe-current,
.mgt-visual-swipe-viewport.is-animating .mgt-visual-swipe-target{
transition:transform 220ms cubic-bezier(.22,.75,.24,1);
}
} @media(max-width:768px){
#SiteContent .mg-league-header nav a.is-active{
color:var(--match-detail-accent,var(--header-color,#151515));
}
#SiteContent .mg-league-header nav a.is-active::after{
background:var(--match-detail-accent,var(--header-color,#151515));
}
}.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.matchgrid-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;
} .mg-fixture .rudanflex {
min-height: 0;
height: auto;
}
.mg-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;
}
} .mg-fixture .mg-day-tab {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
gap: 5px;
}
.mg-fixture .date-btn {
display: inline-flex;
width: auto;
}
.mg-fixture .mg-inner {
display: flex;
flex-direction: row;
align-items: center;
}
.mg-fixture .MT_Info ul {
width: 100%;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
align-items: center;
list-style: none;
}
.mg-fixture .MT_Info li {
min-width: 0;
flex: 1 1 0;
}
.mg-fixture .MT_Info li::before {
position: static;
}
.mg-fixture .MT_Result {
direction: rtl;
} .mg-fixture .mg-match.not-started .MT_Result,
.mg-fixture .mg-match.is-upcoming .MT_Result,
.mg-fixture .mg-match.not-started .TourName,
.mg-fixture .mg-match.is-upcoming .TourName {
display: none;
}
@media (max-width: 768px) {
.mg-fixture .mg-day-tab {
width: 100%;
}
.mg-fixture .date-btn {
flex: 1 1 0;
}
.mg-fixture .MT_Info li:nth-child(2) {
display: none;
}
}