/* ==============================
   BLOG PAGE STYLES - css/blog.css
   ============================== */
/* Hero Blog */
.hero-blog-page .breadcrumb { display: none; }
.hero-blog-page { min-height: auto; text-align: center; padding: 5rem 0 3rem}
.hero-container { width: 1400px; margin: 0 auto; padding: 4rem 2rem; background-color: transparent; }
.hero-blog-page h1 { font-size: 3rem; line-height: 3rem; margin: 0 auto 1.5rem; max-width: none}
.hero-blog-page p { font-size: 1.25rem; line-height: 2rem; margin: 0 auto; max-width: 800px; padding: 0 2rem; }
/* Container */
.blog-container { max-width: 1350px; margin: 0 auto; padding: 4rem 2rem; background-color: transparent; }
/* Righe Blog */
.blog-row { display: grid; gap: 2rem; margin-bottom: 3rem; }
.blog-row-2 { grid-template-columns: repeat(2, 1fr); }
.blog-row-3 { grid-template-columns: repeat(3, 1fr); }
/* Card Articolo */
.blog-card { background: #FDFDF7; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.blog-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); }
.blog-card-link { text-decoration: none; color: inherit; display: block; }
.blog-card-image { width: 100%; height: 290px; overflow: hidden; background-color: #f0f0f0; }
.blog-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.blog-card:hover .blog-card-image img { transform: scale(1.05); }
.blog-card-content { padding: 1.75rem; }
.blog-card-date { display: block; font-size: 0.75rem; color: #6e9056; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 0.75rem; }
.blog-card-title { font-size: 1.35rem; line-height: 1.4; margin: 0 0 1rem; color: #1a1a1a; font-weight: 700; }
.blog-card-excerpt { font-size: 1rem; line-height: 1.6; color: #666; margin-bottom: 1rem; text-align: left; }
.blog-card-content .primary-button { display: inline-block;padding:0.8rem 3rem }


/* Paginazione */
.blog-pagination { margin-top: 4rem; text-align: center; }
.blog-pagination .page-numbers { display: inline-block; padding: 0.5rem 1rem; margin: 0 0.25rem; background-color: #fff; color: #333; text-decoration: none; border-radius: 5px; transition: background-color 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.blog-pagination .page-numbers:hover { background-color: #6e9056; color: #fff; }
.blog-pagination .page-numbers.current { background-color: #6e9056; color: #fff; }

body.blog {background-color: #f5f5f5;}

/* Responsive */
@media (max-width: 1400px) {
   .hero-container {width: 100%; padding: 3rem 1.5rem;}
   .hero-blog-page p { max-width: 700px; }
}

@media (max-width: 1024px) {
   .hero-blog-page {padding: 7rem 0 3rem}
   .hero-container {width: 100%; padding: 3rem 1.5rem;}
   .hero-blog-page h1 { font-size: 2.5rem; line-height: 2.5rem; }
   .hero-blog-page p { max-width: 600px; font-size: 1.1rem; }
   .blog-row-2 { grid-template-columns: repeat(2, 1fr); }
   .blog-row-3 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
   .hero-container {width: 100%; padding: 5rem 0;}
   .hero-blog-page { padding: 3rem 0 2rem; }
   .hero-blog-page h1 { font-size: 2.5rem; line-height: 3rem; }
   .hero-blog-page p { max-width: 100%; text-align: left}
   .blog-row-2 { grid-template-columns: 1fr; }  
   .blog-row-3 { grid-template-columns: 1fr; }
   .blog-card-image { height: 200px; }
   .blog-container { padding: 2rem 1rem; }
   .blog-pagination .page-numbers {margin: 0.25rem;}
}