/* Blog Cards - Smaller styling for 4 per row layout */

.blog-card {
    margin-bottom: 20px;
}

.blog-card .tour-image {
    height: 160px; /* Reduced from 200px */
}

.blog-card .tour-content {
    padding: 15px; /* Reduced from 20px */
}

.blog-card .tour-content h3 {
    font-size: 1rem; /* Smaller title */
    line-height: 1.3;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-card .tour-content p {
    font-size: 0.85rem; /* Smaller text */
    line-height: 1.4;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-card .tour-metadata {
    font-size: 0.75rem; /* Smaller metadata */
    margin-bottom: 10px;
}

.blog-card .tour-metadata span {
    margin-right: 10px;
}

.blog-card .tour-buttons .btn {
    padding: 6px 12px; /* Smaller button */
    font-size: 0.8rem;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .blog-card .tour-image {
        height: 180px;
    }
    
    .blog-card .tour-content h3 {
        font-size: 1.1rem;
    }
    
    .blog-card .tour-content p {
        font-size: 0.9rem;
    }
}

@media (max-width: 767px) {
    .blog-card .tour-image {
        height: 200px; /* Back to normal size on mobile */
    }
    
    .blog-card .tour-content {
        padding: 20px; /* Back to normal padding on mobile */
    }
    
    .blog-card .tour-content h3 {
        font-size: 1.2rem;
        -webkit-line-clamp: 3;
    }
    
    .blog-card .tour-content p {
        font-size: 1rem;
        -webkit-line-clamp: 3;
    }
    
    .blog-card .tour-metadata {
        font-size: 0.85rem;
    }
    
    .blog-card .tour-buttons .btn {
        padding: 8px 16px;
        font-size: 14px;
    }
}