/* Dropdown filter styles */
.cpf-wrapper { background: #fff; padding: 22px; border-radius: 10px; box-shadow: 0 8px 30px rgba(0,0,0,0.06); font-family: Arial, sans-serif; color: #222; }
.cpf-top { display:flex; gap:10px; align-items:center; margin-bottom:18px; flex-wrap:wrap; }
.cpf-dropdown { padding:10px 12px; border-radius:8px; border:1px solid #eee; min-width:220px; }
.cpf-reset { background:#F98B1F; color:#fff; border:none; padding:10px 14px; border-radius:999px; cursor:pointer; box-shadow:0 8px 18px rgba(249,139,31,0.14); }

/* Sections */
.cpf-section-title { font-size:18px; margin:0 0 12px 0; color:#333; display:block; }
.cpf-posts-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:14px; }

/* Card */
.cpf-card { background:#fff; border:1px solid #f0f0f0; border-radius:10px; overflow:hidden; display:flex; flex-direction:column; transition:transform .18s ease, box-shadow .18s ease; }
.cpf-card:hover { transform:translateY(-6px); box-shadow:0 12px 30px rgba(0,0,0,0.06); }
.cpf-thumb-link img { width:100%; height:160px; object-fit:cover; display:block; }
.cpf-card-body { padding:12px; flex:1; display:flex; flex-direction:column; }
.cpf-card-title { font-size:16px; margin:0 0 8px; }
.cpf-card-title a { color:#222; text-decoration:none; }
.cpf-card-excerpt { margin:0 0 12px; color:#555; font-size:14px; line-height:1.4; }

.cpf-readmore { margin-top:auto; align-self:flex-start; background:#F98B1F; color:#fff; padding:8px 12px; border-radius:999px; text-decoration:none; display:inline-block; box-shadow:0 8px 18px rgba(249,139,31,0.14); }
.cpf-readmore:hover { background:#e07a0f; }

.cpf-load-wrap { text-align:center; margin-top:12px; }
.cpf-load-more-default, #cpf-load-more-selected { background:#F98B1F; color:#fff; border:none; padding:10px 18px; border-radius:999px; cursor:pointer; box-shadow:0 8px 18px rgba(249,139,31,0.14); }

/* filtered view cards slightly different */
#cpf-filtered-view .cpf-selected-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:14px; }
#cpf-filtered-view .cpf-card.filtered { display:flex; }

/* Responsive */
@media (max-width:900px) {
    .cpf-posts-grid, #cpf-filtered-view .cpf-selected-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width:600px) {
    .cpf-posts-grid, #cpf-filtered-view .cpf-selected-grid { grid-template-columns: 1fr; }
    .cpf-thumb-link img { height:200px; }
}