/* ============================================================
   HARAMAIN NEWS — Animations
   Deliberately restrained: content is present immediately,
   no scroll-reveal theatrics.
   ============================================================ */

@layer components {

  /* === Page transition (one-time, whole-page fade-in) === */
  .page-transition {
    animation: pageIn 0.4s ease both;
  }

  @keyframes pageIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  /* Scroll-reveal is disabled by design; if a .reveal class lingers in the
     markup, keep its content fully visible (no hide-until-scroll). */
  .reveal {
    opacity: 1;
    transform: none;
  }

  /* === Live indicator (used by the breaking-news ticker label) === */
  .pulse-dot {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: var(--radius-full);
    background: #ef4444;
  }

  /* === Reduced Motion === */
  @media (prefers-reduced-motion: reduce) {
    .page-transition {
      animation: none;
    }

    .ticker-content {
      animation-duration: 60s !important;
    }

    .card-media img {
      transition: none;
    }
  }
}