/**
 * Homepage magazine, related cards and story-title motion.
 * Kept separate so these interaction-specific rules load after the formal skin.
 */

/* Long Persian story titles travel gently through their fixed label viewport. */
.pa-story-item__title[data-pa-story-title-ticker] {
  display: block;
  overflow: hidden;
  text-align: right !important;
  text-overflow: clip;
  white-space: nowrap;
}

.pa-story-item__title[data-pa-story-title-ticker] > span {
  display: inline-block;
  width: max-content;
  min-width: 100%;
  direction: rtl;
  text-align: center;
  white-space: nowrap;
  transform: translateX(0);
}

.pa-story-item__title[data-pa-story-title-ticker].is-ticker > span {
  animation: pa-story-title-ticker var(--pa-story-title-duration, 6s) ease-in-out infinite;
  will-change: transform;
}

.pa-story-item:hover .pa-story-item__title.is-ticker > span,
.pa-story-item:focus-visible .pa-story-item__title.is-ticker > span {
  animation-play-state: paused;
}

@keyframes pa-story-title-ticker {
  0%, 14% { transform: translateX(0); }
  86%, 100% { transform: translateX(var(--pa-story-title-shift, 0)); }
}

/* Show every homepage cover in full, including late AJAX batches. A fixed
   16:9 frame prevents layout shift without stretching or clipping artwork. */
.home .pa-news-home .pa-post-slider--latest .pa-post-slider__track > .pa-news-card .pa-news-card__thumb,
.home .pa-news-home .pa-post-slider--latest .pa-post-slider__track > .pa-news-card:first-child .pa-news-card__thumb,
.home .pa-news-home .pa-post-slider--latest .pa-post-slider__track > .pa-news-card:not(:first-child) .pa-news-card__thumb {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, #f3f6f9, #e9eef3) !important;
}

.home .pa-news-home .pa-post-slider--latest .pa-post-slider__track > .pa-news-card .pa-news-card__thumb img,
.home .pa-news-home .pa-post-slider--latest .pa-post-slider__track > .pa-news-card:first-child .pa-news-card__thumb img,
.home .pa-news-home .pa-post-slider--latest .pa-post-slider__track > .pa-news-card:not(:first-child) .pa-news-card__thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  background: transparent !important;
  transform: none !important;
  scale: 1 !important;
}

.pa-post-slider__status {
  min-height: 0;
  margin: 8px 2px 0;
  color: #627188;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.8;
  text-align: center;
}

.pa-post-slider__status:empty {
  display: none;
}

.pa-post-slider__status.is-error {
  color: #a12a24;
}

.pa-post-slider__status.is-complete {
  color: #446078;
}

.pa-post-slider__noscript {
  margin: 10px 0 0;
  text-align: center;
}

/* One canonical vertical card for every related-query and fallback result. */
.single-post .pa-medium-single .pa-related-posts .pa-related-posts__grid > .pa-news-card.pa-news-card--related,
.single-post .pa-medium-single .pa-related-posts .pa-related-posts__grid > .pa-news-card.pa-news-card--related:first-child,
.single-post .pa-medium-single .pa-related-posts .pa-related-posts__grid > .pa-news-card.pa-news-card--related:not(:first-child) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  grid-row: auto !important;
  grid-column: auto !important;
  direction: rtl !important;
  text-align: right !important;
}

.single-post .pa-medium-single .pa-related-posts .pa-news-card--related .pa-news-card__thumb,
.single-post .pa-medium-single .pa-related-posts .pa-news-card--related:first-child .pa-news-card__thumb,
.single-post .pa-medium-single .pa-related-posts .pa-news-card--related:not(:first-child) .pa-news-card__thumb {
  display: block !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, #f3f6f9, #e9eef3) !important;
}

.single-post .pa-medium-single .pa-related-posts .pa-news-card--related .pa-news-card__thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  transform: none !important;
  scale: 1 !important;
}

/* Compact archive selectors are intentionally repeated to outrank the legacy
   featured-card exceptions and keep every cover uncropped. */
.pa-magazine-compact .pa-magazine-page .pa-news-grid--archive > .pa-news-card .pa-news-card__thumb,
.pa-magazine-compact .pa-magazine-page .pa-news-grid--archive > .pa-news-card:first-child .pa-news-card__thumb,
.pa-magazine-compact .pa-magazine-page .pa-news-grid--archive > .pa-news-card:not(:first-child) .pa-news-card__thumb {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, #f3f6f9, #e9eef3) !important;
}

.pa-magazine-compact .pa-magazine-page .pa-news-grid--archive > .pa-news-card .pa-news-card__thumb img,
.pa-magazine-compact .pa-magazine-page .pa-news-grid--archive > .pa-news-card:first-child .pa-news-card__thumb img,
.pa-magazine-compact .pa-magazine-page .pa-news-grid--archive > .pa-news-card:not(:first-child) .pa-news-card__thumb img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  background: transparent !important;
  transform: none !important;
  scale: 1 !important;
}

.single-post .pa-medium-single .pa-related-posts .pa-news-card--related .pa-news-card__body,
.single-post .pa-medium-single .pa-related-posts .pa-news-card--related:first-child .pa-news-card__body,
.single-post .pa-medium-single .pa-related-posts .pa-news-card--related:not(:first-child) .pa-news-card__body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 9px !important;
  min-width: 0 !important;
  min-height: 225px !important;
  padding: 15px !important;
  background: #fff !important;
  direction: rtl !important;
  text-align: right !important;
}

.single-post .pa-medium-single .pa-related-posts .pa-news-card--related .pa-news-card__title {
  min-height: 3.4em !important;
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}

.single-post .pa-medium-single .pa-related-posts .pa-news-card--related .pa-news-card__title a {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.single-post .pa-medium-single .pa-related-posts .pa-news-card--related .pa-news-card__excerpt {
  display: -webkit-box !important;
  min-height: 3.7em !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #66758c !important;
  font-size: 12.5px !important;
  line-height: 1.85 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.single-post .pa-medium-single .pa-related-posts .pa-news-card--related .pa-news-card__meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  margin-top: auto !important;
  padding-top: 5px !important;
}

.single-post .pa-medium-single .pa-related-posts .pa-news-card--related .pa-news-card__author,
.single-post .pa-medium-single .pa-related-posts .pa-news-card--related .pa-news-card__meta-item {
  display: inline-flex !important;
  align-items: center !important;
}

.single-post .pa-medium-single .pa-related-posts .pa-news-card--related .pa-news-card__author span {
  display: inline !important;
}

@media (max-width: 619px) {
  .single-post .pa-medium-single .pa-related-posts .pa-news-card--related .pa-news-card__body,
  .single-post .pa-medium-single .pa-related-posts .pa-news-card--related:first-child .pa-news-card__body,
  .single-post .pa-medium-single .pa-related-posts .pa-news-card--related:not(:first-child) .pa-news-card__body {
    min-height: 205px !important;
    padding: 14px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pa-post-slider__viewport {
    scroll-behavior: auto !important;
  }

  .pa-story-item__title[data-pa-story-title-ticker] {
    text-align: center !important;
    text-overflow: ellipsis;
  }

  .pa-story-item__title[data-pa-story-title-ticker].is-ticker > span {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    animation: none !important;
    text-overflow: ellipsis;
    transform: none !important;
    will-change: auto;
  }
}
