/* إخفاء عام */
.dl-hide { display: none !important; }

/* تعطيل الأزرار غير المختارة */
.dl-disabled {
  opacity: .5;
  pointer-events: none;
  filter: saturate(.3) grayscale(.15);
}

/* Spinner ملوّن أنيق */
.dl-spinner{
  --dl-size: 1.9rem;
  --dl-thickness: 4px;
  --c1: var(--post-color, #22c55e);
  --c2: #06b6d4;
  --c3: #3b82f6;
  --c4: #a855f7;

  width: var(--dl-size);
  height: var(--dl-size);
  display: inline-block;
  margin-inline-start: .6rem;
  border-radius: 9999px;

  background: conic-gradient(from 0deg, var(--c1), var(--c2), var(--c3), var(--c4), var(--c1));
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--dl-thickness)), #000 calc(100% - var(--dl-thickness)));
          mask: radial-gradient(farthest-side, #0000 calc(100% - var(--dl-thickness)), #000 calc(100% - var(--dl-thickness)));

  animation: dlspin .9s linear infinite;
}
@keyframes dlspin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .dl-spinner{ animation: none; } }