/* ============================================================
   Latest Blogs Shortcode — latest-blogs-shortcode.css
   Matches the card grid design exactly from the screenshot.
   ============================================================ */
   
   @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

/* ── Wrapper ── */
.lbs-wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  box-sizing: border-box;
}

/* ── Grid: 3 cols → 2 cols → 1 col ── */
.lbs-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

@media (max-width: 900px) {
  .lbs-grid { grid-template-columns: repeat(2, 1fr); }
	
	.lbs-btn {
		padding: 10px 30px !important;
	}
}

@media (max-width: 580px) {
  .lbs-grid { grid-template-columns: 1fr; }
	
	.lbs-btn {
		padding: 10px 30px !important;
	}
}

/* ── Card ── */
.lbs-card {
  background: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #EAEAEA;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.22s ease, transform 0.22s ease;
}


/* ── Thumbnail ── */
.lbs-card__img-link {
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 9;
}

.lbs-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}

.lbs-card:hover .lbs-card__img {
  transform: scale(1.04);
}

/* ── Body ── */
.lbs-card__body {
  padding: 20px 22px 22px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* ── Category label — orange, bold, small caps ── */
.lbs-card__cat {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #ff3c00;           /* orange accent from screenshot */
  text-transform: uppercase;
  margin: 0 0 10px;
  line-height: 1.3;
}

/* ── Title ── */
.lbs-card__title {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 16px;
  color: #111111;
 
}

.lbs-card__title a {
  color: inherit;
  text-decoration: none !important;
  transition: color 0.18s;
}

.lbs-card__title a:hover {
  color: #e8510a;
}

/* ── Excerpt ── */
.lbs-card__excerpt {
  font-size: 16px;
  line-height: 1.65;
  color: #5E5E5E;
  margin: 0 0 30px;
  flex: 1;
}

/* ── Meta: avatar + name + date ── */
.lbs-card__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  border-top: 1px solid #f0f0f0;
  padding-top: 14px;
  margin-top: auto;
}

.lbs-card__avatar {
  width: 38px;
  height: 38px;
  border-radius: 50% !important;
  object-fit: cover;
  flex-shrink: 0;
  background: #e0e0e0;
}

.lbs-card__meta-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.lbs-card__author {
  font-size: 15px;
  font-weight: 600;
  color: #111111;
}

.lbs-card__date {
  font-size: 13px;
  color: #5E5E5E;
}

/* ── Footer / CTA button ── */
.lbs-footer {
  margin-top: 40px;
  text-align: center;
}

.lbs-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 30px;
  background: #ff3c00;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none !important;
  border-radius: 6px;
  letter-spacing: 0.01em;
  transition: background 0.2s ease, transform 0.15s ease;
}

.lbs-btn:hover {
	color: #fff !important;
}

.lbs-btn svg {
  transition: transform 0.18s ease;
}

.lbs-btn:hover svg {
  transform: translateX(3px);
}