/* ============================================================
 *  ARABJO HOME v3 — التصميم الجذري الجديد
 *  فخم هادئ · حواف حادة · بوردو غامق · خطوط فاصلة دقيقة
 *  • اسم ملف جديد ⇒ يتجاوز كاش المتصفّح.
 *  • يُحمّل بعد app.css فيغلب عليه.
 *  • الخطوط والألوان من إعدادات القالب عبر --ap-* .
 *  • يطبّق على البنية الفعلية (.aph2-*) دون لمس أي PHP.
 * ============================================================ */
.arabjo-theme.aph2{
  --v3-bg: var(--ap-bg,#08070a); --v3-panel: rgba(255,255,255,.022);
  --v3-line: rgba(255,255,255,.07); --v3-line-2: rgba(255,255,255,.13);
  --v3-wine: var(--ap-burgundy,#7d2330); --v3-wine-br: var(--ap-burgundy-light,#a32d3e);
  --v3-wine-dp: var(--ap-burgundy-dark,#3e1018); --v3-wine-line: rgba(163,45,62,.40);
  --v3-wine-wash: rgba(125,35,48,.10); --v3-gold: var(--ap-gold,#caa24a);
  --v3-ink:#f2eeec; --v3-ink-2:#b3a9a8; --v3-ink-3:#6f6664; --v3-ink-4:#403a3a;
  --v3-disp: var(--ap-font-display,'Reem Kufi',serif); --v3-body: var(--ap-font,'Tajawal',sans-serif);
}
.aph2{ background: var(--v3-bg); padding-bottom: 30px !important; }
.aph2 *{ border-radius: 0 !important; }
.aph2 .aph2-body{ padding: 0 16px !important; margin-top: 0 !important; }

/* الهيرو */
.aph2-hero{ position:relative; overflow:hidden; min-height:0 !important; padding:0 !important; display:block !important; border-bottom:1px solid var(--v3-line); }
.aph2-hero-bg{ position:absolute; inset:0; z-index:0; background: linear-gradient(180deg,transparent,var(--v3-bg) 94%), var(--aph2-bg, linear-gradient(115deg,var(--v3-wine-dp) 0%,#1a0a0e 45%,var(--v3-bg) 100%)) center/cover no-repeat; }
.aph2-hero-bg::after{ content:""; position:absolute; inset:0; background: radial-gradient(70% 60% at 78% 18%, rgba(202,162,74,.10), transparent 60%); }
.aph2-hero-scrim{ position:absolute; inset:0; z-index:0; background-image: linear-gradient(var(--v3-line) 1px,transparent 1px), linear-gradient(90deg,var(--v3-line) 1px,transparent 1px); background-size:34px 34px; -webkit-mask-image:linear-gradient(180deg,#000,transparent 72%); mask-image:linear-gradient(180deg,#000,transparent 72%); opacity:.5; }
.aph2-hero-content{ position:relative; z-index:2; width:100%; padding:36px 22px 30px !important; text-align:right !important; }
.aph2-logo{ display:block; max-width:150px; max-height:80px; margin:0 0 16px !important; filter:drop-shadow(0 6px 18px rgba(0,0,0,.5)); }
.aph2-logo-fallback{ font-family:var(--v3-disp) !important; font-weight:700; font-size:22px; color:#fff; margin-bottom:14px; text-align:right; }
.aph2-welcome{ color:var(--v3-ink-3) !important; font-size:12px !important; margin:0 0 8px !important; text-align:right; }
.aph2-welcome strong{ color:var(--v3-ink) !important; }
.aph2-tagline{ color:var(--v3-ink-2) !important; font-size:13px !important; line-height:1.75 !important; margin:0 0 22px !important; max-width:280px; text-align:right; }
.aph2-cta{ display:inline-flex !important; align-items:center; gap:10px; background:var(--v3-wine) !important; color:#fff !important; font-family:var(--v3-disp) !important; font-weight:600; font-size:14px; padding:13px 26px !important; position:relative; overflow:hidden; box-shadow:none !important; transition:background .2s; }
.aph2-cta::after{ content:""; position:absolute; top:0; right:0; width:3px; height:100%; background:var(--v3-gold); }
.aph2-cta:hover{ background:var(--v3-wine-br) !important; filter:none !important; }
.aph2-google{ box-shadow:none !important; border:1px solid var(--v3-line-2) !important; margin-top:10px; }

/* عناوين الأقسام */
.aph2-sec{ padding:26px 0 0 !important; margin:0 !important; }
.aph2-sec-head{ margin-bottom:16px !important; }
.aph2-sec-title{ font-family:var(--v3-disp) !important; font-weight:600 !important; font-size:15px !important; letter-spacing:.3px; color:var(--v3-ink) !important; gap:10px !important; }
.aph2-sec-title::before{ content:""; width:3px; height:15px; background:var(--v3-wine-br); display:inline-block; }
.aph2-sec-link{ font-family:var(--v3-disp) !important; font-size:11px !important; color:var(--v3-ink-3) !important; }

/* الرعاة */
.aph2-sponsors-sec .aph2-official-wrap, .aph2-sponsors{ background:transparent !important; border:none !important; padding:0 !important; }
.aph2-official-label, .aph2-rounds-label, .aph2-sponsor-name, .aph2-official-name, .aph2-sponsor-round-cap{ display:none !important; }
.aph2-official-row, .aph2-sponsors-track{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:0 !important; border:1px solid var(--v3-line) !important; border-right:none !important; width:100% !important; animation:none !important; }
.aph2-official, .aph2-sponsor{ border-right:1px solid var(--v3-line) !important; aspect-ratio:1.4; display:grid !important; place-items:center !important; background:var(--v3-panel) !important; padding:10px !important; min-width:0 !important; }
.aph2-official-logo, .aph2-sponsor-logo{ height:auto !important; max-height:40px; width:auto !important; max-width:80% !important; background:transparent !important; box-shadow:none !important; padding:0 !important; }
.aph2-official-ph, .aph2-sponsor-ph{ width:auto !important; height:auto !important; background:transparent !important; border:none !important; font-size:22px !important; color:var(--v3-ink-2) !important; }

/* العد التنازلي */
.aph2-cd{ position:relative; overflow:hidden; padding:0 !important; border:1px solid var(--v3-line) !important; background:var(--v3-panel) !important; }
.aph2-cd.has-img::before{ content:""; position:absolute; inset:0; z-index:0; background:linear-gradient(100deg,var(--v3-bg) 30%,rgba(8,7,10,.55) 70%,transparent),var(--aph2-cd-img) center/cover no-repeat; }
.aph2-cd-head{ position:relative; z-index:1; padding:16px 18px 0 !important; }
.aph2-cd-title{ font-family:var(--v3-disp) !important; font-size:12px !important; color:var(--v3-ink-2) !important; }
.aph2-cd-match{ color:var(--v3-wine-br) !important; }
.aph2-cd-grid{ position:relative; z-index:1; display:flex !important; gap:0 !important; padding:14px 0 18px !important; }
.aph2-cd-box{ flex:1; background:transparent !important; border:none !important; position:relative; padding:0 !important; }
.aph2-cd-box + .aph2-cd-box::before{ content:""; position:absolute; right:0; top:14%; height:72%; width:1px; background:var(--v3-line); }
.aph2-cd-num{ font-family:var(--v3-disp) !important; font-weight:700 !important; font-size:30px !important; }
.aph2-cd-unit{ font-size:9.5px !important; letter-spacing:1px; margin-top:6px; }

/* مباراة الجولة */
.aph2-featured{ position:relative; overflow:hidden; padding:18px !important; background:linear-gradient(165deg,var(--v3-wine-dp),var(--v3-panel) 78%) !important; border:1px solid var(--v3-wine-line) !important; box-shadow:none !important; }
.aph2-featured.has-img::before{ content:""; position:absolute; inset:0; opacity:.16; mix-blend-mode:luminosity; background:var(--aph2-feat-img) center/cover no-repeat; }
.aph2-featured-glow, .aph2-featured-rays{ display:none !important; }
.aph2-featured > *{ position:relative; z-index:1; }
.aph2-featured-head{ margin-bottom:16px !important; }
.aph2-featured-badge{ font-family:var(--v3-disp) !important; font-weight:600 !important; font-size:11px !important; letter-spacing:1px; color:var(--v3-ink) !important; background:transparent !important; border:1px solid var(--v3-wine-line) !important; padding:5px 12px !important; }
.aph2-featured-mult{ font-family:var(--v3-disp) !important; font-weight:700 !important; font-size:26px !important; color:var(--v3-ink) !important; text-shadow:none !important; }
.aph2-featured-mult small{ color:var(--v3-ink-3) !important; }
.aph2-featured-round{ font-size:10px !important; letter-spacing:1px; color:var(--v3-ink-3) !important; margin-bottom:14px !important; }
.aph2-featured-teams{ margin-bottom:16px !important; }
.aph2-ft-flag{ width:50px !important; height:50px !important; border:1px solid var(--v3-line-2) !important; background:var(--v3-panel) !important; display:grid; place-items:center; }
.aph2-ft-name{ font-family:var(--v3-disp) !important; font-weight:600 !important; font-size:14px !important; color:#fff !important; }
.aph2-ft-vs span{ width:auto !important; height:auto !important; background:transparent !important; border:none !important; font-family:var(--v3-disp) !important; font-size:16px !important; color:var(--v3-ink-3) !important; }
.aph2-featured-meta{ padding:11px 0 !important; border-top:1px solid var(--v3-wine-line); border-bottom:1px solid var(--v3-wine-line); margin-bottom:14px !important; }
.aph2-featured-date{ color:var(--v3-ink-2) !important; font-size:11px !important; }
.aph2-featured-text{ display:none !important; }
.aph2-featured-cta{ background:#fff !important; color:var(--v3-wine-dp) !important; font-family:var(--v3-disp) !important; font-weight:700 !important; padding:13px !important; box-shadow:none !important; }

/* الجوائز */
.aph2-prizes-grid-row{ display:grid !important; grid-template-columns:1fr 1.3fr 1fr !important; gap:0 !important; border:1px solid var(--v3-line); }
.aph2-grand, .aph2-round-prize{ flex-direction:column !important; align-items:center !important; text-align:center !important; gap:7px !important; padding:18px 10px !important; background:transparent !important; border:none !important; box-shadow:none !important; position:relative; }
.aph2-round-prize{ border-right:1px solid var(--v3-line) !important; }
.aph2-grand{ order:2; background:linear-gradient(180deg,var(--v3-wine-wash),transparent) !important; border-right:1px solid var(--v3-line) !important; }
.aph2-grand::before{ content:""; position:absolute; top:0; left:0; right:0; height:2px; background:var(--v3-gold); }
.aph2-grand-glow{ display:none !important; }
.aph2-grand-emoji{ font-size:50px !important; }
.aph2-money-emoji{ font-size:40px !important; }
.aph2-grand-img{ width:76px !important; height:76px !important; }
.aph2-money-img{ width:56px !important; height:56px !important; }
.aph2-tag{ font-family:var(--v3-disp) !important; font-size:10px !important; letter-spacing:1px; background:transparent !important; color:var(--v3-ink-3) !important; padding:0 !important; margin-bottom:2px !important; }
.aph2-grand .aph2-tag{ color:var(--v3-gold) !important; }
.aph2-grand-name{ font-family:var(--v3-disp) !important; font-weight:600 !important; font-size:15px !important; color:#fff !important; }
.aph2-round-name{ font-family:var(--v3-disp) !important; font-weight:600 !important; font-size:13px !important; }
.aph2-grand-sub, .aph2-round-sub{ font-size:9.5px !important; color:var(--v3-ink-3) !important; }

/* المباراة القادمة */
.aph2-match{ border:1px solid var(--v3-line) !important; background:var(--v3-panel) !important; }
.aph2-match-go, .aph2-time{ background:var(--v3-wine) !important; font-family:var(--v3-disp) !important; }

/* التنبيهات */
.aph2-feed{ display:block !important; border:1px solid var(--v3-line); }
.aph2-feed-item{ background:transparent !important; border:none !important; border-bottom:1px solid var(--v3-line) !important; padding:14px 16px !important; position:relative; gap:13px !important; }
.aph2-feed-item:last-child{ border-bottom:none !important; }
.aph2-feed-item.is-new::after{ content:""; position:absolute; inset-inline-end:0 !important; top:0 !important; bottom:0 !important; width:2px !important; height:auto !important; background:var(--v3-wine-br); }
.aph2-feed-ico{ width:34px !important; height:34px !important; border:1px solid var(--v3-line) !important; background:transparent !important; color:var(--v3-ink-2) !important; }
.aph2-feed-text{ font-size:12.5px !important; }
.aph2-feed-time{ font-family:var(--v3-disp) !important; font-size:10px !important; color:var(--v3-ink-4) !important; }
.aph2-feed-tag{ font-family:var(--v3-disp) !important; background:transparent !important; border:1px solid var(--v3-wine-line) !important; color:var(--v3-wine-br) !important; }

/* الاختصارات */
.aph2 .aj-quick-links{ display:grid !important; grid-template-columns:repeat(5,1fr) !important; gap:0 !important; border:1px solid var(--v3-line); border-right:none; margin:0 0 4px !important; padding:0 !important; }
.aph2 .aj-quick-link{ border-right:1px solid var(--v3-line) !important; background:var(--v3-panel) !important; padding:16px 4px !important; flex-direction:column; gap:8px; }
.aph2 .aj-quick-icon{ color:var(--v3-wine-br) !important; font-size:20px !important; }
.aph2 .aj-quick-label{ font-family:var(--v3-disp) !important; font-size:9.5px !important; color:var(--v3-ink-2) !important; }

/* الترتيب */
.aph2 .aj-rank-list{ border:1px solid var(--v3-line); }
.aph2 .aj-rank-row{ background:transparent !important; border:none !important; border-bottom:1px solid var(--v3-line) !important; padding:12px 16px !important; }
.aph2 .aj-rank-row:last-child{ border-bottom:none !important; }
.aph2 .aj-rank-score-num, .aph2 .aj-rank-pos{ font-family:var(--v3-disp) !important; }
.aph2 .aj-rank-score-num{ color:var(--v3-ink) !important; }

/* شريط التقدّم */
.aph2-progress-link .aj-progress{ border:1px solid var(--v3-line) !important; background:var(--v3-panel) !important; }
.aph2-progress-link .aj-progress-fill{ background:var(--v3-wine) !important; }

/* عناوين بخط العرض */
.aph2 [class*="-title"], .aph2 [class*="-name"], .aph2 [class*="-num"]{ font-family:var(--v3-disp); }
