/* Container grid */
.custom-blog-grid {
 display: flex;
 flex-wrap: wrap;
 gap: 30px;
 justify-content: flex-start;
}
/* Each card */
.custom-blog-card {
 background-color: #ffffff;
 border-radius: 4px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
 display: flex;
 flex-direction: column;
 width: calc(33.333% - 20px);
 height: 450px;
 transition: transform 0.3s;
}
/* Thumbnail */
.custom-card-image img {
 width: 100%;
 height: 120px;
 border-radius: 4px 4px 0px 0px; 
 object-fit: cover;
}
/* Content */
.custom-card-content {
 padding: 15px;
 display: flex;
 flex-direction: column;
 flex-grow: 1;
}
/* Category pill */
.custom-category {
 display: inline-block;
 background-color: #f5f5f5;
 font-size: 12px;
 font-family: 'proximus-light';
 padding: 4px 14px;
 border-radius: 999px;
 margin-bottom: 6px;
 width: fit-content;
}
.custom-category a {
 color: #6b409b;
}
/* Meta info */
.custom-meta {
 font-size: 12px;
 font-family: 'proximus-regular';
 color: #838383;
 margin-bottom: 6px;
}
/* Title */
.custom-card-content h3 {
 font-size: 16px;
 font-family: 'proximus-regular';
 font-weight: 600;
 line-height: normal;
 margin: 0 0 6px;
 padding: 0;
 color: #111827;
}
/* Excerpt */
.custom-card-content p {
 font-size: 12px;
 font-family: 'proximus-regular';
 color: black;
 flex-grow: 1;
}
/* Author row */
.author-row {
 display: flex;
 align-items: center;
 margin: 20px 0 16px;
 gap: 10px;
}
.author-info {
 display: flex;
 flex-direction: column;
 gap: 4px;
}
.author-row img {
 border-radius: 50%;
 width: 30px;
 height: 30px;
}
.author-row small {
 font-size: 10px;
 font-family: 'proximus-regular';
 color: #6b409b;
 line-height: normal;
}
/* Button */
.read-more-btn {
 background-color: #e4dcec;
 color: #6b409b;
 text-align: center;
 padding: 12px;
 border-radius: 4px 4px 20px 4px;
 font-weight: 600;
 font-family: 'proximus-regular' !important;
 text-decoration: none;
 margin-top: auto;
 display: block;
 transition: transform 0.3s;
}
.read-more-btn a:hover {
 background-color: #ffffff;
 border: 1px solid #6b409b;
 text-decoration: none;
}
/* Filter Form */
.custom-filter-form {
 display: flex;
 width: 100%;
 gap: 15px;
 flex-wrap: wrap;
 margin-bottom: 30px;
}
.custom-filter-form input {
 flex: 2;
}
.custom-filter-form select {
 flex: 1;
}
.custom-filter-form input,
.custom-filter-form select {
 padding: 10px 14px !important;
 border-radius: 4px;
 border: 0 !important;
 font-size: 12px;
 font-family: 'proximus-light'
 min-width: 200px;
 background-color: #2c283e !important;
 color: #b0afb7 !important;
}
.custom-filter-form input:focus,
.custom-filter-form select:focus {
 border-color: #9333ea;
 outline: none;
 box-shadow: 0 0 0 2px rgba(147, 51, 234, 0.2);
}
/* No posts message */
.no-posts-message {
 text-align: center;
 font-size: 18px;
 color: #6b7280;
 margin-top: 24px;
}
/* Responsive */
@media (max-width: 1024px) {
 .custom-blog-card {
   width: calc(50% - 20px);
 }
}
@media (max-width: 768px) {
 .custom-blog-card {
   width: 100%;
 }
}