/* Razia Cards for classic loop (index/archive) — safe, no markup changes */

/* Space between masonry items */
.row.masonry-post > [class^="col-"],
.row.masonry-post > [class*=" col-"] {
  margin-bottom: 1.25rem;
}

/* Card shell — try to catch common wrappers */
.row.masonry-post article,
.row.masonry-post .post,
.row.masonry-post .blog-post,
.row.masonry-post .single-post {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 6px 24px rgba(0,0,0,.06);
  transition: transform .12s ease, box-shadow .12s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Hover lift */
.row.masonry-post article:hover,
.row.masonry-post .post:hover,
.row.masonry-post .blog-post:hover,
.row.masonry-post .single-post:hover {
  transform: translateY(-2px);
  box-shadow: 0 3px 6px rgba(0,0,0,.06), 0 10px 28px rgba(0,0,0,.12);
}

/* Thumbnail */
.row.masonry-post .post-thumbnail,
.row.masonry-post .entry-media,
.row.masonry-post .featured-image {
  display: block;
  line-height: 0;
}
.row.masonry-post .post-thumbnail img,
.row.masonry-post .entry-media img,
.row.masonry-post .featured-image img,
.row.masonry-post img.wp-post-image {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 16/10;
  object-fit: cover;
}

/* Body spacing */
.row.masonry-post .entry-header,
.row.masonry-post .entry-content,
.row.masonry-post .entry-summary,
.row.masonry-post .entry-footer {
  padding: .85rem 1rem;
}
.row.masonry-post .entry-header { padding-bottom: .25rem; }
.row.masonry-post .entry-footer { margin-top: auto; padding-top: .25rem; }

/* Title */
.row.masonry-post .entry-title,
.row.masonry-post h2.entry-title,
.row.masonry-post h3.entry-title {
  font-size: 1.08rem;
  line-height: 1.35;
  margin: 0;
}
.row.masonry-post .entry-title a {
  color: #0f172a;
  text-decoration: none;
}
.row.masonry-post .entry-title a:hover { color: #2563eb; }

/* Meta */
.row.masonry-post .entry-meta,
.row.masonry-post .posted-on,
.row.masonry-post .byline,
.row.masonry-post .cat-links {
  color: #64748b;
  font-size: .85rem;
}

/* Excerpt */
.row.masonry-post .entry-summary p,
.row.masonry-post .entry-content p {
  margin: 0 0 .75rem;
}

/* Read more link/button */
.row.masonry-post .more-link,
.row.masonry-post a.read-more {
  display: inline-block;
  padding: .5rem .9rem;
  border-radius: 999px;
  background: #2563eb;
  color: #fff !important;
  text-decoration: none;
  font-weight: 600;
  line-height: 1.2;
}
.row.masonry-post .more-link:hover,
.row.masonry-post a.read-more:hover {
  background: #1e40af;
}

/* Archive header */
.archive-title h2 {
  font-size: clamp(1.35rem, 2.2vw, 1.8rem);
  margin: 0 0 .5rem;
}
.archive-description { color: #64748b; margin-bottom: 1rem; }

/* Pagination */
.navigation.posts-navigation .nav-links {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  padding: 1rem 0;
}
.navigation.posts-navigation a {
  display: inline-block;
  padding: .55rem .9rem;
  border-radius: 10px;
  background: #f1f5f9;
  color: #0f172a;
  text-decoration: none;
}
.navigation.posts-navigation a:hover { background: #e2e8f0; }

/* Right area padding tweaks (optional, safe) */
.right-part .blog-area { padding-top: .25rem; }

/* Optional dark mode support (toggle body.razia-dark) */
body.razia-dark .row.masonry-post article,
body.razia-dark .row.masonry-post .post,
body.razia-dark .row.masonry-post .blog-post,
body.razia-dark .row.masonry-post .single-post {
  background: #0f172a;
}
body.razia-dark .row.masonry-post .entry-title a { color: #e5e7eb; }
body.razia-dark .row.masonry-post .entry-title a:hover { color: #60a5fa; }
body.razia-dark .archive-description,
body.razia-dark .row.masonry-post .entry-meta { color: #94a3b8; }