@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); }
}.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;
}
}