/* transitions.css — طبقة انتقالات موحدة (بـ :where() لصفر خاصية — لا تتجاوز أي قاعدة موجودة) */

:where(a, button, .chip, .badge, label, summary, [role="button"]) {
  transition: background-color .22s ease, border-color .22s ease,
              color .18s ease, box-shadow .22s ease, transform .18s ease;
}

:where(input, select, textarea) {
  transition: border-color .22s ease, box-shadow .22s ease, background-color .22s ease;
}

:where(a, button, input, select, textarea, summary, [role="button"]):focus-visible {
  outline: 2px solid rgb(var(--phoenix-gold-400));
  outline-offset: 2px;
}

:where(.icon-btn, .chip-btn, .btn-cta, .btn-navy, .btn-accent, .pager a):focus-visible {
  outline: 2px solid rgb(var(--phoenix-gold-400));
  outline-offset: 2px;
}

.hover-lift { will-change: transform; }
.hover-lift:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
}
.hover-lift:active { transform: translateY(-1px); }

:where(button, .btn-cta, .chip-btn, .btn-navy, .btn-accent):disabled {
  opacity: .55;
  cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
  :where(a, button, .chip, .badge, label, summary, [role="button"], input, select, textarea),
  .hover-lift {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}