📄 كود القالب — نسخة العميل النظيفة

بدون إعلانات أو أسماء مواقع — الحماية شغالة
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<link href='https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&amp;display=swap' rel='stylesheet'/>

<b:skin><![CDATA[
/*
<Variable name="accentColor"  description="اللون المميز" type="color" default="#e03322" value="#e03322"/>
<Variable name="headerColor"  description="لون الهيدر الأساسي" type="color" default="#0f1419" value="#0f1419"/>
<Variable name="headerColor2" description="لون الهيدر المتدرج" type="color" default="#1a2530" value="#1a2530"/>
<Variable name="bgColor"      description="لون خلفية الصفحة" type="color" default="#eef0f3" value="#eef0f3"/>
<Variable name="cardColor"    description="لون البطاقات" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="inkColor"     description="لون النص" type="color" default="#16202a" value="#16202a"/>
<Variable name="liveColor"    description="لون المباشر" type="color" default="#e03322" value="#e03322"/>
<Variable name="channelColor" description="لون القناة" type="color" default="#0a8f3c" value="#0a8f3c"/>
*/

*{box-sizing:border-box;margin:0;padding:0}
:root{
  --accent:$(accentColor);--head1:$(headerColor);--head2:$(headerColor2);
  --bg:$(bgColor);--card:$(cardColor);--ink:$(inkColor);
  --live:$(liveColor);--channel:$(channelColor);
  --muted:#7a8794;--line:#e6e9ed;--radius:14px;
  --shadow:0 4px 24px rgba(16,32,42,.07);--shadowHover:0 10px 28px rgba(16,32,42,.12);
}
/* ===== الوضع الليلي ===== */
html[data-theme='dark']{
  --bg:#0e1217;--card:#19212b;--ink:#e7edf3;--muted:#8b97a4;--line:#27313d;
  --shadow:0 4px 24px rgba(0,0,0,.35);--shadowHover:0 10px 28px rgba(0,0,0,.5);
}
html{transition:background .3s;overflow-x:hidden;max-width:100%}
body{font-family:Cairo,system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5;transition:background .3s,color .3s;overflow-x:hidden;max-width:100%;position:relative}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px;overflow-x:clip}
/* أمان ضد الطفح الأفقي على أي عنصر مضمّن (بطاقات، إعلانات، فيديوهات) */
.postBody,.singlePost,.mainGrid,.matchesCard{max-width:100%;overflow-x:hidden;min-width:0}
.postBody *{max-width:100%}
.clearfix::after{content:"";display:table;clear:both}

/* ============ HEADER ============ */
.siteHeader{background:linear-gradient(135deg,var(--head1),var(--head2));color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 20px rgba(0,0,0,.15)}
.headTop{display:flex;align-items:center;gap:16px;padding:12px 0}
.logo{display:flex;align-items:center;font-size:22px;font-weight:900;color:#fff;white-space:nowrap}
.logo .dot{width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(224,51,34,.25);animation:pulse 1.6s infinite}
.logo img{width:auto;display:block}
.logo .logoText{display:flex;align-items:center;gap:10px}
@keyframes pulse{50%{opacity:.5}}
.headTop .spacer{flex:1}

.themeToggle{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;cursor:pointer;
  width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0}
.themeToggle:hover{background:rgba(255,255,255,.2)}
.themeToggle .moon{display:block}
.themeToggle .sun{display:none}
html[data-theme='dark'] .themeToggle .moon{display:none}
html[data-theme='dark'] .themeToggle .sun{display:block}

.searchBox{position:relative;display:flex;align-items:center}
.searchBox form{position:relative;display:flex;align-items:center;width:100%}
.searchBox input{width:230px;max-width:46vw;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);
  color:#fff;border-radius:30px;padding:9px 18px 9px 42px;font-family:inherit;font-size:14px;outline:none;transition:.2s}
.searchBox input::placeholder{color:rgba(255,255,255,.6)}
.searchBox input:focus{background:rgba(255,255,255,.16);border-color:var(--accent);width:260px}
.searchBox button{position:absolute;left:14px;top:50%;transform:translateY(-50%);background:none;border:0;color:rgba(255,255,255,.75);cursor:pointer;display:flex;align-items:center}

.menuToggle{display:none;background:none;border:0;color:#fff;cursor:pointer;padding:4px}

/* nav */
.mainNav{background:rgba(0,0,0,.18);border-top:1px solid rgba(255,255,255,.07)}
.mainNav ul{list-style:none;display:flex;flex-wrap:wrap;align-items:center}
.mainNav li a{display:block;padding:13px 18px;font-size:14.5px;font-weight:700;color:rgba(255,255,255,.82);
  border-bottom:3px solid transparent;transition:.15s}
.mainNav li a:hover{color:#fff;background:rgba(255,255,255,.06)}
.mainNav li.active a{color:#fff;border-bottom-color:var(--accent)}

/* ============ LAYOUT GRID ============ */
.mainGrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding:24px 0}
.mainGrid>*{min-width:0}
.sectionTtl{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:19px;font-weight:800}
.sectionTtl::before{content:"";width:5px;height:22px;background:var(--accent);border-radius:3px}
.sectionTtl a{color:inherit}

/* ============ FEATURED SLIDER ============ */
.featSlider{position:relative;border-radius:var(--radius);overflow:hidden;margin-bottom:26px;box-shadow:var(--shadow);background:#000}
.featTrack{display:flex;transition:transform .5s ease}
.featSlide{position:relative;min-width:100%;aspect-ratio:21/9;overflow:hidden}
.featSlide img{width:100%;height:100%;object-fit:cover}
.featSlide .ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 55%,transparent 100%)}
.featSlide .cap{position:absolute;right:0;left:0;bottom:0;padding:26px 24px;color:#fff}
.featSlide .cap .lbl{display:inline-block;background:var(--accent);font-size:11px;font-weight:800;padding:3px 12px;border-radius:20px;margin-bottom:10px}
.featSlide .cap h3{font-size:22px;font-weight:800;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.featDots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:3}
.featDots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:.2s}
.featDots span.on{background:#fff;width:22px;border-radius:5px}
.featArrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.4);border:0;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;transition:.2s}
.featArrow:hover{background:var(--accent)}
.featArrow.prev{right:14px}
.featArrow.next{left:14px}

/* ============ MATCHES WIDGET ============ */
.matchesCard{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-bottom:18px;animation:fadeUp .5s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.mHead{background:linear-gradient(135deg,var(--head1),var(--head2));color:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.mHead h2{font-size:17px;font-weight:800}
.mHead .ttlLeft{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.mHead .upd{font-size:11px;color:rgba(255,255,255,.6)}
.mHead .geo{font-size:12px;background:rgba(255,255,255,.13);border-radius:14px;padding:2px 10px;display:none}
.mHead .geo.show{display:inline-block}
.mHead .geo .flg{font-size:15px;margin-left:5px;vertical-align:-1px}

/* admin button (opens admin.php on your server) */
.adminBar{display:flex;justify-content:flex-end;margin-bottom:18px}
.adminBtn{display:inline-flex;align-items:center;gap:7px;background:var(--card);color:var(--muted);border:1px solid var(--line);
  border-radius:30px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:.15s}
.adminBtn:hover{color:var(--accent);border-color:var(--accent)}

.mTabs{display:flex;background:rgba(0,0,0,.04);border-bottom:1px solid var(--line)}
.mTabs button{flex:1;background:none;border:0;color:var(--muted);font-family:inherit;font-size:14px;font-weight:700;padding:12px 4px;cursor:pointer;border-bottom:3px solid transparent;transition:.15s}
.mTabs button:hover{color:var(--ink)}
.mTabs button.on{color:var(--accent);border-bottom-color:var(--accent)}
.mDateWrap{position:relative;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:700;padding:0 14px;cursor:pointer;white-space:nowrap}
.mDateWrap input[type=date]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;font-size:16px;background:transparent}

/* ===== بطاقة المباراة داخل المقالات ===== */
.kl-match{max-width:460px;margin:18px auto;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);font-family:Cairo,sans-serif}
.kl-match .klc-head{background:linear-gradient(135deg,var(--head1),var(--head2));color:#fff;padding:10px 16px;font-size:13px;font-weight:800;text-align:center}
.kl-match .klc-body{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:18px 14px}
.kl-match .klc-team{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.kl-match .klc-team img{width:54px;height:54px;object-fit:contain}
.kl-match .klc-team p{font-size:14px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.kl-match .klc-mid{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:80px}
.kl-match .klc-time{font-size:22px;font-weight:800;direction:ltr}
.kl-match .klc-score{direction:ltr;font-size:24px;font-weight:900;display:flex;align-items:center;gap:10px}
.kl-match .klc-score span{font-size:13px;color:var(--muted)}
.kl-match .klc-live{background:var(--live);color:#fff;border-radius:5px;padding:3px 12px;font-size:12px;font-weight:800;animation:pulse 1.2s infinite}
.kl-match .klc-fin{background:rgba(0,0,0,.07);color:#555;border-radius:5px;padding:3px 12px;font-size:12px;font-weight:700}
.kl-match .klc-geo{font-size:10.5px;color:var(--muted);font-weight:700;margin-top:2px;white-space:nowrap}
.kl-match .klc-geo .klc-flg{font-size:13px;margin-left:3px;vertical-align:-1px}
.kl-match .klc-ch{text-align:center;font-size:13px;color:var(--channel);font-weight:700;padding:0 14px 14px}
.kl-match .klc-load{padding:30px;text-align:center;color:var(--muted);font-size:13px}

.tourName{background:rgba(0,0,0,.035);font-size:13.5px;font-weight:800;padding:9px 16px;border-right:4px solid var(--accent)}
.match{display:grid;grid-template-columns:minmax(0,1fr) 116px minmax(0,1fr);align-items:center;gap:6px;padding:13px 12px;border-bottom:1px solid var(--line);position:relative}
a.match{transition:background .15s}
a.match:hover{background:rgba(0,0,0,.02)}
/* طبقة الـ hover (للماتشات اللي ليها لينك) */
.match .watchOv{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(224,51,34,.32);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
  opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s;z-index:3}
a.match:hover .watchOv{opacity:1;visibility:visible}
.match .watchBtn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--accent);
  font-weight:800;font-size:14px;padding:11px 22px;border-radius:30px;box-shadow:0 6px 20px rgba(0,0,0,.25);
  transform:translateY(8px);transition:transform .22s}
a.match:hover .watchBtn{transform:translateY(0)}
.match .watchBtn svg{width:17px;height:17px}
.match .team{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}
.match .team img{width:46px;height:46px;object-fit:contain}
.match .team p{font-size:13px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.mid{display:flex;flex-direction:column;align-items:center;gap:5px}
.mid .liveDot{background:var(--live);color:#fff;border-radius:5px;padding:3px 11px;font-size:11px;font-weight:800;animation:pulse 1.2s infinite}
.mid .fin{background:rgba(0,0,0,.07);color:#555;border-radius:5px;padding:3px 11px;font-size:11px;font-weight:700}
.mid .bigTime{font-size:20px;font-weight:800;direction:ltr}
.mid .score{direction:ltr;font-size:21px;font-weight:900;display:flex;align-items:center;gap:9px}
.mid .score span{font-size:12px;color:var(--muted)}
.match .channel{grid-column:1/-1;text-align:center;font-size:12px;color:var(--channel);font-weight:700;margin-top:2px}

.mMore{width:100%;background:none;border:0;border-top:1px solid var(--line);color:var(--accent);
  font-family:inherit;font-weight:800;font-size:14px;padding:14px;cursor:pointer;transition:.15s}
.mMore:hover{background:rgba(224,51,34,.05)}
.mMsg{padding:30px;text-align:center;color:var(--muted);font-size:14px}
.mLoader{padding:36px;text-align:center;color:var(--muted)}

/* two action buttons under the table */
.actionBtns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:30px}
.actionBtns a{display:flex;align-items:center;justify-content:center;gap:9px;padding:16px;border-radius:var(--radius);
  font-weight:800;font-size:15px;color:#fff;transition:transform .12s,box-shadow .12s}
.actionBtns a:hover{transform:translateY(-2px)}
.actionBtns .liveBtn{background:linear-gradient(135deg,#e03322,#b71c1c);box-shadow:0 6px 18px rgba(224,51,34,.3)}
.actionBtns .liveBtn .pin{width:9px;height:9px;border-radius:50%;background:#fff;animation:pulse 1.2s infinite}
.actionBtns .newsBtn{background:linear-gradient(135deg,var(--head1),var(--head2));box-shadow:0 6px 18px rgba(16,32,42,.25)}

/* ============ NEWS / POSTS ============ */
.postsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pCard{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:0 3px 16px rgba(16,32,42,.06);transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column}
.pCard:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(16,32,42,.12)}
.pThumb{position:relative;aspect-ratio:16/9;background:#dfe3e8;overflow:hidden}
.pThumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.pCard:hover .pThumb img{transform:scale(1.05)}
.pThumb .lbl{position:absolute;top:10px;right:10px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;padding:3px 11px;border-radius:20px}
.pThumb .liveTag{position:absolute;top:10px;right:10px;background:var(--live);color:#fff;font-size:11px;font-weight:800;padding:3px 11px;border-radius:20px;display:flex;align-items:center;gap:5px}
.pThumb .liveTag::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 1.2s infinite}
.pBody{padding:14px 15px;display:flex;flex-direction:column;gap:8px;flex:1}
.pBody h3{font-size:15.5px;font-weight:800;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pBody .meta{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--muted)}

/* ============ SIDEBAR ============ */
.sideCard{background:var(--card);border-radius:var(--radius);box-shadow:0 3px 16px rgba(16,32,42,.06);margin-bottom:22px;overflow:hidden}
.sideCard .sHead{padding:13px 16px;font-size:15px;font-weight:800;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px}
.sideCard .sHead::before{content:"";width:4px;height:18px;background:var(--accent);border-radius:3px}
.sideCard .sBody{padding:6px 0}
.catList a{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;font-size:14px;font-weight:700;border-bottom:1px solid var(--line);transition:.12s}
.catList a:last-child{border-bottom:0}
.catList a:hover{background:rgba(224,51,34,.04);color:var(--accent);padding-right:20px}
.catList a .cnt{background:rgba(0,0,0,.06);color:var(--muted);font-size:11px;font-weight:700;padding:1px 9px;border-radius:20px}
.popItem{display:flex;gap:11px;padding:11px 16px;border-bottom:1px solid var(--line);align-items:center}
.popItem:last-child{border-bottom:0}
.popItem .pn{width:40px;height:40px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#dfe3e8}
.popItem .pn img{width:100%;height:100%;object-fit:cover}
.popItem p{font-size:13px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ============ POST PAGE ============ */
.singlePost{background:var(--card);border-radius:var(--radius);padding:26px;box-shadow:0 4px 24px rgba(16,32,42,.07)}
.singlePost h1.pTitle{font-size:26px;font-weight:900;line-height:1.4;margin-bottom:14px}
.singlePost .pMeta{display:flex;gap:14px;color:var(--muted);font-size:13px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.postBody{font-size:16px;line-height:1.95}
.postBody img{border-radius:10px;margin:14px 0}
.postBody p{margin-bottom:14px}
.postBody h2,.postBody h3{margin:24px 0 12px;font-weight:800;line-height:1.5;position:relative;padding-right:14px}
.postBody h2::before,.postBody h3::before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:5px;height:70%;background:var(--accent);border-radius:3px}
.postBody h2{font-size:21px}.postBody h3{font-size:18px}
.postBody a{color:var(--accent);text-decoration:none;font-weight:700}
.postBody a:hover{text-decoration:underline}
.postBody blockquote{margin:18px 0;padding:14px 18px;background:var(--bg);border-right:4px solid var(--accent);border-radius:8px;color:var(--ink);font-style:normal}
.postBody ul,.postBody ol{margin:0 22px 16px 0;padding:0}
.postBody li{margin-bottom:8px}
.postBody table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14.5px}
.postBody th,.postBody td{padding:10px;border:1px solid var(--line);text-align:right}
.postBody th{background:var(--bg);font-weight:800}
.postBody iframe{max-width:100%;border-radius:10px;margin:14px 0}
/* صورة الكارت فقط: تظهر في الكروت/السلايدر/المشاركة وتختفي جوه المقال */
.postBody .thumb-only,.postBody img.thumb-only{display:none !important}
/* خانات الإعلانات */
.adSlot{margin:18px auto;text-align:center;overflow:hidden;max-width:100%}
.adSlot:empty{display:none}
.adSlot .adLabel{display:block;font-size:10px;color:var(--muted);letter-spacing:1px;margin-bottom:4px;text-transform:uppercase;opacity:.6}
.adSlot ins,.adSlot img,.adSlot iframe{max-width:100%}
.adWrap{background:var(--card);border-radius:var(--radius);padding:8px;margin:16px 0;box-shadow:0 2px 10px rgba(16,32,42,.04)}
.adWrap:empty{display:none}

/* pager */
.blog-pager{text-align:center;padding:24px 0}
.blog-pager a{display:inline-block;background:var(--card);padding:11px 24px;border-radius:30px;font-weight:800;color:var(--accent);box-shadow:0 3px 12px rgba(16,32,42,.08);margin:0 6px}

/* ============ FOOTER ============ */
.siteFooter{background:linear-gradient(135deg,var(--head1),var(--head2));color:rgba(255,255,255,.75);margin-top:30px;padding:34px 0 20px}
.footGrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;margin-bottom:24px}
.footGrid h4{color:#fff;font-size:16px;font-weight:800;margin-bottom:14px}
.footGrid a{display:block;color:rgba(255,255,255,.7);font-size:14px;padding:5px 0;transition:.12s}
.footGrid a:hover{color:var(--accent)}
.footBottom{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;text-align:center;font-size:13px}

/* widgets reset for Blogger default widgets in sidebar */
.sideCard .widget{margin:0}
.sideCard .widget-content{padding:6px 0}

@media (max-width:920px){
  .mainGrid{grid-template-columns:minmax(0,1fr)}
  .postsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footGrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:680px){
  .wrap{padding:0 12px}
  .menuToggle{display:block;order:3}
  .headTop{flex-wrap:wrap;gap:10px;padding:10px 0}
  .logo{order:1;font-size:19px;flex:1}
  .headTop .spacer{display:none}
  .menuToggle{order:2}
  .searchBox{order:4;width:100%;flex-basis:100%}
  .searchBox form{width:100%}
  .searchBox input{width:100%;max-width:100%}
  .searchBox input:focus{width:100%}
  .mainNav{display:none}
  .mainNav.open{display:block}
  .mainNav ul{flex-direction:column}
  .mainNav li a{padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
  .mainGrid{padding:16px 0;gap:16px}
  .postsGrid{grid-template-columns:1fr;gap:14px}
  .match{grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);padding:12px 8px}
  .mid .score,.mid .bigTime{font-size:17px}
  .match .team img{width:38px;height:38px}
  .match .team p{font-size:12px}
  .mHead{padding:12px 14px}
  .mHead h2{font-size:15px}
  .mTabs button{font-size:13px;padding:11px 2px}
  .mDateWrap{padding:0 10px}
  .actionBtns{grid-template-columns:1fr;gap:10px;margin-bottom:22px}
  .actionBtns a{padding:14px;font-size:14px}
  .sectionTtl{font-size:17px}
  .singlePost{padding:18px}
  .singlePost h1.pTitle{font-size:21px}
  .postBody{font-size:15.5px}
  .footGrid{grid-template-columns:1fr;gap:22px}
  .siteFooter{padding:26px 0 18px}
  .featSlide{aspect-ratio:16/10}
  .featSlide .cap{padding:18px 16px}
  .featSlide .cap h3{font-size:16px}
  .featArrow{width:34px;height:34px}
  .adminBtn{padding:7px 13px;font-size:12px}
}
@media (max-width:380px){
  .match{grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr)}
  .mid .score,.mid .bigTime{font-size:15px}
  .match .team img{width:34px;height:34px}
  .mTabs button{font-size:12px}
}
]]></b:skin>

</head>

<body>

<!-- ============ HEADER ============ -->
<header class='siteHeader'>
  <div class='wrap'>
    <div class='headTop'>
      <a class='logo' expr:href='data:blog.homepageUrl' id='siteLogo'>
        <img alt='' id='logoImg' style='display:none'/>
        <span class='logoText'>
          <span class='dot'/>
          <b:if cond='data:blog.title'><data:blog.title/><b:else/>كورة لايف</b:if>
        </span>
      </a>
      <div class='spacer'/>
      <button aria-label='الوضع الليلي' class='themeToggle' id='themeToggle' type='button'>
        <svg class='moon' fill='none' height='19' stroke='currentColor' stroke-width='2' viewBox='0 0 24 24' width='19'><path d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/></svg>
        <svg class='sun' fill='none' height='19' stroke='currentColor' stroke-width='2' viewBox='0 0 24 24' width='19'><circle cx='12' cy='12' r='5'/><line x1='12' x2='12' y1='1' y2='3'/><line x1='12' x2='12' y1='21' y2='23'/><line x1='4.22' x2='5.64' y1='4.22' y2='5.64'/><line x1='18.36' x2='19.78' y1='18.36' y2='19.78'/><line x1='1' x2='3' y1='12' y2='12'/><line x1='21' x2='23' y1='12' y2='12'/><line x1='4.22' x2='5.64' y1='19.78' y2='18.36'/><line x1='18.36' x2='19.78' y1='5.64' y2='4.22'/></svg>
      </button>
      <div class='searchBox'>
        <form expr:action='data:blog.searchUrl' method='get'>
          <input name='q' placeholder='ابحث عن خبر أو فريق...' type='text'/>
          <button aria-label='بحث' type='submit'>
            <svg fill='none' height='18' stroke='currentColor' stroke-width='2' viewBox='0 0 24 24' width='18'><circle cx='11' cy='11' r='8'/><line x1='21' x2='16.65' y1='21' y2='16.65'/></svg>
          </button>
        </form>
      </div>
      <button aria-label='القائمة' class='menuToggle' onclick='document.querySelector(&quot;.mainNav&quot;).classList.toggle(&quot;open&quot;)'>
        <svg fill='none' height='26' stroke='currentColor' stroke-width='2' viewBox='0 0 24 24' width='26'><line x1='3' x2='21' y1='6' y2='6'/><line x1='3' x2='21' y1='12' y2='12'/><line x1='3' x2='21' y1='18' y2='18'/></svg>
      </button>
    </div>
  </div>
  <nav class='mainNav'>
    <div class='wrap'>
      <b:section class='nav-sec' id='nav-links' maxwidgets='1' showaddelement='no'>
        <b:widget id='LinkList1' locked='false' title='القائمة' type='LinkList' version='2' visible='true'>
          <b:widget-settings>
            <b:widget-setting name='link-3'>/search/label/أخبار</b:widget-setting>
            <b:widget-setting name='sorting'>NONE</b:widget-setting>
            <b:widget-setting name='link-4'>/p/goals.html</b:widget-setting>
            <b:widget-setting name='text-1'>المباريات</b:widget-setting>
            <b:widget-setting name='link-1'>/</b:widget-setting>
            <b:widget-setting name='text-0'>الرئيسية</b:widget-setting>
            <b:widget-setting name='link-2'>/search/label/لايف</b:widget-setting>
            <b:widget-setting name='text-3'>أخبار</b:widget-setting>
            <b:widget-setting name='link-0'>/</b:widget-setting>
            <b:widget-setting name='text-2'>بث مباشر</b:widget-setting>
            <b:widget-setting name='text-4'>أهداف المباريات</b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>
            <ul>
              <b:loop values='data:links' var='link'>
                <li><a expr:href='data:link.target'><data:link.name/></a></li>
              </b:loop>
            </ul>
          </b:includable>
          <b:includable id='content'>
 <div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
 </div>
</b:includable>
        </b:widget>
      </b:section>
    </div>
  </nav>
</header>

<!-- ===== THEME DEFAULT (controlled from Layout: DARK=yes or DARK=no) ===== -->
<b:section class='theme-sec' id='theme-setting' maxwidgets='1' showaddelement='no'>
  <b:widget id='HTML13' locked='false' title='إعداد الوضع الليلي' type='HTML' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='content'>DARK=no</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
      <div class='themeCfg' expr:data-cfg='data:widget.contentSrc ? data:widget.contentSrc : data:content' style='display:none'/>
      <script>//<![CDATA[
      (function(){
        var el=document.querySelector('.themeCfg');
        if(!el) return;
        var raw=(el.getAttribute('data-cfg')||el.textContent||'').trim();
        var dark=false;
        raw.split(/\r?\n/).forEach(function(line){
          var i=line.indexOf('=');
          if(i>0 && line.slice(0,i).trim().toUpperCase()==='DARK'){
            dark = line.slice(i+1).trim().toLowerCase()==='yes';
          }
        });
        // الافتراضي حسب إعداد المالك، إلا لو الزائر اختار قبل كده
        var KEY='kl_theme', root=document.documentElement, saved;
        try{ saved=localStorage.getItem(KEY); }catch(e){}
        var theme = saved || (dark?'dark':'light');
        if(theme==='dark') root.setAttribute('data-theme','dark');
        else root.removeAttribute('data-theme');
      })();
      //]]></script>
    </b:includable>
  </b:widget>
</b:section>

<!-- ===== PROTECTION (controlled from Layout: PROTECT=yes/no) ===== -->
<b:section class='protect-sec' id='protect-setting' maxwidgets='1' showaddelement='no'>
  <b:widget id='HTML16' locked='false' title='إعداد الحماية' type='HTML' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='content'>PROTECT=yes</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
      <div class='protectCfg' expr:data-cfg='data:widget.contentSrc ? data:widget.contentSrc : data:content' style='display:none'/>
      <script>//<![CDATA[
      (function(){
        var el=document.querySelector('.protectCfg');
        if(!el) return;
        var raw=(el.getAttribute('data-cfg')||el.textContent||'').trim();
        var on=false;
        raw.split(/\r?\n/).forEach(function(line){
          var i=line.indexOf('=');
          if(i>0 && line.slice(0,i).trim().toUpperCase()==='PROTECT'){
            on = line.slice(i+1).trim().toLowerCase()==='yes';
          }
        });
        if(!on) return; // الحماية مقفولة

        // لا نفعّل داخل محرر/معاينة بلوجر
        var host=location.hostname;
        if(/(\.|^)blogger\.com$/.test(host) || /\.blogspot\.com$/.test(host) ||
           /\.bloggerusercontent\.com$/.test(host) || host==='' ||
           /[?&]bpli=|[?&]preview=/.test(location.search) ||
           window.location !== window.parent.location) return;

        // كليك يمين
        document.addEventListener('contextmenu', function(e){ e.preventDefault(); return false; });
        // اختصارات أدوات المطور والعرض والحفظ
        document.addEventListener('keydown', function(e){
          var k=(e.key||'').toLowerCase();
          if(e.key==='F12'){ e.preventDefault(); return false; }
          if(e.ctrlKey && e.shiftKey && (k==='i'||k==='j'||k==='c')){ e.preventDefault(); return false; } // devtools
          if(e.ctrlKey && (k==='u')){ e.preventDefault(); return false; } // view source
          if(e.ctrlKey && (k==='s')){ e.preventDefault(); return false; } // save
        });
        // منع تحديد النص والسحب
        document.addEventListener('selectstart', function(e){
          var t=e.target;
          // نسمح بالتحديد في الحقول (بحث مثلاً)
          if(t && (t.tagName==='INPUT'||t.tagName==='TEXTAREA'||t.isContentEditable)) return;
          e.preventDefault(); return false;
        });
        document.addEventListener('dragstart', function(e){ if(e.target&&e.target.tagName==='IMG'){ e.preventDefault(); } });

        // ===== كشف فتح أدوات المطور (بأي طريقة) والتحويل للصفحة الرئيسية =====
        var home = location.origin + '/';
        var redirected = false;
        function goHome(){
          if(redirected) return;
          redirected = true;
          try{ document.documentElement.innerHTML=''; }catch(e){}
          location.replace(home);
        }

        // الطريقة 1: فرق أبعاد النافذة (الأدوات بتاخد مساحة) — بعتبة كبيرة لتقليل الإنذار الكاذب
        var TH = 170;
        function checkSize(){
          var wDiff = window.outerWidth - window.innerWidth;
          var hDiff = window.outerHeight - window.innerHeight;
          // نتجاهل لو النافذة مكبّرة بشكل طبيعي أو على موبايل
          if(('ontouchstart' in window)) return; // الموبايل: مفيش أدوات بالشكل ده
          if(wDiff > TH || hDiff > TH){ goHome(); }
        }
        setInterval(checkSize, 1200);

        // الطريقة 2: فخ التوقيت (debugger بيبطّئ التنفيذ لما الأدوات مفتوحة)
        function checkDebugger(){
          var t0 = performance.now();
          // السطر ده بيوقف التنفيذ بس لو الأدوات مفتوحة
          (function(){ debugger; })();
          var t1 = performance.now();
          if(t1 - t0 > 200){ goHome(); }
        }
        setInterval(checkDebugger, 1500);
      })();
      //]]></script>
    </b:includable>
  </b:widget>
</b:section>

<!-- ===== SITE LOGO (controlled from Layout) ===== -->
<b:section class='logo-sec' id='logo-setting' maxwidgets='1' showaddelement='no'>
  <b:widget id='HTML14' locked='false' title='لوجو الموقع' type='HTML' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='content'>LOGO_URL=
HEIGHT=50
MODE=logo_and_text
GAP=10</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
      <div class='logoCfg' expr:data-cfg='data:widget.contentSrc ? data:widget.contentSrc : data:content' style='display:none'/>
      <script>//<![CDATA[
      (function(){
        var el=document.querySelector('.logoCfg');
        if(!el) return;
        var raw=(el.getAttribute('data-cfg')||el.textContent||'').trim();
        /* القيم الافتراضية */
        var cfg={LOGO_URL:'',HEIGHT:'38',MODE:'logo_and_text',GAP:'10'};
        raw.split(/\r?\n/).forEach(function(line){
          var i=line.indexOf('=');
          if(i>0){var k=line.slice(0,i).trim().toUpperCase();var v=line.slice(i+1).trim();if(k in cfg)cfg[k]=v;}
        });

        var logo=document.getElementById('siteLogo');
        var img=document.getElementById('logoImg');
        var txt=document.querySelector('.logoText');
        var mode=(cfg.MODE||'logo_and_text').toLowerCase();
        var h=parseInt(cfg.HEIGHT,10)||38;
        var gap=parseInt(cfg.GAP,10); if(isNaN(gap)) gap=10;

        if(logo) logo.style.gap=gap+'px';

        /* جهّز صورة اللوجو لو فيه رابط */
        if(img && cfg.LOGO_URL){
          img.src=cfg.LOGO_URL;
          img.style.height=h+'px';
          img.style.width='auto';
        }

        /* أوضاع العرض:
           logo_only      = اللوجو لوحده (شيل العنوان)
           text_only      = العنوان لوحده (شيل اللوجو)
           logo_and_text  = الاتنين جنب بعض */
        var showImg=false, showTxt=false;
        if(mode==='logo_only'){ showImg=!!cfg.LOGO_URL; showTxt=!cfg.LOGO_URL; }
        else if(mode==='text_only'){ showImg=false; showTxt=true; }
        else { showImg=!!cfg.LOGO_URL; showTxt=true; } /* logo_and_text */

        if(img) img.style.display = showImg ? 'block' : 'none';
        if(txt) txt.style.display = showTxt ? 'flex' : 'none';
      })();
      //]]></script>
    </b:includable>
  </b:widget>
</b:section>

<!-- ===== لينكات الماتشات (يحطها صاحب المدونة في التخطيط) ===== -->
<b:section class='links-sec' id='match-links' maxwidgets='1' showaddelement='no'>
  <b:widget id='HTML15' locked='false' title='لينكات الماتشات' type='HTML' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='content'># ضع كل لينك في سطر بالصيغة:  الكود=الرابط
# مثال:
# a1b2c3d4e5=https://yoursite.com/watch/123</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
      <div class='linksCfg' expr:data-cfg='data:widget.contentSrc ? data:widget.contentSrc : data:content' style='display:none'/>
      <script>//<![CDATA[
      (function(){
        var el=document.querySelector('.linksCfg');
        window.KL_LINKS = {}; // خريطة عامة: key -> url يستخدمها الجدول والبطاقات
        if(!el) return;
        var raw=(el.getAttribute('data-cfg')||el.textContent||'').trim();
        raw.split(/\r?\n/).forEach(function(line){
          line=line.trim();
          if(!line || line.charAt(0)==='#') return; // تجاهل الفاضي والتعليقات
          var i=line.indexOf('=');
          if(i>0){
            var k=line.slice(0,i).trim();
            var v=line.slice(i+1).trim();
            if(k && v) window.KL_LINKS[k]=v;
          }
        });
      })();
      //]]></script>
    </b:includable>
  </b:widget>
</b:section>

<div class='wrap'>
<div class='mainGrid'>

  <!-- ============ MAIN COLUMN ============ -->
  <main>

    <!-- ===== FEATURED SLIDER (homepage only) ===== -->
    <b:section class='feat-sec' id='featured-slider' maxwidgets='1' showaddelement='no'>
      <b:widget id='HTML11' locked='false' title='سلايدر الأخبار المميزة' type='HTML' version='2' visible='true'>
        <b:widget-settings>
          <b:widget-setting name='content'/>
        </b:widget-settings>
        <b:includable id='main'>
          <b:if cond='data:blog.url == data:blog.homepageUrl'>
            <div id='featSlider'/>
            <script>//<![CDATA[
            (function(){
              /* ===== إعدادات السلايدر ===== */
              var COUNT = 5;          // عدد الأخبار
              var LABEL = '';         // تصنيف معين؟ سيبه فاضي لكل الأخبار، أو حط مثلاً 'أخبار'
              /* ============================ */
              var box=document.getElementById('featSlider');
              var feed='/feeds/posts/default'+(LABEL?('/-/'+encodeURIComponent(LABEL)):'')+'?alt=json&max-results='+COUNT;

              function esc(s){return String(s==null?'':s).replace(/[&<>"']/g,function(c){return({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]);});}
              function bigify(u){ return u ? u.replace(/\/(s|w)\d+(-c)?\//,'/s1200/') : u; }
              function imgOf(e){
                var m='';
                if(e.media$thumbnail && e.media$thumbnail.url) m=bigify(e.media$thumbnail.url);
                if(!m && e.content && e.content.$t){var f=e.content.$t.match(/<img[^>]+src=["']([^"']+)["']/);if(f)m=f[1];}
                if(!m && e.summary && e.summary.$t){var g=e.summary.$t.match(/<img[^>]+src=["']([^"']+)["']/);if(g)m=g[1];}
                return m||'https://media.gemini.media/img/YK-Generic-team-logo.png';
              }
              function labelOf(e){return (e.category&&e.category.length)?e.category[0].term:'خبر';}
              function linkOf(e){for(var i=0;i<e.link.length;i++){if(e.link[i].rel==='alternate')return e.link[i].href;}return '#';}

              fetch(feed).then(function(r){return r.json();}).then(function(j){
                var posts=(j.feed.entry)||[];
                if(!posts.length){box.style.display='none';return;}
                var slides='';
                posts.forEach(function(e){
                  slides+='<a class="featSlide" href="'+esc(linkOf(e))+'"><img src="'+esc(imgOf(e))+'" alt=""/><div class="ov"></div><div class="cap"><span class="lbl">'+esc(labelOf(e))+'</span><h3>'+esc(e.title.$t)+'</h3></div></a>';
                });
                var dots='';for(var i=0;i<posts.length;i++)dots+='<span'+(i===0?' class="on"':'')+' data-i="'+i+'"></span>';
                box.innerHTML='<div class="featSlider"><div class="featTrack" id="featTrack">'+slides+'</div>'
                  +'<button class="featArrow prev" id="featPrev" aria-label="السابق"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2"><polyline points="9 18 15 12 9 6"/></svg></button>'
                  +'<button class="featArrow next" id="featNext" aria-label="التالي"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"/></svg></button>'
                  +'<div class="featDots" id="featDots">'+dots+'</div></div>';

                var track=document.getElementById('featTrack'), dotsEl=document.getElementById('featDots');
                var idx=0, n=posts.length, timer;
                function go(i){idx=(i+n)%n;track.style.transform='translateX('+(idx*100)+'%)';
                  [].forEach.call(dotsEl.children,function(d,k){d.classList.toggle('on',k===idx);});}
                function next(){go(idx+1);}
                document.getElementById('featNext').onclick=function(){next();reset();};
                document.getElementById('featPrev').onclick=function(){go(idx-1);reset();};
                [].forEach.call(dotsEl.children,function(d){d.onclick=function(){go(+d.getAttribute('data-i'));reset();};});
                function reset(){clearInterval(timer);timer=setInterval(next,5000);}
                reset();
              }).catch(function(){box.style.display='none';});
            })();
            //]]></script>
          </b:if>
        </b:includable>
      </b:widget>
    </b:section>

    <!-- ===== ADMIN BUTTON (controlled from Layout, hidden by default) ===== -->
    <b:section class='admin-sec' id='admin-button' maxwidgets='1' showaddelement='no'>
      <b:widget id='HTML12' locked='false' title='زر لوحة التحكم' type='HTML' version='2' visible='true'>
        <b:widget-settings>
          <b:widget-setting name='content'>SHOW=no
ADMIN_URL=https://g4game.store/jadwal/admin.php
TEXT=لوحة التحكم</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
          <b:if cond='data:blog.url == data:blog.homepageUrl'>
            <div class='adminHolder' expr:data-cfg='data:widget.contentSrc ? data:widget.contentSrc : data:content'/>
            <script>//<![CDATA[
            (function(){
              var holder=document.querySelector('.adminHolder');
              if(!holder) return;
              var raw=(holder.getAttribute('data-cfg')||holder.textContent||'').trim();
              holder.textContent='';
              var cfg={SHOW:'no',ADMIN_URL:'',TEXT:'لوحة التحكم'};
              raw.split(/\r?\n/).forEach(function(line){var i=line.indexOf('=');if(i>0){var k=line.slice(0,i).trim();var v=line.slice(i+1).trim();if(k in cfg)cfg[k]=v;}});
              if(cfg.SHOW.toLowerCase()!=='yes'||!cfg.ADMIN_URL) return;
              function esc(s){return String(s==null?'':s).replace(/[&<>"']/g,function(c){return({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]);});}
              holder.innerHTML='<div class="adminBar"><a class="adminBtn" href="'+esc(cfg.ADMIN_URL)+'" target="_blank" rel="noopener"><svg fill="none" height="15" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" width="15"><path d="M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>'+esc(cfg.TEXT)+'</a></div>';
            })();
            //]]></script>
          </b:if>
        </b:includable>
      </b:widget>
    </b:section>

    <!-- ===== MATCHES + ACTION BUTTONS (homepage only) ===== -->
    <b:section class='matches-sec' id='matches-widget' maxwidgets='1' showaddelement='no'>
      <b:widget id='HTML10' locked='false' title='جدول المباريات' type='HTML' version='2' visible='true'>
        <b:widget-settings>
          <b:widget-setting name='content'/>
        </b:widget-settings>
        <b:includable id='main'>
          <b:if cond='data:blog.url == data:blog.homepageUrl'>
            <div id='matchesApp'/>
            <div class='actionBtns'>
              <a class='liveBtn' href='/search/label/لايف'>
                <span class='pin'/> شاهد البث المباشر
              </a>
              <a class='newsBtn' href='/search/label/أخبار'>
                <svg fill='none' height='18' stroke='currentColor' stroke-width='2' viewBox='0 0 24 24' width='18'><path d='M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2'/><line x1='18' x2='12' y1='14' y2='14'/><line x1='18' x2='12' y1='18' y2='18'/></svg>
                آخر الأخبار
              </a>
            </div>

            <script>//<![CDATA[
            (function(){
              /* ====== عدّل السطرين دول لو حبيت ====== */
              var API = "https://g4game.store/jadwal/api.php";
              var LIMIT = 3; // عدد المباريات قبل زر "عرض الكل"
              /* ===================================== */
              var app = document.getElementById('matchesApp');
              app.innerHTML =
                '<div class="matchesCard">'
                + '<div class="mHead"><h2>مواعيد المباريات</h2>'
                +   '<div class="ttlLeft"><span class="geo" id="mGeo"></span><span class="upd" id="mUpd"></span></div></div>'
                + '<div class="mTabs">'
                +   '<button data-day="today" class="on">اليوم</button>'
                +   '<button data-day="tomorrow">غداً</button>'
                +   '<button data-day="yesterday">أمس</button>'
                +   '<button data-day="live">مباشر</button>'
                +   '<label class="mDateWrap" title="اختر تاريخ"><svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg><span>تاريخ</span><input type="date" id="mDate"/></label>'
                + '</div>'
                + '<div id="mBody"><div class="mLoader">جاري التحميل...</div></div>'
                + '</div>';

              var curDay='today', curDate='', expanded=false, lastData=null, geo={tz:null,cc:null,country:null};
              function esc(s){return String(s==null?'':s).replace(/[&<>"']/g,function(c){return({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]);});}
              function flag(cc){if(!cc||cc.length!==2)return'';return String.fromCodePoint.apply(null,[].map.call(cc.toUpperCase(),function(c){return 0x1F1E6+c.charCodeAt(0)-65;}));}

              function detectGeo(){
                var svc=[{u:'https://ipwho.is/',p:function(j){return{tz:(j.timezone&&j.timezone.id)||j.timezone,cc:j.country_code,country:j.country};}},
                         {u:'https://ipapi.co/json/',p:function(j){return{tz:j.timezone,cc:j.country_code,country:j.country_name};}}];
                return svc.reduce(function(pr,s){return pr.then(function(d){if(d)return true;
                  return fetch(s.u).then(function(r){return r.json();}).then(function(j){var g=s.p(j);
                    if(g.tz&&g.cc){geo=g;var e=document.getElementById('mGeo');e.innerHTML='<span class="flg">'+flag(g.cc)+'</span>'+esc(g.country)+' — التوقيت المحلي';e.classList.add('show');return true;}return false;
                  }).catch(function(){return false;});});},Promise.resolve(false));
              }

              function timeOf(m){var t=esc(m.time);if(m.ts){try{var o={hour:'2-digit',minute:'2-digit',hour12:false};if(geo.tz)o.timeZone=geo.tz;t=new Date(m.ts*1000).toLocaleTimeString([],o);}catch(e){}}return t;}

              function render(){
                var box=document.getElementById('mBody');
                if(!lastData){return;}
                if(!lastData.length){box.innerHTML='<div class="mMsg">لا توجد مباريات'+(curDay==='live'?' مباشرة الآن':' في هذا اليوم')+'</div>';return;}
                var count=0, out='', truncated=false;
                for(var i=0;i<lastData.length;i++){
                  var tour=lastData[i], rows='';
                  for(var j=0;j<tour.matches.length;j++){
                    if(!expanded && count>=LIMIT){truncated=true;break;}
                    var m=tour.matches[j];
                    var mlink=m.link||((window.KL_LINKS&&window.KL_LINKS[m.key])?window.KL_LINKS[m.key]:'');
                    var tag=mlink?'a':'div', href=mlink?(' href="'+esc(mlink)+'" target="_blank" rel="noopener"'):'';
                    var mid = m.live?('<div class="score">'+esc(m.scoreA)+'<span>-</span>'+esc(m.scoreB)+'</div><span class="liveDot">مباشر</span>')
                          : m.finished?('<div class="score">'+esc(m.scoreA)+'<span>-</span>'+esc(m.scoreB)+'</div><span class="fin">انتهت</span>')
                          : ('<div class="bigTime">'+timeOf(m)+'</div>');
                    var ov = mlink ? '<div class="watchOv"><span class="watchBtn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polygon points="5 3 19 12 5 21 5 3"/></svg>شاهد المباراة</span></div>' : '';
                    rows+='<'+tag+' class="match"'+href+'><div class="team"><img src="'+esc(m.logoA)+'" onerror="this.style.visibility=\'hidden\'"/><p>'+esc(m.teamA)+'</p></div><div class="mid">'+mid+'</div><div class="team"><img src="'+esc(m.logoB)+'" onerror="this.style.visibility=\'hidden\'"/><p>'+esc(m.teamB)+'</p></div><div class="channel">'+esc(m.channel)+'</div>'+ov+'</'+tag+'>';
                    count++;
                  }
                  if(rows) out+='<div class="tourName">مباريات '+esc(tour.tournament)+'</div>'+rows;
                  if(truncated) break;
                }
                if((!expanded && totalCount()>LIMIT) || (expanded && totalCount()>LIMIT)){
                  out+='<button class="mMore" id="mMoreBtn">'+(expanded?'عرض أقل':'عرض كل المباريات')+'</button>';
                }
                box.innerHTML=out;
                var mb=document.getElementById('mMoreBtn');
                if(mb) mb.onclick=function(){expanded=!expanded;render();};
              }
              function totalCount(){var n=0;if(lastData)lastData.forEach(function(t){n+=t.matches.length;});return n;}

              function load(silent){
                var box=document.getElementById('mBody');
                if(!API){box.innerHTML='<div class="mMsg">لم يتم ضبط رابط الـ API.</div>';return;}
                if(!silent)box.innerHTML='<div class="mLoader">جاري التحميل...</div>';
                expanded=false;
                fetch(API+'?day='+curDay+(curDate?('&date='+curDate):'')+'&site='+encodeURIComponent(location.hostname)).then(function(r){return r.json();}).then(function(j){
                  if(!j.ok){box.innerHTML='<div class="mMsg">'+esc(j.msg||'حصل خطأ')+'</div>';return;}
                  var u=document.getElementById('mUpd');if(u)u.textContent='آخر تحديث: '+j.updated;
                  lastData=j.data;render();
                }).catch(function(){box.innerHTML='<div class="mMsg">تعذر الاتصال بالـ API.</div>';});
              }

              [].forEach.call(app.querySelectorAll('.mTabs button'),function(b){b.onclick=function(){
                [].forEach.call(app.querySelectorAll('.mTabs button'),function(x){x.classList.remove('on');});
                b.classList.add('on');curDay=b.getAttribute('data-day');curDate='';
                var d=document.getElementById('mDate');if(d){d.value='';app.querySelector('.mDateWrap span').textContent='تاريخ';}
                load();
              };});
              var dp=document.getElementById('mDate');
              if(dp)dp.onchange=function(e){if(!e.target.value)return;
                [].forEach.call(app.querySelectorAll('.mTabs button'),function(x){x.classList.remove('on');});
                curDay='today';curDate=e.target.value;app.querySelector('.mDateWrap span').textContent=e.target.value;load();};

              load();
              detectGeo().then(function(ok){if(ok)render();});
              setInterval(function(){load(true);},60000);
            })();
            //]]></script>
          </b:if>
        </b:includable>
      </b:widget>
    </b:section>

    <!-- ===== خانات الإعلانات (تتنقل لأماكنها حول المقال بالـ JS) ===== -->
    <b:section class='ad-sec' id='ad-top' maxwidgets='1' showaddelement='no'>
      <b:widget id='HTML20' locked='false' title='إعلان فوق المقال' type='HTML' version='2' visible='true'>
        <b:widget-settings>
          <b:widget-setting name='content'></b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'><div class='adSlot adTopSlot'><b:if cond='data:content != &quot;&quot;'><span class='adLabel'>إعلان</span></b:if><div class='adInner'><data:content/></div></div></b:includable>
      </b:widget>
    </b:section>
    <b:section class='ad-sec' id='ad-middle' maxwidgets='1' showaddelement='no'>
      <b:widget id='HTML21' locked='false' title='إعلان وسط المقال' type='HTML' version='2' visible='true'>
        <b:widget-settings>
          <b:widget-setting name='content'></b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'><div class='adSlot adMiddleSlot'><b:if cond='data:content != &quot;&quot;'><span class='adLabel'>إعلان</span></b:if><div class='adInner'><data:content/></div></div></b:includable>
      </b:widget>
    </b:section>
    <b:section class='ad-sec' id='ad-bottom' maxwidgets='1' showaddelement='no'>
      <b:widget id='HTML22' locked='false' title='إعلان تحت المقال' type='HTML' version='2' visible='true'>
        <b:widget-settings>
          <b:widget-setting name='content'></b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'><div class='adSlot adBottomSlot'><b:if cond='data:content != &quot;&quot;'><span class='adLabel'>إعلان</span></b:if><div class='adInner'><data:content/></div></div></b:includable>
      </b:widget>
    </b:section>

    <!-- ===== POSTS (news grid on home, single on item) ===== -->
    <b:section class='posts-sec' id='main-posts' showaddelement='no'>
      <b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog' version='2' visible='true'>
        <b:widget-settings>
          <b:widget-setting name='showDateHeader'>false</b:widget-setting>
          <b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
          <b:widget-setting name='showShareButtons'>true</b:widget-setting>
          <b:widget-setting name='showCommentLink'>true</b:widget-setting>
          <b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
          <b:widget-setting name='showAuthor'>false</b:widget-setting>
          <b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
          <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
          <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
          <b:widget-setting name='timestampLabel'/>
          <b:widget-setting name='reactionsLabel'/>
          <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
          <b:widget-setting name='style.layout'>1x1</b:widget-setting>
          <b:widget-setting name='showLabels'>true</b:widget-setting>
          <b:widget-setting name='showLocation'>true</b:widget-setting>
          <b:widget-setting name='postLabelsLabel'/>
          <b:widget-setting name='showTimestamp'>true</b:widget-setting>
          <b:widget-setting name='postsPerAd'>3</b:widget-setting>
          <b:widget-setting name='showBacklinks'>false</b:widget-setting>
          <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
          <b:widget-setting name='showInlineAds'>true</b:widget-setting>
          <b:widget-setting name='showReactions'>false</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>

          <b:if cond='data:blog.pageType == &quot;item&quot; or data:blog.pageType == &quot;static_page&quot;'>
            <!-- SINGLE POST / STATIC PAGE -->
            <b:loop values='data:posts' var='post'>
              <article class='singlePost'>
                <div class='adAnchor' id='adTopAnchor'/>
                <h1 class='pTitle'><data:post.title/></h1>
                <b:if cond='data:blog.pageType == &quot;item&quot;'>
                <div class='pMeta'>
                  <span><data:post.dateHeader/></span>
                  <b:if cond='data:post.labels'>
                    <span><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url'><data:label.name/></a><b:if cond='!data:label.isLast'>&#1548; </b:if></b:loop></span>
                  </b:if>
                </div>
                </b:if>
                <div class='postBody'><data:post.body/></div>
                <div class='adAnchor' id='adBottomAnchor'/>
              </article>
            </b:loop>

          <b:elseif cond='data:blog.searchLabel'/>
            <!-- LABEL / SEARCH RESULTS -->
            <h2 class='sectionTtl'><data:blog.pageName/></h2>
            <div class='postsGrid'>
              <b:loop values='data:posts' var='post'>
                <b:include data='post' name='postCard'/>
              </b:loop>
            </div>

          <b:else/>
            <!-- HOMEPAGE NEWS GRID -->
            <h2 class='sectionTtl'><a href='/search/label/أخبار'>آخر الأخبار الرياضية</a></h2>
            <div class='postsGrid'>
              <b:loop values='data:posts' var='post'>
                <b:include data='post' name='postCard'/>
              </b:loop>
            </div>
          </b:if>

          <!-- pager -->
          <b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'>
            <div class='blog-pager' id='blog-pager'>
              <b:if cond='data:olderPageUrl'><a class='blog-pager-older-link' expr:href='data:olderPageUrl'>مقالات أقدم</a></b:if>
              <b:if cond='data:newerPageUrl'><a class='blog-pager-newer-link' expr:href='data:newerPageUrl'>أحدث</a></b:if>
            </div>
          </b:if>

        </b:includable>
        <b:includable id='aboutPostAuthor'>
  <div class='author-name'>
    <a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
      <span>
        <data:post.author.name/>
      </span>
    </a>
  </div>
  <div>
    <span class='author-desc'>
      <data:post.author.aboutMe/>
    </span>
  </div>
</b:includable>
        <b:includable id='addComments'>
  <a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
    <b:message name='messages.postAComment'/>
  </a>
</b:includable>
        <b:includable id='commentAuthorAvatar'>
  <div class='avatar-image-container'>
    <img class='author-avatar' expr:src='data:comment.authorAvatarSrc' height='35' width='35'/>
  </div>
</b:includable>
        <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:messages.deleteComment'>
        <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
        <b:includable id='commentForm' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:messages.postAComment/></h4>
    <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
      <p><data:this.messages.blogComment/></p>
    </b:if>
    <b:include data='post' name='commentFormIframeSrc'/>
    <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: &quot;90px&quot;' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable>
        <b:includable id='commentFormIframeSrc' var='post'>
  <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
</b:includable>
        <b:includable id='commentItem' var='comment'>
  <div class='comment' expr:id='&quot;c&quot; + data:comment.id'>
    <b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>

    <div class='comment-block'>
      <div class='comment-author'>
        <b:if cond='data:comment.authorUrl'>
          <b:message name='messages.authorSaidWithLink'>
            <b:param expr:value='data:comment.author' name='authorName'/>
            <b:param expr:value='data:comment.authorUrl' name='authorUrl'/>
          </b:message>
        <b:else/>
          <b:message name='messages.authorSaid'>
            <b:param expr:value='data:comment.author' name='authorName'/>
          </b:message>
        </b:if>
      </div>
      <div expr:class='&quot;comment-body&quot; + (data:comment.isDeleted ? &quot; deleted&quot; : &quot;&quot;)'>
        <data:comment.body/>
      </div>
      <div class='comment-footer'>
        <span class='comment-timestamp'>
          <a expr:href='data:comment.url' title='comment permalink'>
            <data:comment.timestamp/>
          </a>
          <b:include data='comment' name='commentDeleteIcon'/>
        </span>
      </div>
    </div>
  </div>
</b:includable>
        <b:includable id='commentList' var='comments'>
  <div id='comments-block'>
    <b:loop values='data:comments' var='comment'>
      <b:include data='comment' name='commentItem'/>
    </b:loop>
  </div>
</b:includable>
        <b:includable id='commentPicker' var='post'>
  <b:if cond='data:post.showThreadedComments'>
    <b:include data='post' name='threadedComments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:includable>
        <b:includable id='comments' var='post'>
  <section expr:class='&quot;comments&quot; + (data:post.embedCommentForm ? &quot; embed&quot; : &quot;&quot;)' expr:data-num-comments='data:post.numberOfComments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>

      <b:include name='commentsTitle'/>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <b:include cond='data:post.comments' data='post.comments' name='commentList'/>
      </div>

      <b:if cond='data:post.commentPagingRequired'>
        <div class='paging-control-container'>
          <b:if cond='data:post.hasOlderLinks'>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
              <data:messages.oldest/>
            </a>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
              <data:messages.older/>
            </a>
          </b:if>

          <span class='comment-range-text'>
            <data:post.commentRangeText/>
          </span>

          <b:if cond='data:post.hasNewerLinks'>
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
              <data:messages.newer/>
            </a>
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
              <data:messages.newest/>
            </a>
          </b:if>
        </div>
      </b:if>

      <div class='footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='commentForm'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <b:include data='post' name='addComments'/>
          </b:if>
        </b:if>
      </div>
    </b:if>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
  </section>
</b:includable>
        <b:includable id='commentsTitle'>
  <h3 class='title'><data:messages.comments/></h3>
</b:includable>
        <b:includable id='feedLinks'>
  <b:if cond='!data:view.isPost'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>
  <b:else/> <!--Post feed links -->
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments and data:post.feedLinks'>
          <b:include data='post.feedLinks' name='feedLinksBody'/>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
        <b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:messages.subscribeTo/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
        <b:includable id='homePageLink'>
  <a class='home-link' expr:href='data:blog.homepageUrl'>
    <data:messages.home/>
  </a>
</b:includable>
        <b:includable id='iframeComments' var='post'>
  <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
</b:includable>
        <b:includable id='inlineAd' var='post'>
  <b:if cond='!data:view.isPreview'>
    <b:if cond='data:this.adCode or data:this.adClientId or data:blog.adsenseClientId'>
      <!-- Ad -->
      <div class='inline-ad'>
        <b:if cond='data:this.adCode != &quot;&quot;'>
          <data:this.adCode/>
        <b:else/>
          <b:include cond='data:this.adClientId or data:blog.adsenseClientId' name='defaultAdUnit'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <div class='inline-ad'>
      <div class='inline-ad-placeholder'>
        <span><b:message name='messages.adsGoHere'/></span>
      </div>
    </div>
  </b:if>
</b:includable>
        <b:includable id='nextPageLink'>
  <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:messages.olderPosts'>
    <data:messages.olderPosts/>
  </a>
</b:includable>
        <b:includable id='post' var='post'>
  <div class='post'>
    <b:include data='post' name='postMeta'/>
    <b:include data='post' name='postTitle'/>
    <b:include name='headerByline'/>
    <b:if cond='data:view.isSingleItem'>
      <b:include data='post' name='postBody'/>
    <b:else/>
      <b:include data='post' name='postBodySnippet'/>
      <b:include data='post' name='postJumpLink'/>
    </b:if>
    <b:include data='post' name='postFooter'/>
  </div>
</b:includable>
        <b:includable id='postBody' var='post'>
  <!-- If metaDescription is empty, use the post body as the schema.org description too, for G+/FB snippeting. -->
  <div class='post-body entry-content float-container' expr:id='&quot;post-body-&quot; + data:post.id'>
    <data:post.body/>
  </div>
</b:includable>
        <b:includable id='postBodySnippet' var='post'>
  <b:include data='post' name='postBody'/>
</b:includable>
        <b:includable id='postCard' var='post'>
          <a class='pCard' expr:href='data:post.url'>
            <div class='pThumb'>
              <b:if cond='data:post.featuredImage'>
                <img expr:alt='data:post.title' expr:src='data:post.featuredImage'/>
              <b:elseif cond='data:post.firstImageUrl'/>
                <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/>
              <b:else/>
                <img alt='' src='https://media.gemini.media/img/YK-Generic-team-logo.png' style='object-fit:contain;padding:24px'/>
              </b:if>
              <b:if cond='data:post.labels'>
                <b:loop values='data:post.labels' var='label'>
                  <b:if cond='data:label.name == &quot;لايف&quot;'>
                    <span class='liveTag'>مباشر</span>
                  </b:if>
                </b:loop>
                <b:loop values='data:post.labels' var='label'>
                  <b:if cond='data:label.isFirst and data:label.name != &quot;لايف&quot;'>
                    <span class='lbl'><data:label.name/></span>
                  </b:if>
                </b:loop>
              </b:if>
            </div>
            <div class='pBody'>
              <h3><data:post.title/></h3>
              <div class='meta'><span><data:post.date/></span></div>
            </div>
          </a>
        </b:includable>
        <b:includable id='postCommentsAndAd' var='post'>
  <article class='post-outer-container'>
    <!-- Post title and body -->
    <div class='post-outer'>
      <b:include data='post' name='post'/>
    </div>

    <!-- Comments -->
    <b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/>

    <!-- Show ad inside post container, after comments, if single item. -->
    <b:include cond='data:view.isSingleItem and data:post.includeAd' data='post' name='inlineAd'/>
  </article>

  <!-- Show ad outside post container (between posts) for feed pages. -->
  <b:include cond='data:view.isMultipleItems and data:post.includeAd' data='post' name='inlineAd'/>
</b:includable>
        <b:includable id='postCommentsLink'>
  <b:if cond='data:view.isMultipleItems'>
    <span class='byline post-comment-link container'>
      <b:include cond='data:post.commentSource != 1' name='commentsLink'/>
    </span>
  </b:if>
</b:includable>
        <b:includable id='postFooter' var='post'>
  <div class='post-footer'>
    <b:include name='footerBylines'/>
    <b:include data='post' name='postFooterAuthorProfile'/>
  </div>
</b:includable>
        <b:includable id='postFooterAuthorProfile' var='post'>
  <b:if cond='data:post.author.aboutMe and data:view.isPost'>
    <div class='author-profile'>
      <b:if cond='data:post.author.authorPhoto.url'>
        <img class='author-image' expr:src='data:post.author.authorPhoto.url' width='50px'/>
        <div class='author-about'>
          <b:include data='post' name='aboutPostAuthor'/>
        </div>
      <b:else/>
        <b:include data='post' name='aboutPostAuthor'/>
      </b:if>
    </div>
  </b:if>
</b:includable>
        <b:includable id='postHeader' var='post'>
  <b:include name='headerByline'/>
</b:includable>
        <b:includable id='postMeta' var='post'>
  <b:include data='post' name='postMetadataJSON'/>
</b:includable>
        <b:includable id='postPagination'>
  <div class='blog-pager container' id='blog-pager'>
    <b:include cond='data:newerPageUrl' name='previousPageLink'/>
    <b:include cond='data:olderPageUrl' name='nextPageLink'/>
    <b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/>
  </div>
</b:includable>
        <b:includable id='postTitle' var='post'>
  <a expr:name='data:post.id'/>
  <b:if cond='data:post.title != &quot;&quot;'>
    <h3 class='post-title entry-title'>
      <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
        <a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
    </h3>
  </b:if>
</b:includable>
        <b:includable id='previousPageLink'>
  <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:messages.newerPosts'>
    <data:messages.newerPosts/>
  </a>
</b:includable>
        <b:includable id='threadedCommentForm' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:messages.postAComment/></h4>
    <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
      <p><data:this.messages.blogComment/></p>
    </b:if>
    <b:include data='post' name='commentFormIframeSrc'/>
    <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: &quot;90px&quot;' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable>
        <b:includable id='threadedCommentJs' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  <b:template-script inline='true' name='threaded_comments'/>
  <script type='text/javascript'>
    blogger.widgets.blog.initThreadedComments(
        <data:post.commentJso/>,
        <data:post.commentMsgs/>,
        <data:post.commentConfig/>);
  </script>
</b:includable>
        <b:includable id='threadedComments' var='post'>
  <section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
    <a name='comments'/>

    <b:include name='commentsTitle'/>

    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threadedCommentJs'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>

    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threadedCommentForm'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
      <b:if cond='data:post.showManageComments'>
        <b:include data='post' name='manageComments'/>
      </b:if>
    </p>

    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
  </section>
</b:includable>
        <b:includable id='tooltipCss'>
  <!-- LINT.IfChange -->
  <style>
    .post-body a.b-tooltip-container {
      position: relative;
      display: inline-block;
    }

    .post-body a.b-tooltip-container .b-tooltip {
      display: block !important;
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translate(-20%, 1px);
      visibility: hidden;
      opacity: 0;
      z-index: 1;
      transition: opacity 0.2s ease-in-out;
    }

    .post-body a.b-tooltip-container .b-tooltip iframe {
      width: 200px;
      height: 198px;
      max-width: none;
      border: none;
      border-radius: 20px;
      box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
    }

    @media (hover: hover) {
      .post-body a.b-tooltip-container:hover .b-tooltip {
        visibility: visible;
        opacity: 1;
      }
    }
  </style>
  <!-- LINT.ThenChange(//depot/google3/java/com/google/blogger/b2/layouts/widgets/v2-style.css) -->
</b:includable>
      </b:widget>
    </b:section>

  </main>

  <!-- ============ SIDEBAR ============ -->
  <aside>
    <!-- categories -->
    <div class='sideCard'>
      <div class='sHead'>التصنيفات</div>
      <div class='sBody'>
        <b:section class='cats-sec' id='sidebar-cats' maxwidgets='1' showaddelement='no'>
          <b:widget id='Label1' locked='false' title='التسميات' type='Label' version='2' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
              <b:widget-setting name='display'>LIST</b:widget-setting>
              <b:widget-setting name='selectedLabelsList'/>
              <b:widget-setting name='showType'>ALL</b:widget-setting>
              <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
              <div class='catList'>
                <b:loop values='data:labels' var='label'>
                  <a expr:href='data:label.url'><span><data:label.name/></span><span class='cnt'><data:label.count/></span></a>
                </b:loop>
              </div>
            </b:includable>
            <b:includable id='cloud'>
  <b:loop values='data:labels' var='label'>
    <span class='label-size'>
      <b:class expr:name='&quot;label-size-&quot; + data:label.cssSize'/>
      <a class='label-name' expr:href='data:label.url'>
        <data:label.name/>
        <b:if cond='data:this.showFreqNumbers'>
          <span class='label-count'><data:label.count/></span>
        </b:if>
      </a>
    </span>
  </b:loop>
</b:includable>
            <b:includable id='content'>
  <div class='widget-content'>
    <b:class expr:name='data:this.display + &quot;-label-widget-content&quot;'/>
    <b:include cond='data:this.display == &quot;list&quot;' name='list'/>
    <b:include cond='data:this.display == &quot;cloud&quot;' name='cloud'/>
  </div>
</b:includable>
            <b:includable id='list'>
  <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <a class='label-name' expr:href='data:label.url'>
          <data:label.name/>
          <b:if cond='data:this.showFreqNumbers'>
            <span class='label-count'><data:label.count/></span>
          </b:if>
        </a>
      </li>
    </b:loop>
  </ul>
</b:includable>
          </b:widget>
        </b:section>
      </div>
    </div>

    <!-- popular posts -->
    <div class='sideCard'>
      <div class='sHead'>الأكثر قراءة</div>
      <div class='sBody'>
        <b:section class='pop-sec' id='sidebar-popular' maxwidgets='1' showaddelement='no'>
          <b:widget id='PopularPosts1' locked='false' title='' type='PopularPosts' version='2' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='numItemsToShow'>3</b:widget-setting>
              <b:widget-setting name='showThumbnails'>true</b:widget-setting>
              <b:widget-setting name='showSnippets'>true</b:widget-setting>
              <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
              <b:loop values='data:posts' var='post'>
                <a class='popItem' expr:href='data:post.url'>
                  <span class='pn'><b:if cond='data:post.featuredImage'><img expr:src='data:post.featuredImage'/><b:elseif cond='data:post.firstImageUrl'/><img expr:src='data:post.firstImageUrl'/></b:if></span>
                  <p><data:post.title/></p>
                </a>
              </b:loop>
            </b:includable>
          </b:widget>
        </b:section>
      </div>
    </div>

    <!-- free area for ads / extra widgets -->
    <b:section class='side-free' id='sidebar-free' showaddelement='yes'/>
  </aside>

</div>
</div>

<!-- ============ FOOTER ============ -->
<footer class='siteFooter'>
  <div class='wrap'>
    <div class='footGrid'>
      <div>
        <h4><b:if cond='data:blog.title'><data:blog.title/><b:else/>كورة لايف</b:if></h4>
        <p style='font-size:14px;line-height:1.9'>موقعك الأول لمواعيد ونتائج المباريات والبث المباشر وآخر الأخبار الرياضية لحظة بلحظة.</p>
      </div>
      <div>
        <h4>روابط سريعة</h4>
        <a href='/'>الرئيسية</a>
        <a href='/search/label/لايف'>بث مباشر</a>
        <a href='/search/label/أخبار'>الأخبار</a>
      </div>
      <div>
        <h4>تابعنا</h4>
        <b:section class='foot-links' id='footer-links' showaddelement='yes'/>
      </div>
    </div>
    <div class='footBottom'>
      &#169; <script>document.write(new Date().getFullYear())</script> <b:if cond='data:blog.title'><data:blog.title/></b:if> &#8212; جميع الحقوق محفوظة
    </div>
  </div>
</footer>

<script>//<![CDATA[
(function(){
  // التبديل بزر الزائر (الافتراضي بيتحدد من أداة "إعداد الوضع الليلي" في التخطيط)
  var KEY='kl_theme', root=document.documentElement;
  var btn=document.getElementById('themeToggle');
  if(btn) btn.addEventListener('click',function(){
    var dark = root.getAttribute('data-theme')==='dark';
    if(dark){ root.removeAttribute('data-theme'); try{localStorage.setItem(KEY,'light');}catch(e){} }
    else{ root.setAttribute('data-theme','dark'); try{localStorage.setItem(KEY,'dark');}catch(e){} }
  });
})();
//]]></script>

<script>//<![CDATA[
/* ===== بطاقات المباريات داخل المقالات (kl-match) ===== */
(function(){
  var API = "https://g4game.store/jadwal/api.php"; // نفس رابط الـ API
  var cards = document.querySelectorAll('.kl-match[data-key]');
  if(!cards.length) return;

  function esc(s){return String(s==null?'':s).replace(/[&<>"']/g,function(c){return({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]);});}
  function flag(cc){if(!cc||cc.length!==2)return'';return String.fromCodePoint.apply(null,[].map.call(cc.toUpperCase(),function(c){return 0x1F1E6+c.charCodeAt(0)-65;}));}

  // الموقع حسب الـ IP (يمسك الـ VPN زي الجدول)، مع fallback لتوقيت الجهاز
  var geo={tz:null,cc:null,country:null};
  try{ geo.tz = Intl.DateTimeFormat().resolvedOptions().timeZone; }catch(e){}

  function detectGeo(){
    var svc=[{u:'https://ipwho.is/',p:function(j){return{tz:(j.timezone&&j.timezone.id)||j.timezone,cc:j.country_code,country:j.country};}},
             {u:'https://ipapi.co/json/',p:function(j){return{tz:j.timezone,cc:j.country_code,country:j.country_name};}}];
    return svc.reduce(function(pr,s){return pr.then(function(done){if(done)return true;
      return fetch(s.u).then(function(r){return r.json();}).then(function(j){var g=s.p(j);
        if(g.tz&&g.cc){geo={tz:g.tz,cc:g.cc,country:g.country};return true;}return false;
      }).catch(function(){return false;});});},Promise.resolve(false));
  }

  function timeOf(m){
    var t=esc(m.time);
    if(m.ts){try{var o={hour:'2-digit',minute:'2-digit',hour12:false};if(geo.tz)o.timeZone=geo.tz;t=new Date(m.ts*1000).toLocaleTimeString([],o);}catch(e){}}
    return t;
  }

  function draw(card,m){
    var gen=function(u){return u?esc(u):'https://media.gemini.media/img/YK-Generic-team-logo.png';};
    var mid = m.live
      ? '<div class="klc-score">'+esc(m.scoreA)+'<span>-</span>'+esc(m.scoreB)+'</div><span class="klc-live">مباشر</span>'
      : m.finished
      ? '<div class="klc-score">'+esc(m.scoreA)+'<span>-</span>'+esc(m.scoreB)+'</div><span class="klc-fin">انتهت</span>'
      : '<div class="klc-time">'+timeOf(m)+'</div>';
    var geoLine = (!m.live && !m.finished && geo.cc)
      ? '<div class="klc-geo"><span class="klc-flg">'+flag(geo.cc)+'</span>بتوقيت '+esc(geo.country||'')+'</div>'
      : '';
    var inner =
      '<div class="klc-head">'+esc(m.tournament||'')+'</div>'
      +'<div class="klc-body">'
      +'<div class="klc-team"><img src="'+gen(m.logoA)+'" onerror="this.style.visibility=\'hidden\'"><p>'+esc(m.teamA)+'</p></div>'
      +'<div class="klc-mid">'+mid+geoLine+'</div>'
      +'<div class="klc-team"><img src="'+gen(m.logoB)+'" onerror="this.style.visibility=\'hidden\'"><p>'+esc(m.teamB)+'</p></div>'
      +'</div>'
      +(m.channel?'<div class="klc-ch">📺 '+esc(m.channel)+'</div>':'');
    var mkey = m.key || card.getAttribute('data-key');
    var mlink=m.link||((window.KL_LINKS&&window.KL_LINKS[mkey])?window.KL_LINKS[mkey]:'');
    if(mlink) inner='<a href="'+esc(mlink)+'" target="_blank" rel="noopener" style="text-decoration:none;color:inherit;display:block">'+inner+'</a>';
    card.innerHTML=inner;
    card.classList.add('ready');
    // احفظ آخر حالة للبطاقة عشان لو الماتش عدّى من المصدر نعرضها بدل رسالة خطأ
    try{ localStorage.setItem('klc_'+(m.key||card.getAttribute('data-key')), JSON.stringify(m)); }catch(e){}
  }

  function loadCard(card){
    var key=card.getAttribute('data-key');
    var isReady=card.classList.contains('ready');
    if(!isReady) card.innerHTML='<div class="klc-load">جاري تحميل المباراة...</div>';
    fetch(API+'?key='+encodeURIComponent(key)+'&site='+encodeURIComponent(location.hostname)).then(function(r){return r.json();}).then(function(j){
      if(j.ok && j.match){ draw(card,j.match); return; }
      // الماتش مش موجود في المصدر (عدّى يومه):
      // 1) لو البطاقة ظاهرة بالفعل، سيبها ثابتة على آخر شكل ومتلمسهاش
      if(isReady) return;
      // 2) لو لسه متحملتش، اعرض آخر حالة محفوظة لو موجودة
      var cached=getCached(key);
      if(cached){ draw(card,cached); }
      // 3) لو مفيش أي بيانات، سيب رسالة التحميل زي ما هي (متخفيش ومتكتبش خطأ)
    }).catch(function(){
      // خطأ اتصال: لو ظاهرة سيبها، لو لأ اعرض المحفوظة
      if(isReady) return;
      var cached=getCached(key);
      if(cached) draw(card,cached);
    });
  }

  function getCached(key){
    try{ var raw=localStorage.getItem('klc_'+key); if(raw)return JSON.parse(raw); }catch(e){}
    return null;
  }

  function loadAll(){ cards.forEach(loadCard); }

  // ارسم بسرعة بتوقيت الجهاز، وبعدين حدّث بتوقيت الـ IP لما يجهز
  loadAll();
  detectGeo().then(function(ok){ if(ok) loadAll(); });
  // تحديث تلقائي كل دقيقة (للنتائج والأهداف)
  setInterval(loadAll, 60000);
})();
//]]></script>

<script>//<![CDATA[
/* ===== إخفاء صورة الكارت من داخل المقال (thumb-only) ===== */
(function(){
  var imgs=document.querySelectorAll('.postBody img.thumb-only, .postBody .thumb-only img');
  imgs.forEach(function(img){
    // لو الصورة ملفوفة في رابط، نخفي الرابط كله (عشان مايفضلش مكان فاضي)
    var p=img.parentNode;
    if(p && p.tagName==='A'){ p.style.display='none'; }
    else { img.style.display='none'; }
    // لو فيه div فاضي اتسمى separator حوالين الصورة نخفيه كمان
    var sep=img.closest('.separator');
    if(sep) sep.style.display='none';
  });
})();
//]]></script>

<script>//<![CDATA[
/* ===== توزيع خانات الإعلانات حول المقال ===== */
(function(){
  var top=document.getElementById('ad-top');
  var mid=document.getElementById('ad-middle');
  var bot=document.getElementById('ad-bottom');
  var topA=document.getElementById('adTopAnchor');
  var botA=document.getElementById('adBottomAnchor');
  var body=document.querySelector('.postBody');

  // مساعد: هل الخانة فيها إعلان فعلي؟
  function hasAd(sec){
    if(!sec) return false;
    var inner=sec.querySelector('.adInner');
    return inner && inner.querySelector('ins,img,iframe,script,a,div,amp-ad');
  }
  function hide(sec){ if(sec) sec.style.display='none'; }

  // مش صفحة مقال؟ اخفِ الكل
  if(!body || !topA){ hide(top); hide(mid); hide(bot); return; }

  // فوق المقال
  if(hasAd(top)){ topA.appendChild(top); top.style.display=''; } else hide(top);
  // تحت المقال
  if(hasAd(bot)){ botA.appendChild(bot); bot.style.display=''; } else hide(bot);
  // وسط المقال (بعد منتصف الفقرات)
  if(hasAd(mid)){
    var ps=body.querySelectorAll(':scope > p');
    var target = ps.length>=4 ? ps[Math.floor(ps.length/2)-1] : (ps.length?ps[0]:null);
    if(target){ target.parentNode.insertBefore(mid, target.nextSibling); mid.style.display=''; }
    else { body.appendChild(mid); mid.style.display=''; }
  } else hide(mid);
})();
//]]></script>

<script>//<![CDATA[
/* ===== تفعيل القالب (فحص صامت حسب الدومين — الزائر مايشوفش حاجة) ===== */
(function(){
  var LICENSE_API = "https://g4game.store/jadwal/license.php"; // ملف التفعيل على سيرفرك
  var domain = location.hostname.replace(/^www\./,''); // شيل www للتطابق

  // لا نفحص داخل محرر/معاينة بلوجر (كل نطاقات بلوجر + وضع المعاينة)
  if(/(\.|^)blogger\.com$/.test(domain) ||
     /\.bloggerusercontent\.com$/.test(domain) ||
     /\.blogspot\.com$/.test(domain) ||
     domain==='' ||
     /[?&]bpli=|[?&]preview=/.test(location.search) ||
     window.location !== window.parent.location
  ) return;

  function lock(){
    var ov=document.createElement('div');
    ov.id='klLockOverlay';
    ov.setAttribute('style','position:fixed;inset:0;z-index:99999;background:#0f1419;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Cairo,sans-serif;padding:24px;text-align:center');
    ov.innerHTML='<div style="max-width:420px">'
      +'<div style="width:60px;height:60px;border-radius:50%;background:#e03322;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:30px">⚠️</div>'
      +'<h2 style="font-size:22px;font-weight:800;margin-bottom:10px">هذا الموقع غير مفعّل</h2>'
      +'<p style="font-size:15px;color:#9aa7b4;line-height:1.8">هذا القالب غير مُرخّص للعمل على هذا النطاق. برجاء التواصل مع الجهة التي حصلت منها على القالب لتفعيله.</p>'
      +'</div>';
    // امسح باقي محتوى الصفحة وأظهر القفل فقط
    document.documentElement.style.overflow='hidden';
    document.body.appendChild(ov);
  }

  fetch(LICENSE_API+'?domain='+encodeURIComponent(domain))
    .then(function(r){return r.json();})
    .then(function(j){
      // مفعّل: مفيش حاجة تحصل، الموقع شغّال عادي
      // مش مفعّل: اقفل
      if(!j || !j.ok){ lock(); }
    })
    .catch(function(){
      /* السيرفر مش رد — نسيب الموقع شغّال عشان عطل مؤقت في سيرفرك مايوقفش مواقع العملاء */
    });
})();
//]]></script>

</body>
</html>