/* === v1.1.5 – Fixed-size card 258x268, mock styling === */
.wcpb-wrap{direction:rtl; display:grid; gap:16px}

/* Search capsule */
.wcpb-search{
  display:flex; align-items:center; gap:.6rem;
  background:#fff; border:1px solid #ececec; border-radius:999px;
  padding:.45rem .55rem .45rem .75rem; box-shadow:0 10px 26px rgba(0,0,0,.07);
}
.wcpb-input{
  flex:1; height:46px; border:0; background:transparent; outline:0;
  padding:0 14px; font-size:1rem; color:#6f7780; text-align:right; -webkit-appearance:none;
}
.wcpb-input::-webkit-search-cancel-button{ -webkit-appearance:none; height:0; width:0; margin:0; }
.wcpb-input::placeholder{color:#9aa0a6}
.wcpb-btn{
  order:-1; height:50px; min-width:140px; padding:0 18px; border:0; border-radius:32px;
  background:#c35a78; color:#fff; font-weight:900; cursor:pointer;
  box-shadow:0 10px 24px rgba(195,90,120,.28);
}

/* Meta */
.wcpb-meta{display:flex; justify-content:space-between; align-items:center; min-height:26px}
.wcpb-count{color:#666; font-weight:700}

/* Grid */
.wcpb-grid{
  display:grid; gap:16px;
  grid-template-columns: repeat(auto-fill, 258px);
  justify-content:center;
}

/* Card */
.wcpb-card{
  width:258px; height:268px;
  display:flex; flex-direction:column; overflow:hidden;
  border:1px solid #eee; border-radius:24px; background:#fff;
  box-shadow:0 18px 40px rgba(0,0,0,.08);
  transition:transform .12s ease, box-shadow .2s ease;
}
.wcpb-card:hover{ transform:translateY(-2px); box-shadow:0 22px 48px rgba(0,0,0,.12); }

/* Top image (gradient placeholder) */
.wcpb-thumb{height:158px; position:relative; background:#fafafa;}
.wcpb-thumb img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.wcpb-ph{width:100%; height:100%;
  background:linear-gradient(180deg,#f8d3dc 0%,#fff2d8 48%,#e6f0ff 100%);
}

/* Body with top divider line */
.wcpb-body{
  height:110px; padding:14px 16px 12px; position:relative;
  display:flex; flex-direction:column; justify-content:flex-start;
  text-align:right; direction:rtl;
}
.wcpb-body::before{ content:""; position:absolute; top:0; left:0; right:0; height:1px; background:#eee; }

/* Title pink, one-line */
.wcpb-title{
  margin:0 0 6px; color:#c35a78; font-weight:900;
  font-size:1.02rem; line-height:1.4;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
/* Two-line excerpt */
.wcpb-excerpt{
  color:#444; font-size:.90rem; line-height:1.6;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* Pagination */
.wcpb-pages{display:flex; justify-content:center; gap:8px; margin-top:8px}
.wcpb-page{display:inline-flex; align-items:center; justify-content:center; height:34px; min-width:34px; padding:0 10px; border:1px solid #e6e6e6; border-radius:10px; color:#444; text-decoration:none}
.wcpb-page.is-active{background:#c35a78; color:#fff; border-color:#c35a78}

/* Empty state full width */
.wcpb-grid > .wcpb-empty{
  grid-column:1 / -1; border:1px dashed #e5e5e5; border-radius:16px; background:#fafafa;
  display:grid; place-items:center; min-height:160px; color:#666; font-weight:700
}

/* v1.1.6 ensure excerpt never gets cropped */
.wcpb-excerpt{ -webkit-line-clamp:2; overflow:hidden; }
.wcpb-title{ margin-bottom:6px; }