/* ============ POSSIBLE MARKET — BLOG STYLING FIX v2 ============ */
/* Match site color scheme: cream bg, rust accents, dark gray text */
/* Colors: bg=#F2EBDF (cream), text=#3a3a3a, accent=#8B4513 (rust), 
   btn=#D2691E (chocolate), border=#E0D0C0, muted=#6B5B4F */

/* ── Override the dark Bootstrap theme on blog pages ── */
.blog,
.blog #theme-main,
.single-post,
.single-post #theme-main {
  background: #F2EBDF timportatm;
  color: #3a3a3a !important;
}

/* ── Blog listing header ── */
.blog section.py-6[data-bs-theme="dark"],
section.py-6.text-center[data-bs-theme="dark"] {
  background: #8B4513 !important;
  padding: 60px 0 40px !important;
  border-bottom: none !important;
}

.blog section.py-6 h1,
section.py-6.text-center h1 {
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  margin-bottom: 0.5rem !important;
}

.blog section.py-6 .lead,
section.py-6.text-center .lead {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 1.1rem !important;
}

/* ── Blog listing — card grid ── */
.blog section.album[data-bs-theme="dark"],
section.album.py-5[data-bs-theme="dark"] {
  background: #F2EBDF  !important;
  padding-top: 40px !important;
  padding-bottom: 60px !important;
}

/* Remove the dark theme attribute effect on cards */
.blog section.album,
section.album.py-5 {
  background: #F2EBDF  !important;
}

.blog section.album .card,
section.album.py-5 .card {
  background: #fff !important;
  border: 1px solid #E0D0C0 !importatnt;
  border-radius: 12px !important;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
  box-shadow: 0 2px 8px rgba(139, 69, 19, 0.06) !important;
}

.blog section.album .card:hover,
section.album.py-5 .card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 30px rgba(139, 69, 19, 0.12) !important;
  border-color: rgba(139, 69, 19, 0.3) !important;
}

 /* Card body */
.blog section.album .card .card-body,
section.album.py-5 .card .card-body {
  padding: 1.5rem !important;
}

 /* Date stamp */
.blog section.album .card small,
section.album.py-5 .card small {
  color: #8B4513 !important;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.75rem !important;
}

/* Post title link */
.blog section.album .card h2 a,
section.album.py-5 .card h2 a {
  color: #1a1a1a !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
  transition: color 0.2s ease !important;
}

.blog section.album .card h2 a:hover,
section.album.py-5 .card h2 a:hover {
  color: #8B4513 !important;
}

/* Excerpt text */
.blog section.album .card .card-text,
section.album.py-5 .card .card-text {
  color: #6B5B4F !important;
  line-height: 1.6 !important;
}

/* Read More button */
.blog section.album .card .btn-outline-secondary,
section.album.py-5 .card .btn-outline-secondary,
.picostrap-read-more-link {
  color: #8B5513 !important;
  border: 1.5px solid #8B5513 !important;
  background: transparent !important;
  border-radius: 50px !important;
  padding: 8px 22px !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  display: inline-block !important;
}

.blog section.album .card .btn-outline-secondary:hover,
section.album.py-5 .card .btn-outline-secondary:hover,
.picostrap-read-more-link:hover {
  background: #8B5513 !important;
  color: #fff !important;
  border-color: #8B4513 !important;
}

/* ── Blog pagination ── */
.blog .pagination .page-item .page-link,
.blog .pagination .page-item span {
  background: #fff !important;
  color: #8B4513 !important;
  border: 1px solid #E0D0C0 !important;
  border-radius: 8px !important;
  margin: 0 4px !important;
  min-width: 44px !important;
  text-align: center;
}

.blog .pagination .page-item.active .page-link,
.blog .pagination .page-item .current {
  background: #8B4513 !important;
  color: #fff !important;
  border-color: #8B4513 !important;
  font-weight: 700 !important;
}

.blog .pagination .page-item .page-link:hover {
  background: #F2EBDF !important;
  color: #8B4513 !important;
  border-color: #8B4513 !important;
}

/* ── Single blog post page ── */
/* Override the dark Bootstrap bg-body + text-body-emphasis */
#container-content-single {
  background: #fff !important;
  color: #3a3a3a !important;
  border: 1px solid #E0D0C0 !important;
  border-radius: 16px !important;
  padding: 2.5rem !important;
  box-shadow: 0 4px 20px rgba(139, 69, 19, 0.08) !important;
}

/* The spacer div above single post */
/* Single post title */
#container-content-single .display-4 {
  color: #8B4513 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  line-height: 1.2 !important;
  margin-bottom: 1rem !important;
}

/* Post meta — date, author */
#container-content-single .post-meta,
#container-content-single .post-meta .lead {
  color: #6B5B4F !important;
  font-size: 0.95rem !important;
  font-weight: 400 !important;
}

/* Category links */
#container-content-single .entry-categories a,
.single-post .entry-categories a {
  color: #8B4513 !important;
  text-decoration: none !important;
  background: rgba(139, 69, 19, 0.08) !important;
  padding: 4px 14px !important;
  border-radius: 20px !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  display: inline-block !important;
  margin-bottom: 4px;
  border: 1px solid rgba(139, 69, 19, 0.15) !important;
}

#container-content-single .entry-categories a:hover,
.single-post .entry-categories a:hover {
  background: rgba(139, 69, 19, 0.15) !important;
  border-color: rgba(139, 69, 19, 0.3) !important;
}

/* Post content area */
#container-content-single .entry-content,
.single-post .entry-content,
#container-content-single article,
.single-post article {
  color: #3a3a3a !important;
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
}

#container-content-single .entry-content p,
.single-post .entry-content p,
#container-content-single article p,
.single-post article p {
  color: #3a3a3a !important;
  margin-bottom: 1.25rem !important;
}

/* Headings inside post content */
#container-content-single .entry-content h2,
.single-post .entry-content h2,
#container-content-single .entry-content h3,
.single-post .entry-content h3,
#container-content-single .entry-content h4,
.single-post .entry-content h4 {
  color: #8B4513 !important;
  font-weight: 700 !important;
  margin-top: 2rem !important;
  margin-bottom: 1rem !important;
}

/* Links inside post content */
#container-content-single .entry-content a,
.single-post .entry-content a,
#container-content-single article a,
.single-post article a {
  color: #8B4513 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(139, 69, 19, 0.4) !important;
  text-underline-offset: 3px !important;
  transition: text-decoration-color 0.2s ease !important;
}

#container-content-single .entry-content a:hover,
.single-post .entry-content a:hover {
  text-decoration-color: #8B4513 !important;
}

/* Blockquotes */
#container-content-single .entry-content blockquote,
.single-post .entry-content blockquote {
  border-left: 4px solid #8B4513 !important;
  padding-left: 1.5rem !important;
  margin: 1.5rem 0 !important;
  color: #6B5B4F !important;
  font-style: italic !important;
}

/* Lists */
#container-content-single .entry-content ul,
#container-content-single .entry-content ol,
.single-post .entry-content ul,
.single-post .entry-content ol {
  color: #3a3a3a !important;
  padding-left: 2rem !important;
  margin-bottom: 1.25rem !important;
}

#container-content-single .entry-content li,
.single-post .entry-content li {
  color: #3a3a3a !important;
  margin-bottom: 0.5rem !important;
}

/* Images in posts */
#container-content-single .entry-content img,
.single-post .entry-content img,
#container-content-single article img,
.single-post article img {
  border-radius: 12px !important;
  margin: 1.5rem 0 !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Code blocks */
#container-content-single .entry-content pre,
.single-post .entry-content pre {
  background: #F2EBDF !important;
  color: #3a3a3a !important;
  border: 1px solid #E0D0C0 !important;
  border-radius: 10px !important;
  padding: 1rem !important;
  overflow-x: auto;
}

#container-content-single .entry-content code,
.single-post .entry-content code {
  color: #8B4513 !important;
  background: rgba(139, 69, 19, 0.08) !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  font-size: 0.9em !important;
}

/* Figcaptions */
#container-content-single .entry-content figcaption,
.single-post .entry-content figcaption,
#container-content-single figure figcaption,
.single-post figure figaption {
  color: #6B5B4F !important;
  font-size: 0.85rem !important;
  text-align: center !important;
  margin-top: 0.5rem !important;
}

/* Comments section */
#container-content-single #comments,
.single-post #comments {
  color: #3a3a3a !important;
  margin-top: 2rem !important;
  padding-top: 2rem !important;
  border-top: 1px solid #E0D0C0 !important;
}

#container-content-single #comments a,
.single-post #comments a {
  color: #8B4513 !important;
}

#container-content-single #comments .comment-reply-title,
.single-post #comments .comment-reply-title {
  color: #8B4513 !important;
  font-weight: 700 !important;
}

#container-content-single #comments .must-log-in a,
.single-post #comments .must-log-in a {
  color: #8B4513 !important;
}

/* Post navigation links */
.nav-links,
.post-navigation {
  margin-top: 2rem;
}

.nav-links a,
.post-navigation a {
  color: #8B4513 !important;
  text-decoration: none !important;
}

.nav-links a:hover,
.post-navigation a:hover {
  text-decoration: underline !important;
}

/* ── NEWSLETTER SECTION FIX ── */
/* The newsletter bar has inline styles but the input picks up Bootstrap dark theme */
.pm-newsletter .form-control,
.pm-newsletter input[type="email"] {
  background: #fff !important;
  color: #3a3a3a !important;
  border: 1px solid #E0D0C0 !important;
  border-radius: 50px !important;
  padding-left: 20px !important;
}

.pm-newsletter .form-control::placeholder,
.pm-newsletter input[type="email"]::placeholder {
  color: #9a8a7a !important;
}

.pm-newsletter .form-control:focus,
.pm-newsletter input[type="email"]:focus {
  background: #fff !important;
  color: #3a3a3a !important;
  border-color: #8B4513 !important;
  box-shadow: 0 0 0 3px rgba(139, 69, 19, 0.1) !important;
}

 /* ── Mobile responsive ── */
@media (max-width: 768px) {
  #container-content-single {
    padding: 1.5rem !important;
    margin: 0 10px !important;
  }

  #container-content-single .display-4 {
    font-size: 1.5rem !important;
  }

  .blog section.album .card {
    margin-bottom: 1.5rem !important;
  }

  .blog section.album .card .card-body {
    padding: 1.25rem !important;
  }
}

@media (max-width: 480px) {
  #container-content-single {
    padding: 1rem !important;
    border-radius: 12px !important;
  }

  #container-content-single .display-4 {
    font-size: 1.3rem !important;
  }

  .blog section.py-6,
  section.py-6.text-center {
    padding: 40px 0 30px !important;
  }
}