/* استایل شبکه ۵ ستونه */
.wpcb-grid-container {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
    direction: rtl;
    margin-bottom: 30px;
}

@media (max-width: 1024px) { .wpcb-grid-container { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px) { .wpcb-grid-container { grid-template-columns: repeat(1, 1fr); } }

.wpcb-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.2s;
}
.wpcb-card:hover { transform: translateY(-5px); }
.wpcb-card-img {
    height: 150px;
    background-size: cover;
    background-position: center;
    position: relative;
}
.wpcb-overlay {
    position: absolute; top:0; bottom:0; left:0; right:0;
    background: rgba(0,0,0,0.5); color:#fff; display:flex;
    align-items:center; justify-content:center; opacity:0; transition:0.3s;
}
.wpcb-card:hover .wpcb-overlay { opacity:1; }
.wpcb-card-content { padding: 15px; text-align: right; }
.wpcb-card-content h3 { margin: 0 0 10px 0; font-size: 16px; }
.wpcb-card-meta { display: flex; justify-content: space-between; color: #777; font-size: 12px; }

.wpcb-more-btn-container { text-align: center; margin: 20px 0; }
.wpcb-btn-all { background: #0073aa; color: #fff; padding: 10px 25px; border-radius: 5px; text-decoration: none; }
.wpcb-btn-all:hover { background: #005177; color: #fff; }

/* استایل پاپ آپ مودال */
.wpcb-modal {
    display: none; position: fixed; z-index: 99999; left: 0; top: 0;
    width: 100%; height: 100%; background-color: rgba(0,0,0,0.6);
    align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease;
}
.wpcb-modal.open { display: flex; opacity: 1; }
.wpcb-modal-content {
    background-color: #fefefe; padding: 30px; border-radius: 12px;
    width: 70%; max-width: 800px; max-height: 85vh; overflow-y: auto;
    direction: rtl; text-align: right; position: relative; animation: scaleUp 0.3s ease;
}
@keyframes scaleUp { from {transform: scale(0.8);} to {transform: scale(1);} }
.wpcb-close { position: absolute; left: 20px; top: 15px; font-size: 28px; cursor: pointer; }
.popup-img { width: 100%; max-height: 350px; object-fit: cover; border-radius: 8px; }
.wpcb-like-btn { background: #ff4757; color: white; border: none; padding: 8px 15px; border-radius: 5px; cursor: pointer; }
.popup-comments-section { margin-top: 25px; border-top: 1px solid #eee; padding-top: 15px; }
#wpcb-comment-text { width: 100%; height: 80px; margin-top: 10px; padding: 10px; }
#wpcb-submit-comment { background: #2ed573; color: white; border: none; padding: 8px 20px; border-radius: 5px; margin-top: 5px; cursor: pointer; }