/* Blog Page Styles */
.single-blog-page, .blog-archive-page {padding: 60px 0;}

/* Archive Header */
.archive-header {margin-bottom: 40px;}
.archive-title {font-size: 48px; font-weight: 700; color: #000; text-align: center; margin-bottom: 0;}

/* Blog Posts Grid */
.blog-posts-grid {margin-bottom: 60px;}
.blog-post-card {background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.08); transition: all 0.3s ease; height: 100%; display: flex; flex-direction: column;}
.blog-post-card:hover {transform: translateY(-5px); box-shadow: 0 8px 30px rgba(0,0,0,0.12);}

.post-card-link {text-decoration: none; color: inherit; display: flex; flex-direction: column; height: 100%;}
.post-card-link:hover {text-decoration: none; color: inherit;}

/* Post Logo */
.post-logo {padding: 30px; text-align: center; aspect-ratio: 16/9; display: flex; align-items: center; justify-content: center; background: #f8f9fa;}
.accesso-logo {width: 220px; height: auto; object-fit: contain; filter: grayscale(100%) brightness(80%); opacity: 0.2;}

/* Post Card Content */
.post-card-content {padding: 35px; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between;}
.post-card-title {font-size: 24px; font-weight: 500; line-height: 1.3; margin-bottom: 15px; color: #000; font-family: 'Effra Trial';}
.post-card-meta {margin-top: auto;}
.post-date {color: #666; font-size: 14px; font-weight: 500;}

/* No Posts Message */
.no-posts-message {text-align: center; padding: 60px 20px; background: #f8f9fa; border-radius: 12px;}
.no-posts-message h2 {color: #000; margin-bottom: 15px;}
.no-posts-message p {color: #666; margin: 0;}

/* Blog Pagination */
.blog-pagination {margin-top: 60px; text-align: center;}
.blog-pagination .nav-links {display: inline-block;}
.blog-pagination .page-numbers {display: inline-block; padding: 10px 15px; margin: 0 5px; background: #f8f9fa; color: #333; text-decoration: none; border-radius: 5px; font-weight: 600; transition: all 0.3s ease;}
.blog-pagination .page-numbers.current {background: #00bb33; color: #fff; text-decoration: none;}
.blog-pagination .page-numbers.dots {background: none; color: #999;}
.blog-pagination ul {list-style: none; padding: 0; margin: 0; display: inline-flex; gap: 10px;}
.blog-pagination li {display: inline-block;}
.blog-pagination li a, .blog-pagination li span {display: inline-block; padding: 10px 15px; background: #f8f9fa; color: #333; text-decoration: none; border-radius: 5px; font-weight: 600; transition: all 0.3s ease;}
.blog-pagination li a:hover, .blog-pagination li .current {background: #00bb33; color: #fff; text-decoration: none;}

/* Blog Navigation Tabs */
.blog-navigation-tabs {margin-bottom: 40px; border-bottom: 1px solid #e9ecef;}
.blog-nav .nav-pills .nav-link {background: none; border: none; color: #6c757d; font-weight: 600; font-size: 16px; padding: 15px 25px; border-radius: 0; border-bottom: 3px solid transparent; transition: all 0.3s ease;}
.blog-nav .nav-pills .nav-link:hover, .blog-nav .nav-pills .nav-link.active {color: #00bb33; border-bottom-color: #00bb33; background: none;}

/* Post Header */
.post-header {margin-bottom: 30px;}
.post-title {font-size: 48px; font-weight: 700; line-height: 1.2; margin-bottom: 20px; color: #000;}
.post-meta {color: #666; font-size: 16px; margin-bottom: 20px;}
.post-meta .category-link {color: #00bb33; text-decoration: none; font-weight: 600;}
.post-meta .category-link:hover {text-decoration: underline;}

/* Post Featured Image */
.post-featured-image {width: 100%; height: auto; object-fit: cover; aspect-ratio: 16/9; overflow: hidden;}
.post-featured-image img {border-radius: 8px;}

/* Post Content */
.post-content {font-size: 16px; line-height: 1.6; color: #333; margin-bottom: 40px;}
.post-content p {margin-bottom: 20px;}
.post-content h2, .post-content h3, .post-content h4 {margin-top: 30px; margin-bottom: 15px; color: #000; font-size: 38px;}
.post-content h2 strong,
.post-content h3 strong {font-weight: 600;}

/* Post Tags */
.post-tags {padding-top: 20px; border-top: 1px solid #e9ecef; color: #666;}
.post-tags a {color: #00bb33; text-decoration: none;}
.post-tags a:hover {text-decoration: underline;}

/* Sidebar Styles */
.blog-sidebar {padding-left: 40px;}
.sidebar-widget {margin-bottom: 40px; padding: 30px; background: #f8f9fa; border-radius: 8px;}
.widget-title {font-size: 24px; font-weight: 700; color: #00bb33; margin-bottom: 20px; font-family: 'Effra Trial';}

/* Search Widget */
.search-widget .search-form .input-group {border-radius: 25px; overflow: hidden;}
.search-widget .search-field {border: 1px solid #ddd; border-right: none; padding: 12px 20px;}
.search-widget .search-submit {border: 1px solid #ddd; border-left: none; background: #fff; color: #666; padding: 12px 15px;}
.search-widget .search-submit:hover {background: #00bb33; color: #fff; border-color: #00bb33;}

/* Categories Widget */
.category-list {list-style: none; padding: 0; margin: 0;}
.category-list li {margin-bottom: 10px;}
.category-list a {color: #333; text-decoration: none; font-weight: 500; display: block; padding: 8px 0; border-bottom: 1px solid #e9ecef;}
.category-list a:hover {color: #00bb33; padding-left: 10px; transition: all 0.3s ease;}

/* Archives Widget */
.archive-list {list-style: none; padding: 0; margin: 0;}
.archive-list li {margin-bottom: 8px;}
.archive-list a {color: #333; text-decoration: none; font-weight: 500; display: block; padding: 5px 0;}
.archive-list a:hover {color: #00bb33;}
.show-more-link {color: #00bb33 !important; font-weight: 600;}

/* Social Widget */
.social-links {display: flex; gap: 15px;}
.social-link {display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #333; color: #fff; border-radius: 50%; text-decoration: none; transition: all 0.3s ease;}
.social-link:hover {background: #00bb33; color: #fff; transform: translateY(-2px);}

/* Responsive Design */
@media (max-width: 991px) {
    .blog-sidebar {padding-left: 0; margin-top: 40px;}
    .post-title, .archive-title {font-size: 36px;}
    .blog-nav .nav-pills .nav-link {padding: 12px 15px; font-size: 14px;}
    .post-card-title {font-size: 16px;}
    .post-logo {padding: 25px;}
    .accesso-logo {max-width: 100px;}
}

@media (max-width: 767px) {
    .blog-nav .nav-pills {flex-wrap: wrap; justify-content: flex-start !important;}
    .blog-nav .nav-pills .nav-link {padding: 10px 12px; font-size: 13px;}
    .post-title, .archive-title {font-size: 28px;}
    .sidebar-widget {padding: 20px;}
    .post-card-content {padding: 20px;}
    .post-logo {padding: 20px;}
    .accesso-logo {max-width: 80px;}
    .blog-pagination .page-numbers, .blog-pagination li a, .blog-pagination li span {padding: 8px 12px; font-size: 14px;}
}