/* ============================================================
   Omega Design — Blog cards + fade & zoom scroll reveal
   Targets WordPress Query Loop markup (.wp-block-post)
   ============================================================ */

/* ---- Grid ---- */
.wp-block-post-template {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 28px;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ---- Card ---- */
.wp-block-post {
  background: var(--wp--preset--color--surface);
  border: 1px solid var(--wp--preset--color--page-background);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 4px -2px var(--wp--preset--color--page-background);

  /* reveal start state */
  opacity: 0;
  transform: translateY(24px) scale(.94);
  transition:
    opacity .6s ease,
    transform .6s cubic-bezier(.2,.7,.3,1),
    border-color .3s ease,
    box-shadow .3s ease;
  will-change: transform, opacity;
}
.wp-block-post.is-revealed {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.wp-block-post.is-revealed:hover {
    background: var(--wp--preset--color--page-background);
  transform: translateY(-6px);
  border: 1px solid var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--primary);
  box-shadow: 0 10px 20px -10px #1fbb0077;
}

/* ---- Featured image ---- */
.wp-block-post .wp-block-post-featured-image {
  margin: 0;
  overflow: hidden;
  aspect-ratio: 16 / 10;
}
.wp-block-post .wp-block-post-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}
.wp-block-post.is-revealed:hover .wp-block-post-featured-image img {
  transform: scale(1.06);
}

/* ---- Text ---- */
.wp-block-post .wp-block-post-title {
  font-size: 1.15rem;
  line-height: 1.35;
  font-weight: 650;
  letter-spacing: -.01em;
  margin: 20px 22px 0;
}
.wp-block-post .wp-block-post-title a {
  color: var(--wp--preset--color--heading);
  text-decoration: none;
  transition: color .2s ease;
}
.wp-block-post .wp-block-post-title a:hover { color: var(--wp--preset--color--heading); }

.wp-block-post .wp-block-post-excerpt {
  flex: 1;                 /* pushes date to the bottom on uneven cards */
  margin: 10px 22px 0;
}
.wp-block-post .wp-block-post-excerpt__excerpt {
  font-size: .9rem;
  line-height: 1.6;
  color: var(--wp--preset--color--body-text);
  margin: 0;
}

.wp-block-post .wp-block-post-date {
  margin: 16px 22px 22px;
  font-size: .8rem;
  color: var(--wp--preset--color--body-text);
}

/* ---- Accessibility ---- */
@media (prefers-reduced-motion: reduce) {
  .wp-block-post {
    opacity: 1 !important;
    transform: none !important;
    transition: border-color .3s ease, box-shadow .3s ease;
  }
}