/* Component: article card (template-parts/components/post-card.php).
   Built on .ex-card (border, hover panel + red rule, stretched title link) and .ex-media--4x3.
   Default = Idiotis homepage "Νέα" look; --list = EXALCO-Articles / ESG look (.ex-card--soft); --dark = "ΔΙΑΒΑΣΤΕ ΕΠΙΣΗΣ" band of the article page. */

.ex-post-card { width: 100%; height: 100%; }

.ex-post-card__body { display: flex; flex: 1; flex-direction: column; padding: 24px; }
.ex-post-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 12px; }
.ex-post-card__category { min-width: 0; }
.ex-post-card__date { flex: none; font-size: var(--ex-fs-meta); color: var(--ex-placeholder); }
.ex-post-card__title { margin: 0; font-size: 17px; font-weight: 700; line-height: 1.3; color: var(--ex-ink); overflow-wrap: anywhere; }
.ex-post-card__excerpt { margin: 10px 0 0; font-size: var(--ex-fs-card-sub); line-height: 1.6; color: var(--ex-text-muted); }
.ex-post-card__cta { align-self: flex-start; margin-top: 14px; }
.ex-post-card:hover .ex-post-card__cta .ex-link-arrow__arrow,
.ex-post-card:focus-within .ex-post-card__cta .ex-link-arrow__arrow { transform: translateX(5px); }

/* --compact (Pro and Industrial homepages): 18px 20px body with 8px between the rows, kicker 10px / .14em, date 11px in ink. --short (Pro): 170px image. "ΔΕΙΤΕ ΠΕΡΙΣΣΟΤΕΡΑ" sits 6px (+ the row gap) under the title on Industrial, 14px on Pro. */
.ex-post-card--compact .ex-post-card__body { gap: 8px; padding: 18px 20px; }
.ex-post-card--compact .ex-post-card__meta { margin: 0; }
.ex-post-card--compact .ex-post-card__category { font-size: 10px; letter-spacing: .14em; }
.ex-post-card--compact .ex-post-card__date { font-size: 11px; color: var(--ex-ink); }
.ex-post-card--compact .ex-post-card__cta { margin-top: 6px; }
.ex-post-card--short .ex-post-card__media { height: 170px; aspect-ratio: auto; }
.ex-post-card--short .ex-post-card__cta { margin-top: 14px; }

/* --list: boxed tag next to the date, heavier title, excerpt, underlined "ΔΙΑΒΑΣΤΕ ΤΟ ΑΡΘΡΟ →" pinned to the bottom. */
.ex-post-card--list { transition: transform .25s, box-shadow .25s; }
.ex-post-card--list .ex-post-card__body { gap: 10px; padding: 20px 22px 22px; }
.ex-post-card--list .ex-post-card__meta { justify-content: flex-start; margin: 0; }
.ex-post-card--list .ex-post-card__date { font-size: 11px; font-weight: 500; color: var(--ex-text-muted); }
.ex-post-card--list .ex-post-card__title { font-size: 16px; font-weight: 800; line-height: 1.25; letter-spacing: -.005em; }
.ex-post-card--list .ex-post-card__excerpt { margin: 0; }
.ex-post-card--list .ex-post-card__cta { margin-top: auto; color: var(--ex-ink); }
.ex-post-card--list:hover .ex-post-card__cta,
.ex-post-card--list:focus-within .ex-post-card__cta { color: var(--ex-red); }

/* --dark: translucent card on the dark band; smaller image, no lift. */
.ex-post-card--dark {
  border: .5px solid rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .05);
  color: var(--ex-white);
  transition: background var(--ex-t-base), border-color var(--ex-t-base);
}
.ex-post-card--dark:hover,
.ex-post-card--dark:focus-within { border-color: var(--ex-red); background: rgba(255, 255, 255, .1); transform: none; }
.ex-post-card--dark .ex-post-card__media { height: clamp(140px, 13vw, 180px); aspect-ratio: auto; background: rgba(255, 255, 255, .08); }
.ex-post-card--dark .ex-post-card__body { gap: 8px; padding: 18px 20px; }
.ex-post-card--dark .ex-post-card__meta { justify-content: flex-start; margin: 0; }
.ex-post-card--dark .ex-post-card__category { font-size: 9.5px; font-weight: 800; letter-spacing: .14em; color: var(--ex-red-soft); }
.ex-post-card--dark .ex-post-card__date { font-size: 10.5px; color: rgba(255, 255, 255, .55); }
.ex-post-card--dark .ex-post-card__title { font-size: 15px; color: var(--ex-white); }
.ex-post-card--dark .ex-post-card__excerpt { margin: 0; color: rgba(255, 255, 255, .72); }
.ex-post-card--dark .ex-post-card__cta { margin-top: 6px; color: var(--ex-red-soft); }

@media (max-width: 599px) {
  .ex-post-card__body { padding: 20px; }
  .ex-post-card--short .ex-post-card__media { height: auto; aspect-ratio: 16 / 9; }
  .ex-post-card__title { font-size: 16px; }
  .ex-post-card--dark .ex-post-card__media { height: auto; aspect-ratio: 16 / 9; }
}

@media (prefers-reduced-motion: reduce) {
  .ex-post-card--list,
  .ex-post-card--dark { transition: none; }
  .ex-post-card:hover .ex-post-card__cta .ex-link-arrow__arrow,
  .ex-post-card:focus-within .ex-post-card__cta .ex-link-arrow__arrow { transform: none; }
}