*,::after,::before{box-sizing:border-box}
*{margin:0;padding:0;outline:0;list-style:none}
:root{
  --main_color:#600000;
  --font_size:16px;
  --body_bg:#eceef2;
  --header_bg:#fff;
  --header_color:#222;
  --logo_bd:#600000;
  --logo_color:#fff;
  --yrsdaybg:#104783;
  --todaybg:#600000;
  --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);
  --rounded:8px;
  --yall-padding:12px;
}
.Night,.Night body{
  --body_bg:#1c2733;--header_bg:#263545;--Gray2:#2b3b4d;--Gray3:#1c2733;
  --Gray1:#1c2733;--LightColor:#263545;--footer_bd:var(--LightColor);
  --cop_bd:#1c2733;--DarkColor:var(--Gray1);--LightColor2:var(--Gray1);
  --bk-hd-bg:#121a23;--match-bg:var(--Gray1);--cop_color:#aaa;--footer_color:#aaa;
}
body{font-family:'Segoe UI',Tahoma,Arial,sans-serif;line-height:1.5;background:var(--body_bg);color:#000;font-size:var(--font_size);font-weight:500;direction:rtl;}
.Night body,.Night{color:#fff}
a{color:#222;text-decoration:none}
a:hover{color:var(--main_color)}
.Night a{color:#fff}
img{font-size:0;max-width:100%}
.d-none{display:none}.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}
html:not(.Night) .sun,.Night .mon{display:none}

/* HEADER */
#AYaHeader{position:relative;margin-bottom:15px}
#AYaHeader .HdrInner{width:100%;background:var(--header_bg);box-shadow:0 0 4px var(--bk-shadow);position:relative}
#AYaHeader .HdrInner>.container{min-height:85px}
.container{max-width:1024px;margin-right:auto;margin-left:auto;padding:0 var(--yall-padding)}
.AYaLogo{background:var(--logo_bd);box-sizing:border-box;max-width:220px;border-radius:var(--rounded);padding:5px;width:220px;margin:8px 0}
.AYaLogo>a{display:flex;flex-direction:column;justify-content:center}
.AYaLogo span{display:block;text-align:center;color:var(--logo_color);min-height:4px;line-height:33px}
.AYaLogo h1.SiteName{font-size:24px;font-weight:800;margin:0}
.AYaLogo .SiteUrl{font-size:11px;opacity:.75}
.AYaMainNav{flex:1;align-items:center;display:flex}
.MainMenu{flex:1;display:flex;flex-wrap:wrap}
.MainMenu li>a{padding:8px;display:block;white-space:nowrap;font-size:16px;color:var(--header_color)}
.Night .MainMenu li>a{color:#fff}
.MainMenu li a:hover{color:var(--main_color)}
.hed-btn{height:35px;width:35px;background:var(--DarkColor);display:inline-flex;cursor:pointer;justify-content:center;align-items:center;border-radius:var(--rounded);border:none}
.hed-btn .icon{width:22px;height:22px;color:#fff}
.AYaSocial{display:flex;gap:5px;align-items:center}
.hed-btn.op,.hed-btn.mo,.CloseNave{display:none}
@media(max-width:1000px){
  .hed-btn.op,.hed-btn.mo{display:inline-flex;height:40px;width:40px}
  .liwte .line{display:flex;width:22px;height:3px;background:#fff;border-radius:1px;margin:5px 0}
  .AYaLogo{margin:8px auto;width:auto;flex:0 0 auto}
  .AYaMainNav{float:none;z-index:99;height:100%;width:280px;position:fixed;top:0;right:-300px;margin:auto;transition:all .7s ease;padding:60px 15px 15px;overflow-x:hidden;box-shadow:0 1px 6px rgba(32,33,36,.4);background:var(--LightColor)}
  html.OpenMenu .AYaMainNav{right:0}
  .MainMenu li{width:100%;margin-bottom:15px}
  .MainMenu li a{background:var(--DarkColor);padding:6px 12px 7px;color:#fff;border-radius:var(--rounded)}
  .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{transform:rotate(45deg)}
  .CloseNave .line.line-2{transform:rotate(-45deg)}
}

/* TIMEZONE + UPDATED */
.tmz-row{display:flex;justify-content:space-between;align-items:flex-end;position:relative;height:22px;overflow:hidden;padding:2px 5px 0}
.tmz-name span{font-size:10px;padding:2px 8px;background:var(--bk-hd-bg);border-radius:6px 6px 0 0;box-shadow:0 0 4px rgba(0,0,0,.3)}
.upd-note{font-size:10px;color:#888}

/* BLOCK */
.AY_Block{margin-bottom:20px;box-shadow:0 0 4px var(--bk-shadow);background:var(--LightColor);overflow:hidden;border-radius:var(--rounded)}
.AYb_Head{padding:12px;overflow:hidden;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;align-items:center;flex-wrap:wrap;gap:8px}
.AYb_Head h2{font-size:16px}
.aya-btn{position:relative;background:var(--btn-bg);padding:4px 10px 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--rounded);color:#fff;font-size:15px;text-align:center;border:none;cursor:pointer;font-family:inherit}
.aya-btn:hover{opacity:.8}
.AY-Fixture .AYb_Head h2{--btn-bg:var(--main_color)}

/* TABS */
.AY-Dtab{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.AY-Dtab li.yesterday a{--btn-bg:var(--yrsdaybg)}
.AY-Dtab li.today a{--btn-bg:var(--todaybg)}
.AY-Dtab li.tomorrow a{--btn-bg:var(--tomorobg)}
.AY-Dtab li a{background:var(--btn-bg);color:#fff;padding:4px 12px 5px;border-radius:var(--rounded);font-size:14px;display:inline-flex;align-items:center;transition:opacity .15s;font-family:inherit}
.AY-Dtab li a:hover{opacity:.85}
.AY-Dtab li a.active{box-shadow:0 2px 8px rgba(0,0,0,.35)}

/* MATCH LIST */
.albaflex{padding:12px 12px 0;display:flex;flex-direction:column}
.albaflex .live{order:1}.albaflex .comming-soon{order:2}
.albaflex .not-started{order:3}.albaflex .gools{order:3}.albaflex .finished{order:4}

/* MATCH CARD */
.AY_Match{overflow:hidden;text-align:center;background:var(--match-bg);margin-bottom:12px;position:relative;border-radius:var(--rounded);--stat-bg:#263545;}
.AY_Inner{display:flex!important;align-items:center!important}
.AY_Inner>div{flex:0 0 auto;width:33.33333333%}
.MT_Team{display:flex;align-items:center;flex:1}
.MT_Team.TM2{flex-direction:row-reverse}
.TM_Logo{width:50%}
.TM_Logo img{margin:10px auto;display:flex;max-width:50px!important;height:auto!important;object-fit:contain!important}
.tm-badge{width:50px;height:50px;margin:10px auto;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--main_color);color:#fff;font-weight:800;font-size:22px}
.TM_Name{margin:8px auto;font-weight:500;font-size:14px}
.Night .TM_Name{color:#fff}
.MT_Data{margin:12px auto;display:flex;flex-direction:column;align-items:center;width:33.33%}
.MT_Time{font-size:16px}
.Night .MT_Time{color:#fff}
.MT_Result{font-size:21px;display:inline-flex;gap:5px;justify-content:center;align-items:center;direction:ltr}
.Night .MT_Result{color:#fff}
.RS-goals{font-weight:700}
.MT_Stat{position:relative;background:var(--stat-bg);padding:4px 10px 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--rounded);color:#fff;font-size:14px;text-align:center;margin:6px auto 0;height:25px;min-width:60px;}

/* STATUS LOGIC */
.AY_Match.started .MT_Time,.AY_Match.live .MT_Time,.AY_Match.gools .MT_Time,.AY_Match.finished .MT_Time{display:none}
.AY_Match.comming .MT_Result,.AY_Match.comming-soon .MT_Result,.AY_Match.not-started .MT_Result{display:none}

/* STATUS COLORS */
.AY_Match.live .MT_Stat{--stat-bg:#d00000;animation:blinker 500ms ease-in-out infinite}
.AY_Match.finished .MT_Stat{--stat-bg:#474747}
.AY_Match.comming-soon .MT_Stat{--stat-bg:#0f6f37}
.AY_Match.not-started .MT_Stat{--stat-bg:#5a7fc1}

/* MT_INFO ROW */
.MT_Info{border-top:1px solid var(--Gray2);overflow:hidden;width:100%}
.MT_Info ul{display:flex;align-items:center}
.MT_Info li{flex:1;font-size:13px;padding:5px 5px 7px;color:#555;text-align:center}
.Night .MT_Info li{color:#aaa}
.MT_Info li::before{content:"📺";margin-left:5px}
.MT_Info li:nth-child(2)::before{content:"🎤"}
.MT_Info li:nth-child(3)::before{content:"🏆"}

/* HOVER MASK */
.MT_Mask{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;cursor:pointer;background:rgba(0,0,0,.6);z-index:9;transition:.2s;display:flex;align-items:center;justify-content:center;}
.AY_Match:hover .MT_Mask{opacity:1}
.MT_MaskText{position:absolute;bottom:0;right:0;height:45px;margin:auto;left:0;top:0;width:45px;background:no-repeat center 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,0C114.617,0,0,114.615,0,256s114.617,256,256,256s256-114.615,256-256S397.383,0,256,0z M344.48,269.57l-128,80c-2.59,1.617-5.535,2.43-8.48,2.43c-2.668,0-5.34-.664-7.758-2.008C195.156,347.172,192,341.82,192,336V176c0-5.82,3.156-11.172,8.242-13.992c5.086-2.836,11.305-2.664,16.238.422l128,80c4.676,2.93,7.52,8.055,7.52,13.57S349.156,266.641,344.48,269.57z'%3E%3C/path%3E%3C/svg%3E");}

/* VIDEO POPUP */
#videoOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.92);z-index:9999;align-items:center;justify-content:center;flex-direction:column;}
#videoOverlay.active{display:flex}
#videoWrapper{position:relative;width:90%;max-width:880px;background:#000;border-radius:10px;overflow:hidden;box-shadow:0 0 40px rgba(0,0,0,.8);}
#videoWrapper iframe{width:100%;height:480px;border:none;display:block;}
.vid-close{position:absolute;top:-38px;left:0;background:var(--main_color);color:#fff;border:none;padding:6px 18px;border-radius:var(--rounded);cursor:pointer;font-size:15px;font-family:inherit;font-weight:700;}
.vid-title{color:#fff;font-size:14px;margin-bottom:8px;text-align:center;padding:0 10px;}
@media(max-width:600px){#videoWrapper iframe{height:240px}}

/* NEWS GRID */
.AYb_Inner{padding:12px 12px 0;overflow:hidden}
.AYaGrid{display:grid;grid-gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding-bottom:12px}
.gr-inner{background:var(--match-bg);overflow:hidden;position:relative;height:100%;display:block;border-radius:var(--rounded)}
.gr-img{height:160px;display:flex;align-items:center;justify-content:center;width:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--main_color),#263545);color:#fff;font-size:40px}
.gr-info{padding:10px}
.gr-info h3{margin:0;font-size:15px;overflow:hidden;font-weight:500;min-height:50px;line-height:1.4}
.Night .gr-info h3{color:#ddd}

/* LOADING */
.no-data__msg{min-height:200px;display:flex;align-items:center;justify-content:center;width:100%;color:#888;font-size:14px}
.spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 0}
.spinner{width:30px;height:30px;border:3px solid #ddd;border-top-color:var(--main_color);border-radius:50%;animation:krl-spin .8s linear infinite}

/* SEO CONTENT */
.seo-content{background:var(--LightColor);border-radius:var(--rounded);box-shadow:0 0 4px var(--bk-shadow);padding:20px 24px;margin-bottom:20px;line-height:1.8;}
.seo-content h2{font-size:20px;color:var(--main_color);margin-bottom:12px;border-bottom:2px solid var(--main_color);padding-bottom:8px;}
.seo-content h3{font-size:17px;margin:16px 0 8px;color:var(--DarkColor)}
.Night .seo-content h3{color:#ddd}
.seo-content p{font-size:14px;color:#444;margin-bottom:10px}
.Night .seo-content p{color:#bbb}
.seo-content ul{margin:8px 0 12px 20px}
.seo-content ul li{font-size:14px;color:#444;margin-bottom:5px;list-style:disc}
.Night .seo-content ul li{color:#bbb}

/* FAQ */
.faq-item{border-bottom:1px solid var(--Gray2)}
.faq-item:last-child{border-bottom:none}
.faq-q{width:100%;background:none;border:none;text-align:right;font-size:15px;font-weight:700;padding:14px 12px;cursor:pointer;color:inherit;font-family:inherit;display:flex;justify-content:space-between;align-items:center;gap:10px}
.faq-q .pm{font-size:20px;color:var(--main_color);flex:0 0 auto}
.faq-a{display:none;padding:0 12px 14px;font-size:14px;color:#444;line-height:1.8}
.Night .faq-a{color:#bbb}
.faq-item.open .faq-a{display:block}

/* LEGAL CARDS */
.legal-grid{display:grid;grid-gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:16px}
.legal-card{background:var(--match-bg);border-radius:var(--rounded);padding:16px}
.legal-card h3{font-size:16px;margin-bottom:8px;color:var(--main_color)}
.legal-card p{font-size:13px;color:#555;line-height:1.8;margin-bottom:8px}
.Night .legal-card p{color:#aaa}
.legal-card a{color:var(--main_color);text-decoration:underline}

/* TOAST */
#toast{position:fixed;bottom:24px;right:50%;transform:translateX(50%);background:#222;color:#fff;padding:10px 22px;border-radius:8px;z-index:10000;display:none;font-size:14px;box-shadow:0 4px 16px rgba(0,0,0,.4)}

/* FOOTER */
#AYaFooter{position:relative;margin-top:15px;width:100%;box-shadow:0 0 4px var(--bk-shadow)}
.AYa-SiteInfo{position:relative}
.SnfoInner{background:var(--cop_bd);color:var(--cop_color);padding:20px 0}
.SnfoInner a{font-size:13px;padding:4px 7px;display:inline-block;color:var(--cop_color)}
.cp-text{font-size:13px;display:block;margin-top:8px}

/* ANIMATIONS */
@keyframes blinker{50%{background:#263545}}
@keyframes krl-spin{to{transform:rotate(360deg)}}

/* MOBILE */
@media(max-width:500px){
  body{--yall-padding:8px}
  .AYb_Head{padding:8px}
  .AY-Dtab{width:100%}
  .AY-Dtab li{margin:0;flex:1;height:100%}
  .AY-Dtab li a{height:100%;display:flex;padding-right:0;padding-left:0;font-size:13px;justify-content:center}
  .TM_Logo img{width:38px!important}
  .tm-badge{width:38px;height:38px;font-size:17px}
  .TM_Name{font-size:12px}
  .MT_Stat{font-size:12px;min-width:50px;padding:3px 6px}
  .MT_Info li{font-size:11px}
  html.OpenMenu,html.OpenMenu>body{overflow:hidden}
}
.SiteOverlay{width:100%;height:100%;position:fixed;top:0;right:0;left:0;z-index:50;opacity:0;visibility:hidden;transition:all .2s;background-color:rgba(0,0,0,.8)}
html.OpenMenu .SiteOverlay{visibility:visible;opacity:1;cursor:pointer;height:100%}

/* ===== multi-page additions ===== */
.crumbs{font-size:12px;color:#888;margin:0 0 12px}
.crumbs a{color:var(--main_color)}
.league-grid{display:grid;grid-gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:16px}
.league-card{background:var(--match-bg);border-radius:var(--rounded);padding:16px;text-align:center;font-weight:700}
.league-card small{display:block;font-weight:400;color:#888;margin-top:6px;font-size:12px}
.detail-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}
.detail-table th,.detail-table td{padding:10px 12px;border-bottom:1px solid var(--Gray2);text-align:right}
.detail-table th{width:140px;color:#888;font-weight:600}
.big-score{font-size:44px;font-weight:800;direction:ltr;margin:8px 0}
.Night .big-score{color:#fff}
.live-minute{display:inline-block;background:#d00000;color:#fff;border-radius:6px;padding:2px 10px;font-size:14px;animation:blinker 1s ease-in-out infinite}
.team-col{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}
.vs-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 12px}
.team-col img{max-width:72px;height:auto}
.team-col .tm-badge{width:72px;height:72px;font-size:30px;margin:0}
.watch-btn{display:inline-block;background:var(--main_color);color:#fff!important;padding:10px 28px;border-radius:var(--rounded);font-weight:700;margin:10px 0}
.related-grid{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:0 12px 12px}
.related-card{background:var(--match-bg);border-radius:var(--rounded);padding:10px;font-size:13px;text-align:center}
.page-body{padding:20px 24px;font-size:14px;line-height:1.9;color:#444}
.Night .page-body{color:#bbb}
.page-body h2{font-size:18px;color:var(--main_color);margin:14px 0 8px}
.page-body p{margin-bottom:10px}
