/* KickOff — Sports Matches Theme */
:root{--gold:#e8b84b;--red:#c0392b;--green:#27ae60;--blue:#1a3a6e;--body:#ffffff;--card:#ffffff;--border:#fff;--text:#1a1a1a;--muted:#444;--badge-off:#2c3e50}
body.Night{--body:#0d1117;--card:#161b22;--border:#30363d;--text:#e6edf3;--muted:#8b949e}
*{margin:0;padding:0;outline:0;list-style:none;box-sizing:border-box}
body{font-family:'Neo Sans Arabic','Segoe UI',Arial,sans-serif;direction:rtl;background:var(--body);color:var(--text);font-size:14px;line-height:1.6;width:100%}
a{color:var(--text);text-decoration:none}
a:hover{color:var(--gold)}
img{max-width:100%;display:block;font-size:0}
strong{font-weight:700}
.d-none{display:none!important}
#tom-match,#yes-match,#tod-match{display:none}
.container{max-width:1000px;margin:auto;padding:0 12px}

/* HEADER */
.menu-section{background:#fff;border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:1000;box-shadow:0 1px 4px rgba(0,0,0,.08);width:100%;min-height:60px}
.Night .menu-section{background:#111820;border-bottom-color:#b8860b;box-shadow:0 2px 6px rgba(0,0,0,.5)}
.menu-section .container{display:flex;align-items:center;justify-content:space-between;height:60px;position:relative}
.navbar-brand{display:flex;align-items:center;flex-shrink:0}
.navbar-brand a{display:flex;align-items:center}
.img-responsive{height:40px;width:auto;max-width:160px;object-fit:contain}
.navbar-brand span{color:var(--text);font-size:20px;font-weight:800}
.navbar-brand.textlogo{padding:0;background:transparent!important;border-radius:0!important}
.navbar-brand.textlogo span{background:transparent!important;box-shadow:none!important;padding:0!important}
div#navbar-brand{padding:0!important;background:transparent!important;border-radius:0!important}
.navmenu{display:flex;align-items:center;flex:1;justify-content:flex-end}
.navsiteta{display:flex;align-items:center;padding:0}
.navmenu .nav li{position:relative;float:right}
.navmenu .nav .navsiteta a{color:#444;padding:0 11px;font-size:13px;display:flex;align-items:center;height:60px;white-space:nowrap;border-bottom:2px solid transparent;transition:all .2s}
.navmenu .nav .navsiteta a:hover{color:var(--text);border-bottom-color:var(--gold)}
.Night .navmenu .nav .navsiteta a{color:#bbb}
.Night .navmenu .nav .navsiteta a:hover{color:#fff}
.navmenu .nav .sub-menu{display:none}
.menu-section h1,.menu-section h2{display:none}
.navsites{display:flex;align-items:center;gap:5px;margin-right:6px;float:left}
.navmenu .navsites a,.navmenu .nav .navsites a{height:28px;width:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;float:none;background:rgba(0,0,0,.08)}
.Night .navmenu .navsites a{background:rgba(255,255,255,.12)}
.navmenu .nav .navsites a .icon,.icon.dnmoi{width:14px;height:14px;display:block;background-size:100%;background-repeat:no-repeat;background-position:center}
.icon.twitter{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cpath fill='%23fff' d='M178.57 127.15 290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34'/%3E%3C/svg%3E")}
.icon.facebook{background-image: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='M288,176v-64c0-17.664,14.336-32,32-32h32V0h-64c-53.024,0-96,42.976-96,96v80h-64v80h64v256h96V256h64l32-80H288z'/%3E%3C/svg%3E")}
.icon.telegram{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m9.417 15.181-.397 5.584c.568 0 .814-.244 1.109-.537l2.663-2.545 5.518 4.041c1.012.564 1.725.267 1.998-.931l3.622-16.972.001-.001c.321-1.496-.541-2.081-1.527-1.714l-21.29 8.151c-1.453.564-1.431 1.374-.247 1.741l5.443 1.693 12.643-7.911c.595-.394 1.136-.176.691.218z'/%3E%3C/svg%3E")}
.icon.google-news{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 461 461'%3E%3Cpath fill='%23fff' d='M365.257 67.393H95.744C42.866 67.393 0 110.259 0 163.137v134.728c0 52.878 42.866 95.744 95.744 95.744h269.513c52.878 0 95.744-42.866 95.744-95.744V163.137c0-52.878-42.866-95.744-95.744-95.744zm-6.466 252.274c0 14.876-12.074 26.95-26.95 26.95H128.16c-14.876 0-26.95-12.074-26.95-26.95V141.334c0-14.876 12.074-26.95 26.95-26.95h203.681c14.876 0 26.95 12.074 26.95 26.95v178.333z'/%3E%3Cpath fill='%23fff' d='M210.24 173.59h-62.177v32.033h62.177zm0 52.323h-62.177v32.033h62.177zm0 52.322h-62.177v32.033h62.177zM313.397 173.59H251.22v114.677h62.177z'/%3E%3C/svg%3E")}
.icon.dnmoi{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 241 241'%3E%3Cpath fill='%23444' d='M202.167 156.857c-44.236 0-80.085-35.842-80.085-80.078 0-29.923 16.43-55.951 40.733-69.707C150.088 2.498 136.373 0 122.082 0 55.506 0 1.535 53.971 1.535 120.528c0 66.584 53.971 120.544 120.547 120.544 57.269 0 105.18-39.937 117.454-93.485-11.162 5.97-23.871 9.27-37.369 9.27z'/%3E%3C/svg%3E")}
.Night .icon.dnmoi{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 241 241'%3E%3Cpath fill='%23fff' d='M202.167 156.857c-44.236 0-80.085-35.842-80.085-80.078 0-29.923 16.43-55.951 40.733-69.707C150.088 2.498 136.373 0 122.082 0 55.506 0 1.535 53.971 1.535 120.528c0 66.584 53.971 120.544 120.547 120.544 57.269 0 105.18-39.937 117.454-93.485-11.162 5.97-23.871 9.27-37.369 9.27z'/%3E%3C/svg%3E")}
.dnmo-nav{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.08);cursor:pointer;border:1px solid #ddd}
.Night .dnmo-nav{background:rgba(255,255,255,.15);border-color:transparent}
.dnmo-nav .icon.dnmoi{width:14px;height:14px}
.dnmo-item{display:flex;align-items:center}
.dnmo,.dnmo.mo{display:none}
#menubtn{position:absolute;visibility:hidden}
.menublabel.op{display:none;cursor:pointer;width:34px;height:34px;background:rgba(0,0,0,.08);border-radius:6px;align-items:center;justify-content:center}
.Night .menublabel.op{background:rgba(255,255,255,.1)}
.menublabel.clo{display:none}
.liwte{display:table}
.liwte .line{display:block;width:18px;height:2px;background:#333;border-radius:1px;margin:3px auto}
.Night .liwte .line{background:#fff}

/* TIMEZONE BAR */
.under-header{background:#fff;border-bottom:1px solid var(--border)}
.Night .under-header{background:#111820;border-color:var(--border)}
.under-header .container{padding:5px 12px;font-size:12px;color:var(--muted)}

/* TABS */
.box-title{padding:0;background:transparent;border:none}
.tabs-header{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:10px}
.tabs-header .nav-tabs{display:flex;gap:6px;border:none;flex:none}
.nav-tabs li{flex:none;display:block;box-shadow:none;margin:0}
.nav-tabs li a{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:13px;font-weight:700;border-radius:5px;border:none;white-space:nowrap;color:#fff!important;height:auto;width:auto}
.nav-tabs li a:hover{opacity:.85}
.tabs-header .nav-tabs li:nth-child(1) a{background:#b8860b}
.tabs-header .nav-tabs li:nth-child(2) a{background:#c0392b}
.tabs-header .nav-tabs li:nth-child(3) a{background:#1a3a6e}
.section-title{font-size:14px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:6px;white-space:nowrap}
.section-title::before{content:'';display:inline-block;width:4px;height:18px;background:var(--gold);border-radius:2px;flex-shrink:0}
.Night .section-title{color:var(--text)}
.section-title-matches{font-size:17px;font-weight:900;color:#16A34A;display:flex;align-items:center;gap:8px;white-space:nowrap;letter-spacing:.3px}
.section-title-matches::before{content:'';display:inline-block;width:4px;height:20px;background:#16A34A;border-radius:2px;flex-shrink:0}

/* ALBAFLEX */
.albaflex{display:flex;flex-direction:column;gap:10px;background:transparent;padding:15px 0 0}
.albaflex .live{order:1}.albaflex .soon,.albaflex .commingsoon{order:2}.albaflex .gools{order:3}.albaflex .finshed,.albaflex .end{order:4}

/* ===== MATCH CARD ===== */
.match-container{background:#ffffff;border:2px solid #fff;border-radius:8px;margin:0;padding:0;position:relative;overflow:hidden;transition:background .15s;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.match-container:hover{background:#9eadb9;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.Night .match-container{background:var(--card);border-color:var(--border);box-shadow:none}
.Night .match-container:hover{background:#21262d}

/* The <a> wraps all 3 team columns — make it a proper grid */
.match-container>a{display:grid;grid-template-columns:1fr 170px 1fr;grid-template-rows:auto auto;align-items:center;width:100%;padding:26px 24px 0;color:var(--text);position:relative}

/* RIGHT TEAM — logo rightmost, name next to it */
.match-container .right-team{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:12px;grid-column:1;grid-row:1}
.match-container .right-team .team-logo{order:1}
.match-container .right-team .team-name{order:2;text-align:right}

/* CENTER */
.match-container .match-center{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 8px}

/* LEFT TEAM — name then logo leftmost */
.match-container .left-team{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;grid-column:3;grid-row:1}
.match-container .left-team .team-name{order:1;text-align:left}
.match-container .left-team .team-logo{order:2}

/* MATCH INFO — full width row 2 */
.match-container .match-info{grid-column:1/-1;grid-row:2;width:100%;padding:14px 0 16px;margin-top:14px;border-top:2px solid #fff}
.Night .match-container .match-info{border-top-color:#fff}
.match-container .match-info ul{display:flex;flex-direction:row;justify-content:space-between;align-items:center;list-style:none;padding:0;margin:0;width:100%}
.match-container .match-info li{flex:1;font-size:12px;color:#333;padding:0 6px;text-align:center;border-right:1px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}
.match-container .match-info li:last-child{border-right:none}
.match-container .match-info li span{color:#333;font-size:12px}
.match-container .match-info li:nth-child(1)::before{content:"📺";font-size:12px}
.match-container .match-info li:nth-child(2)::before{content:"🎙";font-size:12px}
.match-container .match-info li:nth-child(3)::before{content:"🏆";font-size:12px}
.Night .match-container .match-info li{border-color:var(--border);color:var(--muted)}
.Night .match-container .match-info li span{color:var(--muted)}

/* LOGO */
.team-logo{width:80px;height:80px;border-radius:6px;border:1px solid rgba(255,255,255,.8);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.Night .team-logo{background:#fff;border-color:rgba(255,255,255,.8)}
.team-logo img{width:64px;height:64px;object-fit:contain;border-radius:4px;display:block;margin:0}
.team-logo img.lazy-load{opacity:0;transition:opacity .5s ease}
.team-logo img.lazy-load.loaded{opacity:1}

/* TEAM NAME */
.team-name{font-size:15px;font-weight:700;color:var(--text);line-height:1.4;max-width:130px;margin:0;display:block}

/* TIMING */
.match-timing{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}
.match-timing>div:not([class]),.match-timing>div.match-time-val{font-size:20px;font-weight:800;color:var(--text);direction:ltr;text-align:center;line-height:1.2}
.result{font-size:26px;font-weight:900;letter-spacing:5px;direction:ltr;color:var(--text);line-height:1;margin:0;text-align:center}

/* BADGES */
.match-timing .date{display:inline-block;border-radius:5px;padding:5px 16px;font-size:13px;font-weight:700;color:#fff;background:var(--badge-off);line-height:1.4;text-align:center}
.match-timing .live{background:transparent;padding:0}
.match-timing .live,.match-timing .date.live{background:#16A34A!important;color:#fff!important;white-space:nowrap!important;overflow:visible!important;max-width:none!important;min-width:max-content!important;padding:4px 14px!important;font-size:11px!important;font-weight:800!important;display:inline-block!important}.match-timing .live::before,.match-timing .date.live::before{content:none!important;display:none!important}
.match-timing .soon{background:var(--green)!important;color:#fff!important;border-radius:5px!important;padding:5px 16px!important}

/* OVERLAY */
.overlay-match{position:absolute;inset:0;opacity:0;background:rgba(26,54,110,.05);cursor:pointer;z-index:2;transition:opacity .2s}
.match-container:hover .overlay-match{opacity:1}
.text-match{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;opacity:0;transition:opacity .2s;background:no-repeat center/100% url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%2316A34A' d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0zm88.5 269.6l-128 80c-2.6 1.6-5.5 2.4-8.5 2.4-2.7 0-5.3-.7-7.8-2-5-2.8-8.2-8.2-8.2-14V176c0-5.8 3.2-11.2 8.2-14 5.1-2.8 11.3-2.7 16.2.4l128 80c4.7 2.9 7.5 8.1 7.5 13.6s-2.8 10.7-7.4 13.6z'/%3E%3C/svg%3E")}
.match-container:hover .text-match{opacity:.85}

/* STATUS RULES */
.match-container.started #match-time,.match-container.gools #match-time,.match-container.finshed #match-time{display:none}
.match-container.comming .result,.match-container.commingsoon .result,.match-container.soon .result{display:none}
.match-container.end #match-time,.match-container.live #match-time{display:none}
.no-matches,.no-data__msg{padding:50px;text-align:center;color:var(--muted);min-height:180px;display:flex;align-items:center;justify-content:center}.no-matches-card{justify-content:center;cursor:default;pointer-events:none}.no-matches-card:hover{transform:none!important;box-shadow:none!important}.no-matches-inner{padding:40px 20px;text-align:center;width:100%}.no-matches-inner p{color:var(--muted);font-size:1.1rem;margin:0}

/* NEWS */
.main.section{margin-top:12px}
.blogpost{background:transparent;box-shadow:none;margin-bottom:0}
.news-box-title{background:transparent;border:none;padding:0 0 10px}
.news-header{display:flex;align-items:center;justify-content:space-between;padding:0}
.news-title-text{font-size:14px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:6px;background:transparent;box-shadow:none;padding:0}
.news-title-text::before{content:'';display:inline-block;width:4px;height:18px;background:var(--gold);border-radius:2px}
.news-more-btn{background:var(--blue);color:#fff!important;border-radius:5px;padding:7px 14px;font-size:12px;font-weight:700;width:auto;height:auto}
.news-more-btn:hover{opacity:.85}
.blogpost .grid-post{padding:0}
.blogpost .grid-posts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0;margin:0;background:transparent}
.blogpost .blog-posts-hentry{width:100%;float:none;padding:0;margin:0;border:none}
.blogpost .blog-post.hentry.index-post{border-radius:8px;height:150px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden;background:var(--card);position:relative;display:block}
.blogpost .blog-post.hentry.index-post:hover{box-shadow:0 3px 10px rgba(0,0,0,.18)}
.blogpost .post-image-wrap{width:100%;height:100%}
.blogpost .post-image-wrap img{width:100%;height:150px;object-fit:cover;display:block}
.blogpost .post-info a{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);color:#fff!important;font-size:12px;font-weight:600;padding:50px 8px 8px;line-height:1.4;display:block;white-space:normal;margin:0}
h3.post-title{height:auto!important;width:100%!important}
.AlbaMorBtn{text-align:center;margin:14px auto;width:100%;clear:both}
.LoadMOreNews{display:inline-block;cursor:pointer;min-width:120px;border:1px solid var(--border);background:var(--card);border-radius:20px;padding:7px 20px;font-size:13px;color:var(--text)}
.LoadMOreNews:hover{background:var(--blue);color:#fff;border-color:var(--blue)}

/* SINGLE POST */
.blog-post.hentry.item-post{background:var(--card);border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.07)}
.postTimestamp{background:#f5f7fa;padding:8px 14px}
.Night .postTimestamp{background:#1e252f}
.posts-title{padding:12px 14px}
.post-title{font-size:22px;font-weight:800;line-height:1.4}
.main-post-meta{border-top:1px solid var(--border);padding:8px 14px;font-size:13px;color:var(--muted)}
#postsacs{padding:14px;font-size:15px;text-align:justify;font-weight:400;-webkit-user-select:none;color:var(--text)}
#postsacs p{margin-bottom:14px;line-height:1.8}
#postsacs h1,#postsacs h2,#postsacs h3,#postsacs h4,#postsacs h5,#postsacs h6{background:#f5f7fa;padding:8px 14px;font-size:16px;font-weight:700;margin:14px 0;border-radius:5px;border-right:4px solid var(--gold);display:block;line-height:1.5}
.Night #postsacs h1,.Night #postsacs h2,.Night #postsacs h3,.Night #postsacs h4{background:#1e252f}
#postsacs iframe{display:block;margin:12px 0;border-radius:6px;width:100%}
#postsacs figure,#postsacs img{border-radius:6px;margin:12px auto;display:block;max-width:100%}
#postsacs .postimg{display:none}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}
.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-16by9{padding-bottom:56.25%}
.server-body{margin-bottom:12px;width:100%;overflow:hidden}
.video-serv{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.video-serv a{background:var(--blue);color:#fff!important;border-radius:5px;padding:7px 14px;font-size:13px;font-weight:700;flex:1;text-align:center}
.video-serv a:hover{opacity:.85}

/* TABLES */
.standings_jdwel,.stangs{border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08)}
table{width:100%;text-align:center;border-collapse:collapse;background:var(--card)}
table thead tr{background:#1a2535;color:#fff}
.Night table thead tr{background:#060c14}
thead th{padding:10px 6px;font-size:12px;font-weight:700}
tbody td{padding:9px 6px;font-size:12px;border-bottom:1px solid var(--border)}
table tbody .odd{background:#f7f9fb}
.Night table tbody .odd{background:#1e252f}
.standings_jdwel td.team{text-align:right}
.standings_jdwel td.team img{margin:0!important;padding:0!important}
.d-md-none{display:none}.d-md-block{display:block}.club-logo,.peak_score{display:none}
.table-bordered{text-align:right;width:100%;border-collapse:collapse;background:var(--card);border-radius:8px}
.table-bordered tr{border-bottom:1px solid var(--border)}.table-bordered tr:last-child{border:0}
.table-bordered td,.table-bordered th{font-weight:500;padding:10px 12px;line-height:1.5;font-size:13px}
.table-bordered td{border-right:1px solid var(--border)}

/* SHARE & TAGS */
.post-share,.post-tags,.jubnna,#latejubna{background:#f5f7fa;border-radius:6px;padding:12px;margin-top:12px;overflow:hidden}
.Night .post-share,.Night .post-tags,.Night .jubnna,.Night #latejubna{background:#1e252f}
.share-links{display:flex;gap:8px}
.share-links li{flex:1}
.share-links li a{display:block;text-align:center;padding:7px;border-radius:5px;color:#fff;font-size:12px;font-weight:700}
.share-links .facebook{background:#1877f2}.share-links .twitter{background:#000}.share-links .whatsapp{background:#25d366}.share-links .telegram{background:#229ed9}
.whatsapp.whatsapp-mobile{display:none}
.post-tags li{float:right;background:var(--card);border:1px solid var(--border);border-radius:20px;margin:0 0 8px 8px;padding:3px 12px;font-size:12px;line-height:1.6}

/* MATCH SINGLE */
.coMatch{background:var(--card);border-radius:8px;padding:12px;margin-bottom:12px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.baMatch{overflow:hidden;display:block;background:rgba(0,0,0,.55)}
.colmd{width:40%;float:right;text-align:center;padding:40px 0 30px;color:#fff}
.colmd.ce{width:20%}
.teamlogo{max-width:88px;height:88px;background-size:contain;margin:12px auto;background-repeat:no-repeat;background-position:center}
.backMatch{overflow:hidden;position:relative;display:block;border-radius:8px;background-size:cover;background-position:center;min-height:140px}
.Night .backMatch{background-color:#21262d!important}
#blog-pager{margin:12px auto;display:table}
#blog-pager a{display:inline-block;font-size:13px;padding:5px 14px;margin:0 4px 12px;background:var(--card);border:1px solid var(--border);border-radius:20px;color:var(--text)}
#blog-pager a:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.post-share,.post-tags{overflow:hidden}
.wdthbox{background:var(--card);border-radius:8px;padding:14px;margin-bottom:12px;box-shadow:0 1px 4px rgba(0,0,0,.06)}

/* MISC */
.alba-ajaxLoad{display:none;position:relative;width:100%;height:180px;align-items:center;justify-content:center}
.alba-ajaxLoad div{box-sizing:border-box;display:block;position:absolute;width:34px;height:34px;margin:8px;border:2px solid;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--blue) transparent transparent transparent;left:calc(50% - 20px)}
.alba-ajaxLoad div:nth-child(1){animation-delay:-.45s}.alba-ajaxLoad div:nth-child(2){animation-delay:-.3s}.alba-ajaxLoad div:nth-child(3){animation-delay:-.15s}
blockquote{background:#f5f7fa;display:block;text-align:center;padding:12px;font-weight:600;margin:12px 0;border-radius:5px;border-right:4px solid var(--gold)}
.Night blockquote{background:#1e252f}
blockquote a{color:var(--blue);margin:0 10px}
.message-box{color:#155724;background:#d4edda;border:1px solid #c3e6cb;padding:8px 14px;border-radius:5px;font-size:12px;margin-bottom:10px;width:100%}
.hqy-lazy{opacity:0;transition:opacity .5s}.hqy-loaded{opacity:1}
.adheader,.jmb_banner.container{margin-bottom:12px}
#telegramme{position:fixed;z-index:9999;bottom:16px;right:16px;width:190px;padding:12px;background:var(--card);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.18);text-align:center}
#telegramme p{font-size:11px;color:var(--muted);margin:0 0 6px}
.clossme{position:absolute;top:6px;left:8px;cursor:pointer}
#telegramme a{display:inline-block;background:#229ed9;color:#fff;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:700}
#volume-booster-visusalizer{display:none}
svg.d-none{display:none}
.AlbaE3lan.lanheader,.topthumb{margin-bottom:10px}

/* FOOTER */
#AYaFooter{background:#ffffff;color:#1a1a1a}
.Night #AYaFooter{background:#0d1420}
footer{background:#ffffff;color:#1a1a1a;margin-top:15px;overflow:hidden}
.Night footer{background:#0d1420}
.FW-Area{overflow:hidden}
.FW-Area .footer-widget{width:25%;padding:24px 16px 20px;box-sizing:border-box;float:right}
.FW-Title{margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--red)}
.FW-Title .title{color:#fff;font-size:14px;font-weight:800;display:block;border-bottom:none;padding-bottom:0}
.footer-widget ul.menu{list-style:none;padding:0}
.footer-widget ul.menu li{list-style:disc;color:var(--red);margin-right:16px}
.footer-widget ul.menu li a{color:#222;font-size:13px;line-height:2;display:inline;text-decoration:none}
.footer-widget ul.menu li a:hover{color:#fff}
.fo-section{width:25%;padding:24px 16px 20px;box-sizing:border-box;float:right}
.fo-title{color:#fff;font-size:14px;font-weight:800;padding-bottom:8px;margin-bottom:12px;border-bottom:2px solid var(--red)}
.fo-title::before{display:none}
.fo-section li{list-style:disc;color:var(--red);margin-right:16px;padding:0}
.fo-section li a{color:#aaa;font-size:13px;line-height:2;display:inline}
.fo-section li a:hover{color:#fff}
/* ===== Sister Sites Bar ===== */
.sister-sites-bar{background:#1a2535;padding:12px 0;border-top:2px solid rgba(255,255,255,.08)}
.Night .sister-sites-bar{background:#0d1420}
.sister-sites-title{color:#e8b84b;font-size:12px;font-weight:800;margin-bottom:8px;letter-spacing:.5px}
.sister-sites-list{display:flex;flex-wrap:wrap;padding:0;margin:0;list-style:none;gap:6px}
.sister-sites-list li a{color:#aab;font-size:12px;padding:3px 10px;border-radius:4px;background:rgba(255,255,255,.06);display:block;white-space:nowrap;transition:background .15s,color .15s}
.sister-sites-list li a:hover{background:rgba(255,255,255,.14);color:#fff}

.footer-links-bar{background:#9aaab6;border-top:1px solid rgba(255,255,255,.3);padding:8px 0;overflow:hidden}
.Night .footer-links-bar{background:#080f18}
.footer-flat-menu{display:flex;flex-wrap:wrap;padding:0;list-style:none}
.footer-flat-menu li a{color:#222;font-size:12px;padding:3px 10px;display:block;border-left:1px solid rgba(255,255,255,.08);line-height:1.8}
.footer-flat-menu li:last-child a{border-left:none}
.footer-flat-menu li a:hover{color:#000}
.footermb{display:none}
.foot-bar{background:#ffffff;padding:12px 0;font-size:13px;color:#1a1a1a}
.Night .foot-bar{background:#1a1a1a}
.foot-bar>.container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;color:#1a1a1a}
.copy-rights{color:#777;font-size:13px}
.copy-rights a{color:var(--gold);font-weight:700;text-decoration:none}
.copy-rights a:hover{color:#fff}

/* DARK MODE */
body.Night{background:var(--body)!important;color:var(--text)!important}
.Night a{color:var(--text)!important}
.Night a:hover{color:var(--gold)!important}
.Night .navmenu .nav .navsiteta a{color:#bbb!important}
.Night .navmenu .nav .navsiteta a:hover{color:#fff!important;border-bottom-color:var(--gold)!important}
.Night .navbar-brand span{color:#fff!important}
.Night .blog-post.hentry.item-post,.Night .coMatch,.Night .wdthbox,.Night .blogpost .blog-post.hentry.index-post{background:var(--card)}
.Night .post-tags li{background:var(--card);border-color:var(--border)}
.Night .main-post-meta{border-color:var(--border)}
.Night .LoadMOreNews{background:var(--card);border-color:var(--border);color:var(--text)}
.Night .fo-section li a,.Night .footer-widget ul.menu li a{color:#666}
.Night .news-title-text{color:var(--text)}

/* ANIMATIONS */
@keyframes blinker{50%{opacity:0}}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

/* MOBILE HEADER */
@media screen and (max-width:1000px){
  .comp-hide{display:none!important}
  .menu-section .container{position:relative}
  .menublabel.op{display:flex;position:absolute;left:12px;right:auto;top:50%;transform:translateY(-50%)}
  .dnmo-item,.navsites{position:absolute;left:54px;right:auto;top:50%;transform:translateY(-50%);margin:0;float:none;display:flex;align-items:center}
  .navbar-brand{position:absolute;left:50%;transform:translateX(-50%);margin:0}
  .navmenu{position:static;flex:none}
  .navmenu .linkm{position:fixed;top:0;left:-300px;right:auto;width:260px;height:100vh;background:#1a2535;z-index:9999;padding:16px;transition:left .3s ease;overflow-y:auto;box-shadow:2px 0 16px rgba(0,0,0,.4)}
  .Night .navmenu .linkm{background:#0d1420}
  #menubtn:checked~.linkm{left:0}
  .menublabel.clo{display:block;cursor:pointer;color:#fff;margin:0 0 14px;font-weight:700}
  .menublabel.clo .liwte{position:absolute;right:14px;left:auto;top:14px}
  .menublabel.clo .line.line-1{transform:rotate(45deg);position:absolute;top:8px;left:0}
  .menublabel.clo .line.line-2{transform:rotate(-45deg);position:absolute;top:8px;left:0}
  .navmenu .linkm li{float:none;margin-bottom:4px}
  .navmenu .nav .navsiteta a{background:rgba(255,255,255,.07)!important;display:block;padding:10px 12px;height:auto;color:#ccc!important;margin:0;border-radius:5px;border:0!important}
  .navmenu .nav .navsiteta a:hover{background:rgba(255,255,255,.14)!important;color:#fff!important}
  #telegramme{border-radius:0;bottom:0;right:0;width:100%}
  #telegramme p{display:none}
}
@media screen and (min-width:1001px){.mob-hide{display:none!important}}

/* RESPONSIVE MATCHES */
@media(max-width:768px){
  .match-container>a{grid-template-columns:1fr 140px 1fr;padding:22px 18px 0}
  .team-logo{width:58px;height:58px}
  .team-logo img{width:46px;height:46px}
  .team-name{font-size:13px;max-width:110px}
  .match-timing>div:not([class]),.match-timing>div.match-time-val{font-size:16px}
  .result{font-size:20px}
  .match-container .match-info{padding:8px 0 10px}
}
@media(max-width:540px){
  .match-container>a{grid-template-columns:1fr 90px 1fr;padding:18px 12px 0;align-items:center}
  /* Stack teams vertically with perfect logo alignment */
  .match-container .right-team{flex-direction:column;gap:5px;align-items:center;justify-content:center}
  .match-container .left-team{flex-direction:column;gap:5px;align-items:center;justify-content:center}
  .match-container .right-team .team-logo,.match-container .right-team .team-name{order:unset}
  .match-container .left-team .team-logo,.match-container .left-team .team-name{order:unset}
  .match-container .right-team .team-name,.match-container .left-team .team-name{text-align:center}
  .team-logo{width:48px!important;height:48px!important}
  .team-logo img{width:38px!important;height:38px!important}
  .team-name{font-size:11px;max-width:80px}
  .result{font-size:16px;letter-spacing:3px}
  .match-timing>div:not([class]),.match-timing>div.match-time-val{font-size:14px}
  .match-container .match-info li{font-size:10px;padding:0 3px;gap:2px}
  .match-container .match-info li::before{font-size:10px}
}

/* RESPONSIVE NEWS */
@media(max-width:768px){.blogpost .grid-posts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:400px){.blogpost .grid-posts{grid-template-columns:repeat(1,1fr)}}

/* RESPONSIVE FOOTER */
@media(max-width:900px){.FW-Area .footer-widget,.fo-section{width:50%}}
@media(max-width:480px){.FW-Area .footer-widget,.fo-section{width:100%}}

/* ===== HEADER NAV FIX ===== */

/* navmenu = flex row: nav links | dark toggle | hamburger */
.navmenu {
  display: flex !important;
  align-items: center !important;
  flex: 1 !important;
  justify-content: flex-end !important;
  gap: 4px !important;
  position: relative !important;
}

/* Desktop nav links */
.navsiteta.nav {
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  float: none !important;
}
.navsiteta.nav li { float: none !important; display: flex !important; }
.navsiteta.nav a {
  color: #444 !important;
  padding: 0 11px !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center !important;
  height: 60px !important;
  white-space: nowrap !important;
  border-bottom: 2px solid transparent !important;
  transition: all .2s !important;
}
.navsiteta.nav a:hover { color: var(--text) !important; border-bottom-color: var(--gold) !important; }
.Night .navsiteta.nav a { color: #bbb !important; }
.Night .navsiteta.nav a:hover { color: #fff !important; }

/* Dark mode toggle — always in header */
.hdr-dark {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,.08) !important;
  cursor: pointer !important;
  border: 1px solid #ddd !important;
  flex-shrink: 0 !important;
}
.Night .hdr-dark { background: rgba(255,255,255,.15) !important; border-color: transparent !important; }
.hdr-dark .icon.dnmoi { width: 14px !important; height: 14px !important; }

/* Hamburger — hidden on desktop */
.menublabel.op { display: none !important; }
#menubtn { position: absolute; visibility: hidden; }

/* Mobile drawer — hidden by default */
.nav.linkm {
  position: fixed !important;
  top: 0 !important;
  left: -300px !important;
  right: auto !important;
  width: 260px !important;
  height: 100vh !important;
  background: #1a2535 !important;
  z-index: 9999 !important;
  padding: 16px !important;
  transition: left .3s ease !important;
  overflow-y: auto !important;
  box-shadow: 2px 0 16px rgba(0,0,0,.4) !important;
}
.Night .nav.linkm { background: #0d1420 !important; }
#menubtn:checked ~ .nav.linkm { left: 0 !important; }

/* Drawer nav links — stack vertically */
.navsiteta.mob-nav { padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 4px !important; }
.navsiteta.mob-nav li { display: block !important; float: none !important; width: 100% !important; margin-bottom: 0 !important; }
.nav.linkm li { display: block !important; float: none !important; width: 100% !important; }
.nav.linkm ul { display: flex !important; flex-direction: column !important; gap: 4px !important; padding: 0 !important; list-style: none !important; }
.navsiteta.mob-nav a {
  background: rgba(255,255,255,.07) !important;
  display: block !important;
  padding: 10px 12px !important;
  height: auto !important;
  color: #ccc !important;
  margin: 0 !important;
  border-radius: 5px !important;
  border: 0 !important;
  font-size: 13px !important;
  white-space: normal !important;
}
.navsiteta.mob-nav a:hover { background: rgba(255,255,255,.14) !important; color: #fff !important; }

/* Close button inside drawer */
.menublabel.clo {
  display: none;
  cursor: pointer;
  color: #fff;
  margin: 0 0 16px;
  font-weight: 700;
  position: relative;
  min-height: 40px;
  padding-left: 40px;
}
.menublabel.clo .liwte { position: absolute; right: 8px; top: 10px; }
.menublabel.clo .line.line-1 { transform: rotate(45deg); position: absolute; top: 8px; left: 0; }
.menublabel.clo .line.line-2 { transform: rotate(-45deg); position: absolute; top: 8px; left: 0; }

/* ===== MOBILE — show hamburger, hide desktop nav ===== */
@media screen and (max-width: 1000px) {
  .navsiteta.nav { display: none !important; }
  .menublabel.op {
    display: flex !important;
    position: absolute !important;
    left: 12px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 34px !important;
    height: 34px !important;
    background: rgba(0,0,0,.08) !important;
    border-radius: 6px !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 10 !important;
  }
  .Night .menublabel.op { background: rgba(255,255,255,.1) !important; }
  /* Dark mode toggle stays visible — move it right of hamburger */
  .hdr-dark {
    position: absolute !important;
    left: 54px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  /* Logo centered */
  .navbar-brand {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
  }
  .navmenu { position: static !important; }
  /* Show close button in drawer */
  .menublabel.clo { display: block !important; }
  /* Liwte lines in drawer */
  .nav.linkm .liwte .line { background: #fff !important; }
}

/* ===== FOOTER COLUMNS — 2 per row on mobile ===== */
@media (max-width: 900px) {
  .FW-Area .footer-widget { width: 50% !important; }
  .fo-section { width: 50% !important; }
}
@media (max-width: 480px) {
  /* 2 columns side by side even on small screens */
  .FW-Area .footer-widget { width: 50% !important; padding: 16px 10px 16px !important; }
  .fo-section { width: 50% !important; padding: 16px 10px 16px !important; }
  .FW-Title .title, .fo-title { font-size: 13px !important; }
  .footer-widget ul.menu li a, .fo-section li a { font-size: 12px !important; line-height: 1.8 !important; }
}

/* ===== اللون الرئيسي رمادي ===== */
:root {
  --gold: #888888;
  --blue: #555555;
}
.menu-section { border-bottom-color: #888 !important; }
.Night .menu-section { border-bottom-color: #666 !important; }
.section-title::before { background: #888 !important; }
.news-title-text::before { background: #888 !important; }
.FW-Title { border-bottom-color: #888 !important; }
.fo-title { border-bottom-color: #888 !important; }
.tabs-header .nav-tabs li:nth-child(1) a { background: #7a6a1e !important; }
.tabs-header .nav-tabs li:nth-child(2) a { background: #8b2222 !important; }
.tabs-header .nav-tabs li:nth-child(3) a { background: #2a3a5a !important; }
.copy-rights a { color: #aaa !important; }

/* ===== موبايل: زر القائمة يمين، dark mode يسار ===== */
@media screen and (max-width: 1000px) {
  /* زر القائمة على اليمين */
  .menublabel.op {
    left: auto !important;
    right: 12px !important;
    transform: translateY(-50%) !important;
  }
  /* أيقونة الوضع الليلي على اليسار */
  .hdr-dark {
    left: 12px !important;
    right: auto !important;
    transform: translateY(-50%) !important;
  }
  /* اللوجو في المنتصف */
  .navbar-brand {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  /* الـ drawer يفتح من اليمين */
  .nav.linkm {
    left: auto !important;
    right: -300px !important;
    transition: right .3s ease !important;
    box-shadow: -2px 0 16px rgba(0,0,0,.4) !important;
  }
  #menubtn:checked ~ .nav.linkm {
    right: 0 !important;
    left: auto !important;
  }
  /* زر الإغلاق يكون على اليسار داخل الـ drawer */
  .menublabel.clo .liwte {
    left: 14px !important;
    right: auto !important;
  }
}

/* ===== Global Matches Bar ===== */
.global-matches-bar {
  background: var(--body);
  padding: 12px 0 0;
}
.global-matches-bar .panel.panel-default { margin-bottom: 0; }
/* On matches pages — hide global bar, show page's own tabs */
body.page-template-matches-today .global-matches-bar,
body.page-template-matches-yesterday .global-matches-bar,
body.page-template-matches-tomorrow .global-matches-bar { display: none !important; }

/* Global albaflex — compact version */
.global-albaflex { max-height: 400px; overflow-y: auto; }
.global-albaflex .match-container { border-radius: 0 !important; }
.global-albaflex .match-container:first-child { border-radius: 8px 8px 0 0 !important; }
.global-albaflex .match-container:last-child { border-radius: 0 0 8px 8px !important; }

/* under-header only from header.php (not duplicated on match pages) */
.under-header { display: block !important; height: 20px; background: transparent; border: none; }

/* ===== الفوتر كله نفس لون الموقع ===== */
footer#AYaFooter,
footer,
.footer-links-bar,
.foot-bar {
  background: #ffffff !important;
  color: #1a1a1a !important;
}
.Night footer#AYaFooter,
.Night footer,
.Night .footer-links-bar,
.Night .foot-bar {
  background: #1a1a1a !important;
}
.footer-links-bar { border-top: 1px solid rgba(255,255,255,.2) !important; }
.foot-bar { border-top: 1px solid rgba(255,255,255,.2) !important; }
.copy-rights { color: #1a1a1a !important; }
.copy-rights a { color: #1a1a1a !important; }
.copy-rights a:hover { color: #000 !important; }
.footer-flat-menu li a { color: #222 !important; }
.footer-flat-menu li a:hover { color: #000 !important; }
.footer-widget ul.menu li a { color: #222 !important; }
.fo-section li a { color: #222 !important; }

/* Lazy load for match logos */
.team-logo img.lazy-load { opacity: 0; transition: opacity .5s ease; }
.team-logo img.lazy-load.loaded { opacity: 1; }

/* ===== CUSTOM FIXES ===== */

/* خلفية الموقع #ffffff */
body { background: #ffffff !important; }
.global-matches-bar { background: #ffffff; }
.foot-bar .copy-rights, .foot-bar .copy-rights a { color: #1a1a1a !important; }
.footer-widget .widgettitle, .footer-widget h2, .footer-widget h3 { color: #1a1a1a !important; }

/* عنوان أهم مباريات بالأحمر الغامق */
.section-title-matches {
  font-size: 17px !important;
  font-weight: 900 !important;
  color: #16A34A !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
}
.section-title-matches::before {
  content: '' !important;
  display: inline-block !important;
  width: 5px !important;
  height: 20px !important;
  background: #16A34A !important;
  border-radius: 2px !important;
  flex-shrink: 0 !important;
}

/* كاردات بمقاس موحد - ارتفاع أكبر */
.match-container > a {
  min-height: 150px !important;
  padding: 26px 24px 0 !important;
  box-sizing: border-box !important;
}

/* لوجوهات بمحاذاة ثابتة على كل الشاشات */
.match-container .right-team,
.match-container .left-team {
  align-items: center !important;
}

/* الفاصل الأبيض بين المباريات */
.albaflex { gap: 10px !important; }
.match-container { border: 2px solid #fff !important; }
.Night .match-container { background: var(--card) !important; border-color: var(--border) !important; }
.Night .match-container:hover { background: #21262d !important; }

/* فاصل المعلومات أبيض */
.match-container .match-info { border-top: 2px solid #fff !important; }
.Night .match-container .match-info { border-top-color: var(--border) !important; }
.match-container .match-info li { border-right-color: rgba(255,255,255,.7) !important; color: #333 !important; }
.match-container .match-info li span { color: #333 !important; }
.Night .match-container .match-info li { border-right-color: var(--border) !important; color: var(--muted) !important; }
.Night .match-container .match-info li span { color: var(--muted) !important; }

/* لوجو الفريق: خلفية بيضاء واضحة */
.team-logo { background: #fff !important; border: 2px solid rgba(255,255,255,.9) !important; }

/* محاذاة اللوجوهات على الموبايل - ضمان alignment */
@media(max-width:540px) {
  .match-container > a {
    display: grid !important;
    grid-template-columns: 1fr 90px 1fr !important;
    align-items: center !important;
  }
  .match-container .right-team {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .match-container .left-team {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .team-logo {
    width: 46px !important;
    height: 46px !important;
    margin: 0 auto !important;
  }
  .team-logo img {
    width: 36px !important;
    height: 36px !important;
  }
  .match-container .match-info li::before { font-size: 9px !important; }
}


/* ===== MATCHES TITLE BAR - New Design ===== */
.matches-title-bar {
  width: 100%;
  background: #16A34A;
  color: #fff !important;
  font-size: 18px;
  font-weight: 900;
  text-align: center;
  padding: 14px 20px;
  border-radius: 6px 6px 0 0;
  letter-spacing: .4px;
  display: block;
}

.matches-tabs-row {
  background: #ffffff;
  border: 2px solid #16A34A;
  border-top: none;
  border-radius: 0 0 6px 6px;
  padding: 10px 14px;
}

.matches-tabs-row .nav-tabs {
  display: flex;
  gap: 8px;
  border: none;
  justify-content: center;
}

.matches-tabs-row .nav-tabs li { flex: none; margin: 0; }

.matches-tabs-row .nav-tabs li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  font-size: 13px;
  font-weight: 700;
  border-radius: 5px;
  border: none;
  white-space: nowrap;
  color: #fff !important;
}

/* أمس = ذهبي، اليوم = أحمر، الغد = أزرق — نفس الصورة */
.matches-tabs-row .nav-tabs li:nth-child(3) a { background: #b8860b; }
.matches-tabs-row .nav-tabs li:nth-child(2) a { background: #c0392b; }
.matches-tabs-row .nav-tabs li:nth-child(1) a { background: #1a3a6e; }

.matches-tabs-row .nav-tabs li a:hover { opacity: .85; }

.box-title { padding: 0; background: transparent; border: none; }

/* إخفاء section-title-matches القديم داخل صفحات المباريات */
.matches-page-container .section-title-matches { display: none !important; }
.matches-page-container .tabs-header { display: none !important; }


.wp-block-rank-math-toc-block nav ol{counter-reset:item}.wp-block-rank-math-toc-block nav ol li{display:block}.wp-block-rank-math-toc-block nav ol li:before{content:counters(item, ".") ". ";counter-increment:item}
.wp-block-button__link{color:#fff;background-color:#1a6fd4;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#1a6fd4;color:#fff;text-decoration:none}
.match-container.commingsoon{border-bottom:1px solid #eef0f4 !important;}