/* Blog listing & detail – ensure text visible on dark background */

/* ========== Blog listing ========== */
.blog-listing-section {
  color: #fff !important;
}
.blog-listing-section .container,
.blog-listing-section .container * {
  color: inherit;
}
.blog-listing-section .container a:not(.badge) {
  color: #fff !important;
  text-decoration: none;
}
.blog-listing-section .container a:not(.badge):hover {
  color: var(--theme, #34b9e2) !important;
  opacity: 1;
}
.blog-listing-section .blog-card,
.blog-listing-section .blog-card h3,
.blog-listing-section .blog-card h3 a,
.blog-listing-section .blog-card p,
.blog-listing-section .blog-card span,
.blog-listing-section .blog-card a {
  color: #fff !important;
}
.blog-listing-section .blog-card .opacity-75,
.blog-listing-section .blog-card a.opacity-75 {
  opacity: 0.85 !important;
}
.blog-listing-section .border-secondary {
  border-color: rgba(255, 255, 255, 0.25) !important;
}
.blog-listing-section .section-title h2,
.blog-listing-section .section-title p {
  color: #fff !important;
}
/* Pagination */
.blog-listing-section .pagination-wrapper .pagination .page-link,
.blog-listing-section .pagination .page-link {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.35);
  background: transparent !important;
}
.blog-listing-section .pagination-wrapper .pagination .page-item.active .page-link,
.blog-listing-section .pagination .page-item.active .page-link:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.35);
  color: #fff !important;
}
.blog-listing-section .pagination .page-link:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.35);
}

/* ========== Blog detail (single post) ========== */
.blog-detail-content {
  color: #fff !important;
}
.blog-detail-content .container,
.blog-detail-content .container * {
  color: inherit;
}
.blog-detail-content .blog-content,
.blog-detail-content .blog-content p,
.blog-detail-content .blog-content span,
.blog-detail-content .blog-content li,
.blog-detail-content .blog-content div {
  color: #fff !important;
  line-height: 1.7;
}
.blog-detail-content .blog-content p {
  margin-bottom: 1rem;
}
.blog-detail-content .blog-content a {
  color: var(--theme, #34b9e2) !important;
  text-decoration: underline;
}
.blog-detail-content .blog-content a:hover {
  opacity: 0.9;
}
.blog-detail-content .lead {
  color: #fff !important;
  font-size: 1.2rem;
  opacity: 0.95;
}
.blog-detail-content .border-top.border-secondary,
.blog-detail-content .border-secondary {
  border-color: rgba(255, 255, 255, 0.25) !important;
}
.blog-detail-content .gt-theme-btn-main {
  color: #fff;
}
.blog-detail-content .gt-theme-btn-main .gt-theme-btn {
  color: #fff;
}