.hqy-lazy,a:focus,a:hover{transition:.5s}.WTa,.container{margin-left:auto}.AYaLogo,.MA-Block,.MA-SiteInfo a,.MA-btn,.MT_Stat,.fut-img img,.gr-inner,.hed-btn{border-radius:var(--rounded)}.MainMenu li a:hover,a:focus,a:hover{color:var(--main_color)}.gr-bimg::after,.gr-btitle{bottom:0;position:absolute}.gr-btitle,.gr-info h3,body,strong{font-weight:500}.AYaLogo span,.AlbaMorBtn,.LoadMOreNews,.MA-btn,.MT_Stat,.fut-img{text-align:center}#yalla-ajax-server iframe,*,blockquote p:last-child{margin:0}#MA-Footer,#MA-aHeader .HdrInner,.MA-Block{box-shadow:0 0 4px var(--bk-shadow)}*,.AYaLogo,.FWidget,.LoadMOreNews,::after,::before{box-sizing:border-box}.EntryTitle,.MA-Block,.MA-Head,.MA-Inner,.MA-SiteInfo,.gr-bimg,.gr-img,.gr-info h3,.gr-inner,.post-footer,.post-share,.says,.screen-reader,.server-body,.tmz-name,.video-serv,html.OpenMenu,html.OpenMenu>body{overflow:hidden}*{padding:0;outline:0;list-style:none}:root{--main_color:#212529;--font_type:NeoSansArabic;--font_size:16px;--body_bg:#eceef2;--header_bg:#fff;--header_color:#222;--logo_bd:#212529;--logo_color:#fff;--title_bg:#1f2024;--yrsdaybg:#104783;--todaybg:#293356;--tomorobg:rgb(175, 81, 0);--footer_bd:#fff;--footer_color:#222;--footer_border:#ddd;--cop_bd:#eceef2;--cop_color:#222;--bk-hd-bg:var(--Gray1);--bk-ttl-bg:var(--DarkColor);--btn-bg:var(--DarkColor);--match-bg:#eceef2;--Gray1:#eceef2;--Gray2:#ddd;--Gray3:#d8dbe1;--LightColor:#fff;--DarkColor:#273340;--LightColor2:#f6f7fa;--bk-shadow:rgba(0, 0, 0, 0.3)}.Night,.Night .FW-Title,.Night body{--footer_border:#1c2733}.Night,.Night body{--bk-hd-bg:#121a23;--match-bg:var(--Gray1);--body_bg:#1c2733;--header_bg:#263545;--Gray2:#2b3b4d;--Gray3:#1c2733;--logo_color:#fff;--Gray1:#1c2733;--LightColor:#263545;--footer_bd:var(--LightColor);--cop_bd:#1c2733;--DarkColor:var(--Gray1);--LightColor2:var(--Gray1)}body{--yall-padding:12px;--rounded:8px;font-family:var(--font_type),Segoe UI;line-height:1.5;background:var(--body_bg);color:#000;font-size:var(--font_size)}.EntryMeta:empty,.Night .mon,.d-none,html:not(.Night) .sun{display:none}.says,.screen-reader{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px}#MA-aHeader,.AYaMainNav li,.MA-Grid,.MA-btn,.MT_Stat,.gr-bimg,.gr-img,.gr-inner{position:relative}.hqy-lazy{opacity:0}.hqy-loaded{opacity:1}.MA-btn,.MT_Stat{background:var(--btn-bg);padding:4px 10px 5px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:15px}.AYaLogo .SiteName,.WTa{font-size:30px}a.MA-btn:hover{opacity:.8}.WTa{padding:0 10px;height:30px;line-height:25px;display:inline-block}.rtl .WTa{margin-left:0;margin-right:auto}.d-fx{display:flex}.fx-cen{display:flex!important;align-items:center!important}.fx-wrap{display:flex;flex-wrap:wrap}.grow-1{flex-grow:1}.gap-5{gap:5px}.gap-10{gap:10px}.gap-20{gap:20px}a{color:#222;text-decoration:none}img{font-size:0}.container{max-width:1024px;margin-right:auto;padding:0 var(--yall-padding)}#MA-aHeader{margin-bottom:15px}#MA-aHeader .HdrInner{width:100%;background:var(--header_bg);position:relative}#MA-aHeader .HdrInner>.container{min-height:85px}.AYaLogo{background:var(--logo_bd);max-width:200px}.AYaLogo.textlogo{padding:5px}.AYaLogo>a{display:flex;flex-direction:column;justify-content:center}.AYaLogo span{display:block;color:var(--logo_color);font-size:19px;min-height:4px;line-height:33px}.MA-Head a,.gr-btitle,.share-links a.MA-btn:focus,.share-links a.MA-btn:hover{color:#fff}.MA-Head h1,.MA-Head h2,.gr-btitle{font-size:16px}.LogoImage{display:flex;height:75px;max-width:100%}.AYaMainNav{flex:1}.MainMenu li>a{padding:8px;display:block;white-space:nowrap;font-size:17px;color:var(--header_color)}.hed-btn{height:35px;width:35px;background:var(--DarkColor);display:inline-flex;cursor:pointer;justify-content:center;align-items:center}.hed-btn .icon{width:22px;height:22px;color:#fff}.AYaSocial .twitter a{--DarkColor:#000}.AYaSocial .facebook a{--DarkColor:#1877f2}.AYaSocial .youtube a{--DarkColor:#cd201f}.AYaSocial .telegram a{--DarkColor:#24a1de}.MA-Block{margin-bottom:20px;background:var(--LightColor)}.MA-Head{padding:12px;border-bottom:1px solid var(--Gray2);border-radius:var(--rounded) var(--rounded) 0 0;background:var(--bk-hd-bg);display:flex;justify-content:space-between}.MA-Head .MA-btn{--btn-bg:var(--bk-ttl-bg)}.MA-home_posts{padding-bottom:8px}.MA-Inner{padding:12px 12px 0}.MA-Grid{display:grid;grid-gap:12px;grid-template-columns:repeat(auto-fill,minmax(var(--post-width),1fr));--post-width:220px;padding-bottom:12px}.gr-info,blockquote{padding:10px}.gr-inner{background:var(--match-bg);height:100%;display:block}.gr-img{height:160px}.gr-info h3{margin:0;font-size:15px;max-height:90px;height:60px}.PS_3 .MA-Grid{--post-width:280px}.PS_3 .gr-img{height:90px;min-width:125px;width:125px}.PS_3 .gr-info h3{height:70px}.gr-bimg,.gr-img{display:block;width:100%;background-position:center;background-size:cover}.gr-bimg{padding-top:75%}.gr-bimg::after{content:"";top:0;right:0;left:0;background:rgba(0,0,0,.1);transition:.2s}.gr-inner:hover .gr-bimg::after{background:0 0}.gr-btitle{width:100%;padding:50px 20px 20px;text-shadow:0 1px 1px #000;background:linear-gradient(270deg,rgba(0,0,0,0),#000);background:-webkit-linear-gradient(270deg,rgba(0,0,0,0),#000);background:-o-linear-gradient(270deg,rgba(0,0,0,0),#000);background:-moz-linear-gradient(270deg,rgba(0,0,0,0),#000);background:-ms-linear-gradient(270deg,rgba(0,0,0,0),#000)}#MA-Footer,.AlbaMorBtn,.FW-Title,.LoadMOreNews,.spinner,.spinner svg{position:relative}.spinner,blockquote a{color:var(--main_color)}.EntryMeta,.LoadMOreNews,.entry{font-weight:400}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}.spinner{width:100%;height:100%;display:block}.spinner svg{animation:2s linear infinite spin;width:24px;height:24px;margin:0 auto}.AlbaMorBtn{margin:15px auto;width:100%;clear:both}.LoadMOreNews{display:inline-block;cursor:pointer;clear:both;min-width:170px;border:1px solid var(--Gray2);background:var(--Gray1);margin:8px auto 5px;padding:8px 15px;font-size:91%;height:40px;border-radius:20px}body .pagination-disabled{opacity:.5;cursor:default;color:#888}.fut-img{display:block}.entry img,figure{border-radius:var(--rounded);margin:auto auto 15px;display:table;max-width:100%}#the-post img{font-size:0;max-width:100%}.EntryHeader{margin-bottom:20px;padding:15px 20px;background:var(--bk-hd-bg);border-radius:var(--rounded) var(--rounded) 0 0;border-bottom:1px solid var(--Gray1)}.EntryTitle{font-size:24px}.EntryMeta{font-size:11px;margin:8px 0 -7px}.EntryMeta,.EntryMeta span a{color:#626883}.entry{font-size:17px;text-align:justify;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-ms-user-select:none;-moz-user-select:none;line-height:33px}.entry-content{padding:15px 20px;clear:both}.entry p{margin-bottom:15px}.entry h1,.entry h2,.entry h3{display:table;padding:5px 15px;background-color:var(--Gray1);font-size:18px;font-weight:600;margin:15px 0;text-align:right;border-radius:8px}.entry iframe{max-width:100%;display:table;margin-top:12px;border-radius:8px;background:var(--Gray1)}.video-serv{margin-top:15px;width:100%;margin-bottom:5px;clear:both;display:flex;justify-content:space-between}.video-serv a,.video-serv>span{cursor:pointer;background:var(--main_color);border-radius:4px;text-shadow:0 1px 1px #000;color:#fff!important;font-weight:700;padding:5px 15px;font-size:16px;flex:1;text-align:center;margin:3px}.video-serv a:focus,.video-serv a:hover,.video-serv>span:hover{background:#931800}.server-body{margin-bottom:11px;width:100%}.server-body iframe{max-width:100%;width:100%}#yalla-ajax-server{height:500px;border-radius:8px;position:relative;display:block;background:#1f2024}#yalla-ajax-server .spinner{justify-content:center}blockquote{background:var(--Gray3);display:block;text-align:center;font-weight:700;margin:15px 0}blockquote a{margin:0 15px}.table-bordered{width:100%;border-collapse:collapse;background-color:var(--Gray1);border-radius:8px}.table-bordered tr{border-bottom:1px solid var(--Gray3)}.table-bordered tr:last-child{border:0}.post-share,.post-tags li a{border-radius:var(--rounded);background:var(--Gray1)}.table-bordered td,table th{font-weight:500;padding:12px;line-height:25px}.table-bordered td{border-right:1px solid var(--Gray3)}.post-footer{padding:0 12px 12px}.post-tags li a{padding:3px 10px;font-size:80%}.post-share{padding:12px;margin-top:12px}.share-links{text-align:center}.share-links li{width:25%}.share-links li a{height:40px;width:100%}.share-links .facebook{--btn-bg:#126de3}.share-links .twitter{--DarkColor:#000;--btn-bg:var(--DarkColor)}.share-links .whatsapp{--btn-bg:#008a0d}.share-links .telegram{--btn-bg:#027bb8}#MA-Footer{margin-top:15px;width:100%}.FW-Area{background:var(--footer_bd);width:100%}.FW-Area li{padding:0;list-style:outside;color:#3fc75d;width:100%;margin-left:16px}.rtl .FW-Area li{margin-left:0;margin-right:16px}.FW-Area li a{color:#484848;display:block;font-size:14px;line-height:33px}.FWidget{width:25%;padding:20px 12px}.FWidget.no-items{padding:0}@media screen and (max-width:900px){.FWidget{width:50%}}@media screen and (max-width:480px){.FWidget{width:100%}}.FW-Title{margin-bottom:10px}.FW-Title::before{background:var(--main_color);content:"";height:3px;position:absolute;width:23px;bottom:-1.5px}.FW-Title .title{border-bottom:var(--footer_border) solid 1px;padding-bottom:8px;font-weight:700;font-size:16px;display:inline-block}#aspi-events,#aspi-plan,.message-box{font-size:14px}.MA-SiteInfo{border-top:1px solid #ddd;padding:20px 0}.MA-SiteInfo a,.MA-SnfoInner .cp-text{display:block;background-color:#eceef2;padding:6px 8px;border-radius:8px;text-align:center;font-size:14px;color:#343a40;transition:.3s ease-out}#tom-match,#yes-match,.sub-menu{display:none!important}@media screen and (min-width:1001px){.AYaLogo{width:200px;margin:8px 0}.CloseNave,.hed-btn.mo,.hed-btn.op{display:none!important}.AYaMainNav{align-items:center;display:flex}.MainMenu{flex:1;display:flex;flex-wrap:wrap}}@media screen and (max-width:1000px){.AYaLogo{margin:8px auto;width:auto;flex:0 0 auto}.AYaMainNav{float:none;z-index:99;height:100%;width:280px;position:fixed;top:0;left:-300px;margin:auto;transition:.7s;padding:60px 15px 15px;overflow-x:hidden;box-shadow:0 1px 6px rgba(32,33,36,.4);background:var(--LightColor)}html.OpenMenu .AYaMainNav{left:0}.admin-bar .AYaMainNav{padding-top:100px}.admin-bar .CloseNave{top:65px}.MainMenu li{width:100%;margin-bottom:15px}.MainMenu li a{background:var(--DarkColor);padding:6px 12px 7px;color:#fff;border-radius:var(--rounded)}.AYaSocial{justify-content:space-between}.hed-btn.mo,.hed-btn.op{height:40px;width:40px}.liwte .line{display:flex;width:22px;height:3px;background:#fff;border-radius:1px;margin:5px 0}.CloseNave{display:inline-block;cursor:pointer;left:calc(50% - 14px);position:absolute;top:20px;width:20px;height:20px}.CloseNave .line{background:var(--DarkColor);position:absolute}.CloseNave .line.line-1{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.CloseNave .line.line-2{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.rtl .AYaMainNav{left:auto;right:-300px}.OpenMenu .rtl .AYaMainNav{left:auto;right:0}}@media screen and (max-width:500px){body{--yall-padding:8px}.MA-Head{padding:8px}.LogoImage{height:55px;width:160px}.MA-Fixture .MA-Head h2{display:block;width:100%;text-align:center;margin-bottom:6px}.MA-Dtab{width:100%}.MA-Dtab li{margin:0;flex:1;height:100%}.MA-Dtab li a{height:100%;display:flex;padding-right:0;padding-left:0;font-size:14px}.PS_1 .MA-Grid{--post-width:280px}.PS_1 .gr-img,.PS_3 .gr-img{height:85px!important;min-width:125px;width:125px!important}.PS_1 .gr-inner,.PS_3 .gr-inner{display:flex;gap:2px}.gr-bimg{padding-top:56.25%!important}.gr-info h3{height:55px;line-height:18px}#the-post img{height:auto}.fut-img{margin-top:-20px}.fut-img img{border-radius:0}}.albayalla-e3lan:not(:last-of-type){margin-bottom:10px}.e3lan-thumb_start{margin-top:-20px}.message-box{color:#2c7635;background-color:#dff0d4;border:1px solid #d6e9c4;padding:4px 15px;border-radius:var(--rounded);margin:0 auto 10px;width:100%}.message-box strong{margin-left:5px}.SiteOverlay{width:100%;height:100%;position:fixed;top:0;right:0;left:0;z-index:50;opacity:0;visibility:hidden;transition:.2s;background-color:rgba(0,0,0,.8)}html.OpenMenu .SiteOverlay{visibility:visible;opacity:1;transition-delay:0s;cursor:url(assets/img/icon-cancel.png),auto;height:100%}#aspi_evebody .aspi-event,#aspi_evebody .aspi-event>div,.aspi_lineupTeams .f_sq,.aspi_lineupTeams .s_sq,.aspi_matchTabs .aspi_tab,.aspi_mstaduim,.aspi_staduim{font-family:var(--font_type),Segoe UI!important}.aspi_lineup li{border-color:#1c2733}.Night .EntryHeader,.Night .MA-Head,.Night .form-group input,.Night .top-footer{--Gray1:#121a23;--Gray2:#121a23}.Night .MA-SiteInfo a,.Night .MA-SnfoInner .cp-text,.Night .top-footer ul.menu li a{background-color:rgb(0 0 0 / 29%);color:#fff}.Night .MA-SiteInfo{border-top:1px solid}.Night .match-container{background:#1c2733}.Night .match-container[AbuAhmed="1"] .match-info{border-top:1px solid #252c37}.Night footer#MA-Footer{background: var(--header_bg);}.Night #error-page{background:#263545!important}.Night .latest-posts{background-color:#212529}.Night #error-page .error,.Night #error-page .errornum{color:red}.Night #error-page p{color:#c3c4c7}.Night .aspi_matchTabs .aspi_tab{background-color:#121a23;color:#fff!important;border:0}.Night .aspi_title{background-color:#1c2733!important;color:#fff}.Night .aspi_eve_2{background-color:#1c2733}.Night #aspi_evebody .aspi-event h3,.Night #aspi_evebody .eveblock,.Night #aspi_evebody div.l .eveblock::after,.Night #aspi_evebody div.r .eveblock::after,.Night #aspi_evebody li h3,.Night #aspi_evebody li>span,.Night #aspi_events::after,.Night .aspi_evIcon{background-color:#263545!important;border-color:#263545!important}.Night .aspi_lineup .aspi-player-lnp{border-color:#1c2733!important}.Night .EntryMeta,.Night .EntryMeta span a{color:#9d9fa4!important}.Night .CloseNave .line{background:#fff}.Night .aspi_evMinute,.Night .aspi_lineup .aspi-player-lnp b,.Night .aspi_lineup li b,.Night a,.Night body,body.Night{color:#fff!important}.Night .MainMenu a:hover{color:#f80!important}.MA-Fixture .MA-Head h2{--btn-bg:var(--main_color)}.tmz-name{display:flex;position:relative;height:20px;padding:2px 5px 0;justify-content:flex-end}.tmz-name span{font-size:10px;padding:2px 8px;background:var(--bk-hd-bg);border-radius:6px 6px 0 0}.yalla-style-1 .tmz-name span{box-shadow:0 0 4px 0 rgba(0,0,0,.3)}.MA-Dtab li.today a{--btn-bg:var(--todaybg)}.MA-Dtab li.yesterday a{--btn-bg:var(--yrsdaybg)}.MA-Dtab li.tomorrow a{--btn-bg:var(--tomorobg)}.albaflex{padding:12px 12px 0}@font-face{font-family:NeoSansArabic;font-style:normal;font-weight:400;font-display:swap;src:url("/wp-content/themes/AHMED/MA/fonts/NeoSansArabic.woff2") format("woff2")}.aspi_matchTabCon #aspi-events+#aspi-con,.aspi_matchTabCon #aspi-plan+#aspi-con{display:block!important;visibility:hidden;height:0;overflow:hidden}.aspi_matchTabCon #aspi-events+#aspi-con.is-active,.aspi_matchTabCon #aspi-plan+#aspi-con.is-active{visibility:visible!important;height:auto!important}.aspi-block-header{margin-top:20px} .top-footer,.top-footer ul.menu{display:grid}.top-footer ul.menu li a,ul.footermb li a{background-color:#eceef2;font-size:14px;border-radius:8px}footer{position:relative;background-color:#fff;padding:0;overflow:hidden;box-shadow:0 2px 10px 0 rgb(0 0 0 / 15%);margin-top:15px}.top-footer{grid-gap:12px;grid-template-columns:repeat(2,1fr);margin:12px 0}@media (min-width:768px){.top-footer{grid-template-columns:repeat(4,1fr)}}.top-footer .footer-menu h3{font-size:18px;font-weight:600;margin-bottom:10px;color:#212529}.top-footer ul.menu,ul.footermb{gap:9px;list-style:none;margin:0;padding:0}.top-footer ul.menu li a{display:block;padding:6px 8px;text-align:center;color:#343a40;transition:.3s ease-out}.top-footer ul.menu li a:hover{background-color:#06b1c3;color:#fff}.bot-footer{border-top:1px solid #ddd;padding:20px 0;text-align:center;background:#e4eeff}ul.footermb{display:flex;justify-content:center;flex-wrap:wrap}ul.footermb li a{padding:4px 8px;color:#495057;transition:.3s linear;text-decoration:none}ul.footermb li a:hover{background-color:#901414;color:#fff}.sitetxt .st-content{padding:12px;text-align:justify;line-height:25px;max-height:130px;overflow:hidden}.sitetxt .st-content p{font-size:16px;margin-bottom:15px;color:#495057} /*==== Matches ====*/ .MA-moon { display: none; }@media (max-width: 1024px) { .MA-moon { display: list-item !important; } } .header-ads { background: #ffffff; } .Night .header-ads { background:var(--LightColor); } body > span:nth-child(3) { display: none; } /* ====== موبايل: تحسين العرض على الشاشات الصغيرة ====== */ @media (max-width: 500px) { .top-footer ul.menu li a,ul.footermb li a{background-color:#eceef2;font-size:10px;border-radius:8px} } #result, .match-container div#match-time { margin-bottom: 10px; } .result { position: relative; top: -5px; } .match-timing .end { position: relative; top: -15px; } .match-container { padding: 6px 4px; /* تقليل الفراغ الداخلي */ border-radius: 6px; font-size: 13px; line-height: 1.3; max-width: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; } .match-container .team-logo img { width: 40px; height: 40px; margin: 4px auto; } .match-container .team-name, .match-container .match-timing, .match-container .date, .match-container .result { font-size: 13px; margin: 2px auto 0; height: 22px; line-height: 22px; } .match-container .match-info { margin-top: 4px; font-size: 12px; padding: 0; } .right-team, .left-team, .match-center { margin-top: 2px; } /* ====== تقليل ارتفاع عناصر المباراة ====== */ .match-container .team-logo img { width: 40px; height: 40px; } .date.not-start { top: 5px; position: relative; } .match-container .team-name, .match-container .match-timing, .match-container .result, .match-container .date, .match-container .league-name, .match-container .match-info { font-size: 14px; margin: 2px auto 0; height: 26px; min-width: 60px; --btn-bg: #263545; } .match-info { position: relative; top: 10px; } .team-name { top: 20px; position: relative; } /* ====== موبايل: تحسين العرض على الشاشات الصغيرة ====== */ @media (max-width: 500px) { .match-container .team-logo img { width: 40px; height: 40px; } .match-container .team-name, .match-container .match-timing, .match-container .result, .match-container .date, .match-container .league-name, .match-container .match-info { font-size: 14px; margin: 2px auto 0; height: 26px; min-width: 60px; --btn-bg: #263545; } .match-container .match-info { position: relative; top: 5px; padding: 0; margin: 0; } .match-container .match-info ul { padding: 0; margin: 0; } .team-name { top: 15px; position: relative; } .right-team { position: relative; top: -5px; } .left-team { position: relative; top: -7px; } } /* ====== عرض مرن لشعار الفريق (responsive) ====== */ @media screen and (max-width: 500px) { .team-logo { width: var(--Wid-2); height: 35px; } } /* ====== تحسين وضوح "لم تبدأ" في التابلت وما دونه ====== */ @media (max-width: 768px) { .match-container .date.not-start { font-size: 16px; font-weight: bold; } } /* ====== وميض عند الحاجة (يمكن استخدامه للحالة المباشرة) ====== */ @keyframes blinker { 50% { opacity: 0; } } /* ====== عام ====== */ li { list-style: none; } .match-container { overflow: hidden; text-align: center; background: #eceef2; margin-bottom: 12px; position: relative; border-radius: 8px; box-shadow: 0 0 2px rgb(0 0 0 / 30%); } .match-container h4 { margin: 30px 0; } .match-container a { color: #222; } .no-data__msg { min-height: 250px; display: flex; align-items: center; justify-content: center; width: 100%; color: #666; } #result, .match-container div#match-time { margin-bottom: -10px; } /* ====== ترتيب حسب الحالة ====== */ .match-container.Sting-live { order: 1; } .match-container.Sting-soon { order: 2; } .match-container.Sting-not { order: 3; } .match-container.Sting-end { order: 4; } /* ====== عرض الحقول حسب الحالة ====== */ .match-container.live #match-time, .match-container.gools #match-time, .match-container.finshed #match-time, .match-container.end div#match-time, .match-container.comming #result, .match-container.comming .result, .match-container.commingsoon .result, .match-container.soon #result, .match-container.soon .result, .match-container.soon div#result { display: none; } /* ====== التبويبات ====== */ .nav-tabs { float: none; margin: 0; display: inline-block; width: 100%; } .nav-tabs li { float: right; margin-right: 12px; width: 33.333%; } .nav-tabs li a { background: #931800; padding: 0; display: block; text-align: center; } .nav-tabs .yema a { background: #104783; } .nav-tabs .tomat a { background: #caa107; } /* ====== الفرق والمركز ====== */ .right-team, .left-team, .match-center { width: 33.3333%; float: right; } .team-logo { float: right; width: 50%; } .left-team .team-logo { float: left; } .team-logo img { margin: 22px auto; display: block; width: 60px; height: 60px; } .team-name { margin: 35px auto; display: table; } /* ====== توقيت المباراة ====== */ .match-timing { margin: 12px auto; } #result { font-size: 21px; letter-spacing: 5px; margin-left: 5px; } .match-timing .date, .match-timing .live:before { color: #fff; background: #263545; border-radius: 8px; font-size: 14px; width: 90px; line-height: 1.9; display: table; margin: auto; margin-top: 6px; position: relative; } .match-timing .live { background: #d00000; } .match-timing .end { background: #474747; } .match-timing .soon { background: #0f6f37; } /* ====== تأثير جاري الآن ====== */ .date.live { background-color: #931800; } .date.live:before { content: ""; z-index: 0; background-color: #ff00007a; animation: 1s ease-out infinite pulse-border; border-radius: 8px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90px; height: 35px; display: block; } .date.live:after { content: ""; z-index: 1; border-radius: 8px; transition: 0.2s; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90px; height: 35px; display: block; } @keyframes pulse-border { 0% { transform: translate(-50%, -50%) scale(1); opacity: 1; } 100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; } } /* ====== المعلومات الإضافية ====== */ .match-info { overflow: hidden; } .match-info li { font-size: 14px; font-weight: 100; } /* ====== حسب AbuAhmed ====== */ .match-container[AbuAhmed="1"] .left-team, .match-container[AbuAhmed="1"] .match-center, .match-container[AbuAhmed="1"] .right-team { width: 33.3333%; float: right; } .match-container[AbuAhmed="1"] .match-info { border-top: 1px solid #ddd; display: table; width: 100%; } .match-container[AbuAhmed="1"] .match-info li { display: inline-block; float: right; width: 33.3333%; text-align: center; padding: 0 4px; } .match-container[AbuAhmed="2"] .left-team, .match-container[AbuAhmed="2"] .match-center, .match-container[AbuAhmed="2"] .right-team { width: 25%; float: right; } .match-container[AbuAhmed="2"] .match-info { border-right: 1px solid #ddd; display: flex; flex-direction: column; justify-content: center; align-items: center; } .match-container[AbuAhmed="2"] .match-info li { display: block; float: right; width: 100%; text-align: right; padding: 0 4px; } /* ====== تراك التغطية عند التحويم ====== */ .overlay-match { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; background-color: rgba(0, 0, 0, 0.65); cursor: pointer; z-index: 9; } .match-container:hover .overlay-match { opacity: 1; } .text-match { position: absolute; width: 45px; height: 45px; margin: auto; z-index: 9999; background: url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' ... %3E%3C/svg%3E") center no-repeat; } /* ====== تنسيق الموبايل ====== */ @media screen and (max-width: 850px) { .team-logo, .team-name { display: inline-block; width: 100%; } .team-logo img { margin: 10px auto; width: 60px; height: 60px; display: table; } .team-name { margin: 0 auto; font-size: 12px; } .match-container #match-time { font-size: 14px; } } @media screen and (max-width: 500px) { .box-title h2, .nav-tabs li a { text-align: center; float: none; } .match-container[AbuAhmed="1"] .match-info li, .match-container[AbuAhmed="2"] .match-info li { width: 100%; text-align: center; display: inline-block; float: right; } .match-container[AbuAhmed="1"] .match-info li:first-child, .match-container[AbuAhmed="1"] .match-info li:nth-child(2), .match-container[AbuAhmed="2"] .match-info li:first-child, .match-container[AbuAhmed="2"] .match-info li:nth-child(2) { display: none; } .match-container[AbuAhmed="2"] .left-team, .match-container[AbuAhmed="2"] .match-center, .match-container[AbuAhmed="2"] .right-team { width: 33.3333%; float: right; } .match-container[AbuAhmed="2"] .match-info { border-top: 1px solid #ddd; display: table; width: 100%; } .box-title { padding: 12px 12px 0; } .box-title h2 { margin-bottom: 12px; } .nav-tabs li { margin: 0; } .nav-tabs .toma a { margin: 0 6px; } .team-logo img { width: 50px; height: 50px; } .Night .match-container[AbuAhmed="1"] .match-info, .Night .match-container[AbuAhmed="2"] .match-info { border-top: 1px solid #263545; } } .date.live { position: relative; top: -35%; } .MA-moon { display: none; }@media (max-width: 1024px) { .MA-moon { display: list-item !important; } } .header-ads { background: #ffffff; } .Night .header-ads { background:var(--LightColor); } body > span:nth-child(3) { display: none; } .date.not-start { margin-top: 0px; } .match-container[AbuAhmed="1"] .match-info { border-top: 1px solid #dddddd00; } .match-container[AbuAhmed="1"] .match-info li { width: 100%; }