/*
 * Cll Blog AI - front styles
 * @author Luca Cavallini
 * @license Proprietary - Commercial license. All rights reserved.
 */
.cll-blog{margin:0 0 2rem}
.cll-blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}
.cll-blog-card{border:1px solid #e6e6e6;border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.cll-blog-card .cll-blog-thumb img{width:100%;height:170px;object-fit:cover;display:block}
.cll-blog-card-title{font-size:1.1rem;margin:.75rem 1rem .25rem}
.cll-blog-card-title a{color:inherit;text-decoration:none}
.cll-blog-meta{font-size:.82rem;color:#777;margin:0 1rem .5rem;display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}
.cll-blog-cat{background:#f0f0f0;border-radius:4px;padding:1px 8px;font-size:.78rem;color:#444;text-decoration:none}
.cll-blog-excerpt{margin:0 1rem .75rem;color:#555;font-size:.9rem;flex:1}
.cll-blog-readmore{margin:0 1rem 1rem;font-weight:600;text-decoration:none}
.cll-blog-cats{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0 0 1.5rem}
.cll-blog-cats li a{display:inline-block;padding:4px 12px;border:1px solid #ddd;border-radius:20px;text-decoration:none;color:#333;font-size:.85rem}
.cll-blog-pagination{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem}
.cll-blog-single-title{margin-bottom:.5rem}
.cll-blog-single-image img{width:100%;max-height:480px;object-fit:cover;border-radius:8px;margin:1rem 0}
.cll-blog-content{line-height:1.7;font-size:1.02rem}
.cll-blog-content h2{margin-top:1.6rem}
.cll-blog-tags{margin:1.5rem 0;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.cll-blog-tag{background:#eef3ff;color:#2b59c3;padding:2px 10px;border-radius:14px;text-decoration:none;font-size:.85rem}
.cll-blog-related{margin-top:2.5rem}
.cll-blog-comments{margin-top:2.5rem;border-top:1px solid #eee;padding-top:1.5rem}
.cll-blog-comment{border-bottom:1px solid #f0f0f0;padding:.75rem 0}
.cll-blog-comment-head{display:flex;gap:.75rem;align-items:baseline;color:#777;font-size:.85rem}
.cll-blog-comment-form{margin-top:1.5rem;max-width:640px}
.cll-blog-moderation-note{font-size:.82rem;color:#999;margin-top:.5rem}
.cll-blog-widget-list{list-style:none;padding:0;margin:0}
.cll-blog-widget-item{display:flex;gap:.6rem;align-items:center;padding:.4rem 0}
.cll-blog-widget-thumb img{width:56px;height:56px;object-fit:cover;border-radius:6px}
.cll-blog-back{margin-top:2rem}