/**
 * BLOG - MURICY CONSULTORIA
 * Estilos para: blog archive, single post, archive pages, search
 */

/* ===================================
   HEADER DA PÁGINA BLOG
   =================================== */
.page-blog{padding:var(--section-xl)}
.page-blog .container{max-width:1280px}

.page-header-blog{text-align:center;margin-bottom:var(--space-2xl)}

.page-header-blog .header-badge{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--gradient-light);border:1px solid var(--primary-light);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);margin-bottom:var(--space-lg)}
.page-header-blog .badge-icon{font-size:var(--text-lg);color:var(--primary)}
.page-header-blog .badge-text{font-size:var(--text-sm);font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:0.5px}

.page-title-blog{font-size:var(--title-hero);font-weight:700;color:var(--text);line-height:1.2;margin-bottom:var(--space-md)}
.page-title-blog::after{content:'';display:block;width:60px;height:4px;background:var(--gradient-primary);border-radius:2px;margin:var(--space-md) auto 0}

.page-intro-blog{font-size:var(--text-lg);color:var(--text-muted);max-width:700px;margin:0 auto;line-height:1.7}

/* ===================================
   GRID DE POSTS
   =================================== */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);margin-bottom:var(--space-2xl)}

/* ===================================
   CARD DE POST
   =================================== */
.blog-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden;transition:all var(--transition-base);display:flex;flex-direction:column;border:1px solid var(--border);height:100%}
.blog-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}

/* Imagem */
.blog-card-image{position:relative;height:200px;overflow:hidden}
.blog-card-link{display:block;width:100%;height:100%;position:relative}
.blog-card-link img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}
.blog-card:hover .blog-card-link img{transform:scale(1.05)}

.blog-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.1) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-base);display:flex;align-items:center;justify-content:center}
.blog-card:hover .blog-card-overlay{opacity:1}

.blog-card-read{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--white);color:var(--primary);border-radius:50%;font-size:var(--text-lg);transform:scale(0.8);transition:transform var(--transition-base)}
.blog-card:hover .blog-card-read{transform:scale(1)}

.blog-card-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--gradient-soft);gap:var(--space-sm)}
.blog-card-placeholder i{font-size:var(--text-2xl);color:var(--primary)}
.blog-card-placeholder span{font-size:var(--text-3xl);font-weight:700;color:var(--primary)}

/* Categoria */
.blog-card-category{position:absolute;top:var(--space-sm);left:var(--space-sm);z-index:2}
.blog-card-category a{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--primary);color:var(--white);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;box-shadow:var(--shadow-sm);text-decoration:none;transition:background var(--transition-fast)}
.blog-card-category a:hover{background:var(--primary-dark)}

/* Conteúdo */
.blog-card-content{padding:var(--space-lg);flex:1;display:flex;flex-direction:column}

/* Meta */
.blog-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md);font-size:var(--text-xs);color:var(--text-muted)}
.blog-card-meta i{color:var(--primary);margin-right:4px}
.blog-card-date,.blog-card-read-time{display:inline-flex;align-items:center}

/* Título */
.blog-card-title{font-size:var(--title-card);font-weight:600;margin-bottom:var(--space-sm);line-height:1.3}
.blog-card-title a{color:var(--text);text-decoration:none;transition:color var(--transition-fast)}
.blog-card-title a:hover{color:var(--primary)}

/* Excerpt */
.blog-card-excerpt{color:var(--text-muted);font-size:var(--text-base);line-height:1.6;margin-bottom:var(--space-lg);flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* CTA */
.blog-card-cta{margin-top:auto}
.btn-blog-card{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);background:var(--gradient-primary);color:var(--white);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-base);text-decoration:none;transition:all var(--transition-base)}
.btn-blog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary);color:var(--white)}
.btn-blog-card i{transition:transform var(--transition-base)}
.btn-blog-card:hover i{transform:translateX(4px)}

/* ===================================
   ESTADO VAZIO
   =================================== */
.blog-empty{text-align:center;padding:var(--space-2xl);background:var(--gradient-light);border-radius:var(--radius-lg);border:2px dashed var(--border)}
.blog-empty .empty-icon{font-size:4rem;color:var(--primary);margin-bottom:var(--space-lg);opacity:0.5}
.blog-empty .empty-title{font-size:var(--text-xl);color:var(--text);margin-bottom:var(--space-sm);font-weight:600}
.blog-empty .empty-text{color:var(--text-muted);font-size:var(--text-base)}

/* ===================================
   SINGLE POST
   =================================== */
.page-blog-single{padding-bottom:var(--section-xl)}

/* Header */
.blog-single-header{padding:80px 0 var(--space-xl);background:var(--gradient-light);border-bottom:1px solid var(--border);margin-bottom:var(--space-xl)}
.blog-single-header .container{max-width:800px}

.blog-breadcrumb{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap}
.blog-breadcrumb a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}
.blog-breadcrumb a:hover{color:var(--primary-dark);text-decoration:underline}
.blog-breadcrumb i{font-size:var(--text-xs)}
.blog-breadcrumb .current{color:var(--text-muted)}

.blog-single-category{margin-bottom:var(--space-md)}
.blog-single-category a{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--primary);color:var(--white);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:background var(--transition-fast)}
.blog-single-category a:hover{background:var(--primary-dark)}

.blog-single-title{font-size:var(--title-hero);font-weight:700;color:var(--text);line-height:1.2;margin-bottom:var(--space-lg)}

.blog-single-meta{display:flex;flex-wrap:wrap;gap:var(--space-lg);font-size:var(--text-sm);color:var(--text-muted)}
.blog-single-meta .meta-item{display:inline-flex;align-items:center;gap:var(--space-xs)}
.blog-single-meta .meta-item i{color:var(--primary)}

/* Imagem Destacada */
.blog-single-featured{margin-bottom:var(--space-2xl)}
.blog-single-featured .container{max-width:900px}

.featured-image-wrapper{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}
.featured-image-wrapper img{width:100%;height:auto;display:block}

/* Conteúdo */
.blog-single-content{margin-bottom:var(--space-2xl)}
.blog-content-wrapper{max-width:800px;margin:0 auto}

/* Estilização do conteúdo WordPress */
.entry-content{font-size:var(--text-base);line-height:1.8;color:var(--text)}
.entry-content p{margin-bottom:var(--space-lg)}
.entry-content h2,.entry-content h3,.entry-content h4{margin-top:var(--space-2xl);margin-bottom:var(--space-md);font-weight:600;line-height:1.3;color:var(--text)}
.entry-content h2{font-size:var(--text-2xl)}
.entry-content h3{font-size:var(--text-xl)}
.entry-content h4{font-size:var(--text-lg)}
.entry-content ul,.entry-content ol{margin-bottom:var(--space-lg);padding-left:var(--space-lg)}
.entry-content li{margin-bottom:var(--space-xs)}
.entry-content a{color:var(--primary);text-decoration:underline;transition:color var(--transition-fast)}
.entry-content a:hover{color:var(--primary-dark)}
.entry-content blockquote{margin:var(--space-xl) 0;padding:var(--space-lg) var(--space-xl);border-left:4px solid var(--primary);background:var(--gradient-light);font-style:italic;color:var(--text-muted);border-radius:0 var(--radius-md) var(--radius-md) 0}
.entry-content blockquote p:last-child{margin-bottom:0}
.entry-content img{border-radius:var(--radius-md);max-width:100%;height:auto;margin:var(--space-lg) 0}
.entry-content figure{margin:var(--space-xl) 0}
.entry-content figcaption{font-size:var(--text-sm);color:var(--text-muted);text-align:center;margin-top:var(--space-sm)}
.entry-content table{width:100%;border-collapse:collapse;margin:var(--space-lg) 0;font-size:var(--text-sm)}
.entry-content th,.entry-content td{padding:var(--space-sm) var(--space-md);border:1px solid var(--border);text-align:left}
.entry-content th{background:var(--primary-light);font-weight:600;color:var(--primary)}

/* Tags */
.blog-tags{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--border)}
.blog-tags h4{font-size:var(--text-base);margin-bottom:var(--space-md);color:var(--text);display:flex;align-items:center;gap:var(--space-sm)}
.blog-tags h4 i{color:var(--primary)}

.tags-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}
.tag-link{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);background:var(--gray-light);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text);text-decoration:none;transition:all var(--transition-fast)}
.tag-link:hover{background:var(--primary);color:var(--white)}

/* Navegação */
.blog-navigation{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--border)}
.blog-navigation .nav-links{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}

.nav-prev,.nav-next{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--white);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-base);flex:1;max-width:350px;border:1px solid var(--border)}
.nav-prev:hover,.nav-next:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}
.nav-prev i,.nav-next i{color:var(--primary);font-size:var(--text-lg)}

.nav-prev{text-align:left}
.nav-next{text-align:right;flex-direction:row-reverse}
.nav-next i{order:2}

.nav-content{display:flex;flex-direction:column;gap:var(--space-xs)}
.nav-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px}
.nav-title{font-size:var(--text-base);font-weight:600;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nav-placeholder{flex:1;max-width:350px}

/* Posts Relacionados */
.blog-related{padding:var(--section-lg);background:var(--gradient-light);border-top:1px solid var(--border)}
.blog-related .section-title{margin-bottom:var(--space-xl)}
.blog-related .blog-grid{margin-bottom:0}

/* ===================================
   ARCHIVE PAGES (Categorias, Tags, Busca, etc)
   =================================== */
.page-archive .archive-header{margin-bottom:var(--space-xl)}

.page-archive .header-badge.category{background:var(--primary-light);border-color:var(--primary)}
.page-archive .header-badge.category .badge-icon{color:var(--primary)}
.page-archive .header-badge.category .badge-text{color:var(--primary)}

.page-archive .header-badge.tag{background:#fdf2f8;border-color:#f9a8d4}
.page-archive .header-badge.tag .badge-icon{color:#db2777}
.page-archive .header-badge.tag .badge-text{color:#db2777}

.page-archive .header-badge.author{background:#f0fdf4;border-color:#86efac}
.page-archive .header-badge.author .badge-icon{color:#16a34a}
.page-archive .header-badge.author .badge-text{color:#16a34a}

.page-archive .header-badge.search{background:#fef3c7;border-color:#fcd34d}
.page-archive .header-badge.search .badge-icon{color:#d97706}
.page-archive .header-badge.search .badge-text{color:#d97706}

.page-archive .archive-description{font-size:var(--text-base);color:var(--text-muted);max-width:700px;margin:var(--space-md) auto var(--space-lg);line-height:1.6}
.page-archive .archive-description p{margin-bottom:var(--space-sm)}

.page-archive .archive-meta{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-light)}
.page-archive .post-count{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-muted)}
.page-archive .post-count i{color:var(--primary)}

.page-archive .archive-breadcrumb{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap;justify-content:center}
.page-archive .archive-breadcrumb a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}
.page-archive .archive-breadcrumb a:hover{color:var(--primary-dark);text-decoration:underline}
.page-archive .archive-breadcrumb i{font-size:var(--text-xs)}
.page-archive .archive-breadcrumb .current{color:var(--text-muted)}

.page-archive .blog-empty .btn-primary{margin-top:var(--space-lg)}

/* ===================================
   RESPONSIVIDADE
   =================================== */
@media (max-width:1024px){
    .blog-grid{grid-template-columns:repeat(2,1fr)}
    .blog-single-title{font-size:var(--title-section)}
    .blog-navigation .nav-links{gap:var(--space-sm)}
    .nav-prev,.nav-next,.nav-placeholder{max-width:300px}
}

@media (max-width:768px){
    .page-blog{padding:var(--section-lg)}
    .blog-grid{grid-template-columns:1fr;gap:var(--space-lg)}
    .blog-card-image{height:180px}
    
    .blog-single-header{padding:var(--space-xl) 0 var(--space-lg)}
    .blog-single-title{font-size:var(--text-2xl)}
    .blog-single-meta{gap:var(--space-md)}
    
    .blog-navigation .nav-links{flex-direction:column}
    .nav-prev,.nav-next,.nav-placeholder{width:100%;max-width:none}
    .nav-next{flex-direction:row}
    .nav-next i{order:0}
    .nav-next .nav-content{text-align:left}
}

@media (max-width:480px){
    .blog-card-content{padding:var(--space-md)}
    .blog-card-title{font-size:var(--text-lg)}
    .btn-blog-card{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}
    
    .entry-content{font-size:var(--text-sm)}
    .entry-content h2{font-size:var(--text-xl)}
    .entry-content h3{font-size:var(--text-lg)}
}