/* ألوان الوحدات المستوحاة من العداد الأصلي مع إبقاء الهوية الحديثة للموقع. */
.ed-countdown-unit{--unit-color:#76c442}
.ed-countdown-unit:nth-child(1){--unit-color:#f1c52d}
.ed-countdown-unit:nth-child(2){--unit-color:#36add8}
.ed-countdown-unit:nth-child(3){--unit-color:#76c442}
.ed-countdown-unit:nth-child(4){--unit-color:#4bc4ae}
.ed-countdown-ring{
  background:conic-gradient(var(--unit-color) var(--progress),#2e3130 0);
  box-shadow:inset 0 0 0 1px rgba(20,32,27,.12),0 8px 20px rgba(23,42,34,.09)
}
.ed-countdown-ring>div{width:104px;height:104px}

@media(max-width:760px){
  .ed-countdown{padding-inline:10px}
  .ed-countdown-units{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .ed-countdown-unit{min-width:0;padding:8px 2px;border-radius:14px}
  .ed-countdown-ring{width:clamp(62px,19vw,88px);height:clamp(62px,19vw,88px)}
  .ed-countdown-ring>div{width:calc(100% - 13px);height:calc(100% - 13px)}
  .ed-countdown-ring strong{font-size:clamp(1.05rem,4.8vw,1.45rem)}
  .ed-countdown-ring span{margin-top:4px;font-size:.61rem}
}
@media(max-width:360px){
  .ed-countdown{padding-inline:7px}
  .ed-countdown-units{gap:4px}
  .ed-countdown-unit{padding-inline:1px}
  .ed-countdown-ring{width:59px;height:59px}
  .ed-countdown-ring>div{width:48px;height:48px}
  .ed-countdown-ring strong{font-size:1rem}
  .ed-countdown-ring span{font-size:.55rem}
}
html[data-theme=dark] .ed-countdown-ring,
body.dark-mode .ed-countdown-ring{background:conic-gradient(var(--unit-color) var(--progress),#303332 0)}