/* أنماط كانت «محلية» داخل مكوّنات Astro (Header و صفحة المقال)، هنا بدون تقييد */

details > summary::-webkit-details-marker {
  display: none;
}

/* أيقونة القائمة: خطان يتحولان إلى إشارة إغلاق */
.burger,
.burger::before,
.burger::after {
  display: block;
  width: 17px;
  height: 1.5px;
  background: currentColor;
  border-radius: 2px;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.burger::before,
.burger::after {
  content: '';
  position: absolute;
}

.burger::before {
  transform: translateY(-5px);
}

.burger::after {
  transform: translateY(5px);
}

details[open] .burger {
  background: transparent;
}

details[open] .burger::before {
  transform: rotate(45deg);
}

details[open] .burger::after {
  transform: rotate(-45deg);
}

details[open] > summary {
  position: relative;
  z-index: 70;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.35);
}

.menu-panel {
  position: fixed;
  inset: 0;
  z-index: 65;
  background: var(--color-brand);
  overflow-y: auto;
  animation: menu-in 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes menu-in {
  from {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
  }
  to {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}

.menu-link {
  color: #fff;
  animation: menu-link 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: calc(140ms + var(--i) * 60ms);
  transition: color 0.25s ease;
}

.menu-link:hover,
.menu-link[aria-current='page'] {
  color: var(--color-gold-soft);
}

@keyframes menu-link {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
}

/* زر نسخ رابط المقال */
.share-copy {
  color: var(--color-ink-soft);
}

.share-copy:hover {
  background: var(--color-brand);
  border-color: var(--color-brand);
}

.share-copy .copied-icon,
.share-copy[data-copied] .copy-icon {
  display: none;
}

.share-copy[data-copied] .copied-icon {
  display: block;
}