/* dodo_archive_featured_v1_2.css */
/* Featured-first archive + controls (search, category, year) */

.dodo-archive-controls{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  align-items:center;
  margin: 0 0 1rem;
}
.dodo-archive-controls .dodo-search{
  flex:1 1 260px;
  min-width:220px;
  padding:.55rem .7rem;
  border:1px solid #cbd5e1;
  border-radius:10px;
}
.dodo-archive-controls .dodo-filter{
  flex:0 0 auto;
  min-width:180px;
  padding:.55rem .7rem;
  border:1px solid #cbd5e1;
  border-radius:10px;
  background:#fff;
}

/* Existing layout carried over */
.dodo-archive-wrap{ display:block; }
.dodo-featured{
  display:grid; grid-template-columns: 1fr 1fr; gap:24px;
  align-items:stretch; padding: 8px 0 24px; border-bottom:1px solid #e5e7eb;
}
.dodo-featured-media{ display:block; overflow:hidden; border-radius:12px; background:#f3f4f6; }
.dodo-featured-media img{ display:block; width:100%; height:auto; object-fit:cover; }
.dodo-featured-body{ display:flex; flex-direction:column; justify-content:center; }
.dodo-featured-title{ font-size:clamp(1.6rem, 2.8vw, 2rem); line-height:1.2; margin:0 0 .4rem; }
.dodo-featured-title a{ text-decoration:none; color:inherit; border-bottom:none; }
.dodo-featured-excerpt{ margin:.5rem 0 1rem; color:#374151; font-size:1.05rem; line-height:1.6; }
.dodo-readmore{ display:inline-block; text-decoration:none; border-bottom:1px solid #cbd5e1; color:#0ea5e9; }
.dodo-featured-more{ margin-top:auto; }

.dodo-grid{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; padding-top: 24px; }
.dodo-card{ display:flex; flex-direction:column; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; background:#fff; }
.dodo-card-media{ display:block; background:#f3f4f6; }
.dodo-card-media img{ display:block; width:100%; height:200px; object-fit:cover; }
.dodo-card-body{ padding:14px 14px 16px; }
.dodo-card-title{ font-size:1.1rem; margin:.1rem 0 .25rem; line-height:1.3; }
.dodo-card-title a{ text-decoration:none; color:inherit; }
.dodo-card-meta{ color:#6b7280; font-size:.9rem; margin-bottom:.5rem; }
.dodo-card-excerpt{ color:#374151; font-size:.98rem; line-height:1.55; margin:.25rem 0 .75rem; }
.dodo-card-more{ margin-top:auto; }

.dodo-archive-actions{ text-align:center; margin: 22px 0 6px; }
.dodo-loadmore{ padding:.6rem 1rem; border-radius:8px; border:1px solid #cbd5e1; background:#fff; cursor:pointer; }

.dodo-empty{ color:#6b7280; padding:.75rem 0; }

/* Fix: make featured image fully fill its container (no white band) */
.dodo-featured { align-items: stretch; } /* ensure columns match height */

.dodo-featured-media {
  /* let the media fill the column height and clip overflow */
  display: block;
  overflow: hidden;
  border-radius: 12px;
  background: #f3f4f6;
  height: 100%;           /* ensure it stretches to match the sibling column */
  min-height: 220px;      /* optional: avoid collapsing on very short content */
}

/* force the img to fully fill the container and remove inline-gap */
.dodo-featured-media img,
.dodo-featured-media picture {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;      /* crop & fill — removes the white space */
  object-position: center;
  border-radius: inherit;
  vertical-align: top;    /* extra guard against descender gaps */
}


/* Responsive */
@media (max-width: 960px){
  .dodo-featured{ grid-template-columns: 1fr; }
  .dodo-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dodo-card-media img{ height:180px; }
}
@media (max-width: 640px){
  .dodo-grid{ grid-template-columns: 1fr; }
  .dodo-card-media img{ height:160px; }
}