/* Invictus Blog Overview Widget Styles */
.invb-widget { width: 100%; }

.invb-filter {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin: 0 0 1.25rem 0;
}
.invb-filter .invb-filter-btn {
  border: 1px solid rgba(0,0,0,.08);
  background: #f7f7f8;
  color: #111;
  padding: .55rem 1rem;
  border-radius: 999px;
  cursor: pointer;
  font: inherit;
  line-height: 1;
}
.invb-filter .invb-filter-btn.is-active { 
  background: #e9f7ff;
  border-color: #b6e2ff;
}

.invb-list { display: grid; gap: 1.25rem; }

.invb-row {
  display: grid;
  grid-template-columns: 38% 1fr;
  gap: 1.25rem;
  align-items: stretch;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 20px;
  padding: 1rem;
}
.invb-row .invb-media { overflow: hidden; border-radius: 14px; }
.invb-row .invb-img { display:block; width:100%; height:100%; }
.invb-row .invb-img img { width:100%; height:100%; object-fit: cover; display:block; }
.invb-row.invb-row--reverse { grid-template-columns: 1fr 38%; }
.invb-row.invb-row--reverse .invb-media { order: 2; }
.invb-row.invb-row--reverse .invb-content { order: 1; }

.invb-title { margin: 0 0 .4rem 0; font-weight: 700; }
.invb-title a { text-decoration: none; color: inherit; }
.invb-excerpt { opacity:.9; margin-bottom: .75rem; }
.invb-meta { display:flex; gap: .75rem; align-items: center; }

.invb-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.6rem 1rem;
  border-radius: 999px;
  text-decoration:none;
  font-weight:600;
  background:#0ea5e9; /* default; can be overridden in Elementor */
  color:white;
}
.invb-readtime { font-size:.9em; opacity:.75; }

.invb-empty { padding: 1rem; opacity:.7; }

/* Responsive */
@media (max-width: 1023px) {
  .invb-row, .invb-row.invb-row--reverse {
    grid-template-columns: 1fr;
  }
  .invb-row .invb-media { order: 1; }
  .invb-row .invb-content { order: 2; }
}