/* =========================================================================
   التاريخ والوقت (القاهرة) — نص أحمر مدرّج ذهبي لامع متحرك + أيقونات 3D سينمائية
   الوضع الافتراضي: شريط رفيع تحت الهيدر (موبايل/تابلت)
   .akp-dt--hdr : داخل صف الشعار على الكمبيوتر (التاريخ يمين، الوقت شمال)
   ========================================================================= */

body.akp-on .akp-dt{
  --dt-r1:#6b0010; --dt-r2:#c40018; --dt-r3:#ff4a5c; --dt-g1:#d9b451; --dt-g2:#f6e3a1; --dt-w:#fff8dc;
  position:relative; z-index:3;
  display:flex; align-items:center; justify-content:center; gap:clamp(12px,4vw,30px);
  padding:6px 12px; direction:rtl;
  background:
    radial-gradient(60% 140% at 50% 0%,rgba(196,0,24,.22),transparent 70%),
    linear-gradient(180deg,rgba(9,10,15,.97),rgba(24,7,11,.97));
  border-bottom:1px solid rgba(217,180,81,.45);
  box-shadow:0 12px 26px -18px rgba(0,0,0,.95);
  overflow:hidden;
}
/* خط ذهبي لامع يمرّ أسفل الشريط */
body.akp-on .akp-dt::after{
  content:""; position:absolute; inset-inline:0; bottom:-1px; height:1px;
  background:linear-gradient(90deg,transparent,var(--dt-g2),var(--dt-w),var(--dt-g2),transparent) no-repeat;
  background-size:35% 100%;
  animation:akp-dt-sweep 6s linear infinite;
}

body.akp-on .akp-dt-item{display:flex; align-items:center; gap:9px; line-height:1.2; position:relative;}
body.akp-on .akp-dt-sep{width:1px; height:24px; background:linear-gradient(180deg,transparent,rgba(217,180,81,.8),transparent);}

/* ---------- الأيقونات 3D ---------- */
body.akp-on .akp-dt-ic{
  width:30px; height:30px; flex:0 0 auto; display:block;
  filter:drop-shadow(0 4px 5px rgba(0,0,0,.6)) drop-shadow(0 0 7px rgba(217,180,81,.28));
  animation:akp-dt-float 4.8s ease-in-out infinite;
}
body.akp-on .akp-dt-time .akp-dt-ic{animation-delay:-2.4s;}
body.akp-on .akp-dt-ic svg{width:100%; height:100%; display:block; overflow:visible;}
body.akp-on .akp-dt .akp-hand{transform-box:view-box; transform-origin:32px 31px;}
body.akp-on .akp-dt .akp-s{transition:transform .35s cubic-bezier(.4,2.2,.55,1);}

/* ---------- النص: أحمر مدرّج ذهبي لامع ---------- */
body.akp-on .akp-dt-txt{display:flex; flex-direction:column; align-items:flex-start;}
body.akp-on .akp-dt-main{
  display:inline-block; white-space:nowrap;
  font-family:'Cairo','Tajawal',inherit; font-weight:800; font-size:14px; letter-spacing:.2px;
  /* أحمر ساطع ← ذهبي ← لمعة بيضاء ← ذهبي ← أحمر (درجات فاتحة كفاية للقراءة على الخلفية الداكنة) */
  background:linear-gradient(100deg,#ff2f45 0%,#ff5468 14%,#ff8a5c 26%,#f6c75a 38%,#f6e3a1 46%,#fffbe8 50%,#f6e3a1 54%,#f2c45a 62%,#ff7a52 74%,#ff4458 86%,#ff2f45 100%);
  background-size:260% 100%;
  -webkit-background-clip:text; background-clip:text;
  color:#f6c75a; -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.85)) drop-shadow(0 0 7px rgba(255,70,90,.35)) drop-shadow(0 0 4px rgba(246,227,161,.25));
  animation:akp-dt-shine 6s ease-in-out infinite alternate;
}
body.akp-on .akp-dt-time .akp-dt-main{font-variant-numeric:tabular-nums; animation-delay:-3s;}
body.akp-on .akp-dt-sub{
  font-size:11px; font-weight:700; color:#cdb97f; letter-spacing:.3px; margin-top:2px; white-space:nowrap;
  text-shadow:0 1px 0 rgba(0,0,0,.6);
}
body.akp-on .akp-dt-sub:empty{display:none;}

@media (max-width:480px){
  body.akp-on .akp-dt{gap:12px; padding:5px 8px;}
  body.akp-on .akp-dt-ic{width:24px; height:24px;}
  body.akp-on .akp-dt-main{font-size:12.5px;}
  body.akp-on .akp-dt-sub{display:none;}
}

/* ---------- الكمبيوتر: داخل صف الشعار ---------- */
body.akp-on .ak-header-wrap .ak-mid-bar .ak-row{position:relative;}
body.akp-on .akp-dt.akp-dt--hdr{
  position:absolute; inset:0; z-index:2;
  justify-content:space-between; padding:0 4px;
  background:none; border:0; box-shadow:none; overflow:visible;
  pointer-events:none;
}
body.akp-on .akp-dt.akp-dt--hdr::after,
body.akp-on .akp-dt.akp-dt--hdr .akp-dt-sep{display:none;}
body.akp-on .akp-dt--hdr .akp-dt-item{
  pointer-events:auto; overflow:hidden;
  padding:8px 18px 8px 16px; border-radius:999px;
  background:linear-gradient(180deg,rgba(12,13,19,.80),rgba(32,8,13,.80));
  border:1px solid rgba(217,180,81,.6);
  box-shadow:0 16px 32px -16px rgba(0,0,0,.95),inset 0 1px 0 rgba(246,227,161,.22),0 0 0 3px rgba(196,0,24,.14),0 0 22px -6px rgba(196,0,24,.45);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  animation:akp-dt-glow 4s ease-in-out infinite;
}
/* لمعة تمرّ على الكبسولة */
body.akp-on .akp-dt--hdr .akp-dt-item::before{
  content:""; position:absolute; top:0; bottom:0; width:40%; inset-inline-start:-60%;
  background:linear-gradient(100deg,transparent,rgba(246,227,161,.16),transparent);
  transform:skewX(-18deg); pointer-events:none;
  animation:akp-dt-pass 7s ease-in-out infinite;
}
body.akp-on .akp-dt--hdr .akp-dt-time{animation-delay:-2s;}
body.akp-on .akp-dt--hdr .akp-dt-time::before{animation-delay:-3.5s;}
body.akp-on .akp-dt--hdr .akp-dt-ic{width:40px; height:40px;}
body.akp-on .akp-dt--hdr .akp-dt-main{font-size:17px;}
body.akp-on .akp-dt--hdr .akp-dt-sub{font-size:12px;}
@media (min-width:992px) and (max-width:1199px){
  body.akp-on .akp-dt--hdr .akp-dt-item{padding:6px 14px 6px 12px;}
  body.akp-on .akp-dt--hdr .akp-dt-ic{width:32px; height:32px;}
  body.akp-on .akp-dt--hdr .akp-dt-main{font-size:14.5px;}
  body.akp-on .akp-dt--hdr .akp-dt-sub{display:none;}
}

/* ---------- الحركة ---------- */
@keyframes akp-dt-shine{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@keyframes akp-dt-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-2.5px) rotate(-3deg)}}
@keyframes akp-dt-sweep{0%{background-position:-40% 0}100%{background-position:140% 0}}
@keyframes akp-dt-pass{0%,55%{inset-inline-start:-60%}85%,100%{inset-inline-start:130%}}
@keyframes akp-dt-glow{0%,100%{border-color:rgba(217,180,81,.55)}50%{border-color:rgba(246,227,161,.95)}}
@media (prefers-reduced-motion:reduce){
  body.akp-on .akp-dt *,body.akp-on .akp-dt::after,body.akp-on .akp-dt *::before{animation:none !important; transition:none !important;}
}