/* patch-breadcrumbs-toc.css
   Breadcrumbs and Article TOC visual enhancements
*/

/* Post breadcrumbs (small nav shown before single-post title) */
.breadcrumbs,
.breadcrumbs a,
.breadcrumbs span {
  color: #ffffff !important;
}
.breadcrumbs a { color: rgba(255,255,255,0.95) !important; text-decoration: none; }
.breadcrumbs span { color: rgba(255,255,255,0.78) !important; }

/* Article Table of Contents styling */
.article-toc {
  background: #ffffff; /* white card background for TOC */
  border: 1px solid rgba(33,72,66,0.08); /* subtle border using theme green in low opacity */
  box-shadow: 0 8px 22px rgba(20,20,20,0.06);
  padding: 1rem !important; /* ensure internal spacing */
  border-radius: 10px !important;
}
.article-toc .article-toc-title {
  padding-bottom: 0.5rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid rgba(0,0,0,0.04);
  color: #214842; /* keep brand accent for the small title */
}
.article-toc .article-toc-link {
  color: #214842;
  display: inline-block;
}
.article-toc .article-toc-link:hover { color: #2b7bd6; text-decoration: underline; }

/* Improve spacing/indent on nested TOC items for small screens */
@media (max-width: 767.98px) {
  .article-toc { padding: 0.9rem !important; }
}

/* In-article Amazon product card styling (stand out from article text)
   Scoped to post/article contexts to avoid interfering with sidebar widget styles */
.post-article .amazon-widget-front,
.post-content .amazon-widget-front,
.post-article .amazon-card,
.post-content .amazon-card {
  background: #ffffff; /* white card */
  border: 1px solid rgba(33,72,66,0.08);
  box-shadow: 0 10px 30px rgba(20,20,20,0.06);
  border-radius: 12px;
}
.post-article .amazon-widget-front .card-body,
.post-article .amazon-card .card-body,
.post-content .amazon-card .card-body {
  padding: 1rem !important;
}
.post-article .amazon-card .amazon-cta,
.post-content .amazon-card .amazon-cta {
  border-radius: 0.6rem; 
  box-shadow: 0 6px 18px rgba(33,72,66,0.08);
  font-weight: 700;
}
.post-article .amazon-widget-front .amazon-product-img,
.post-content .amazon-widget-front .amazon-product-img { background: #fff; border-radius: 8px; }

/* ensure articles that contain the widget get breathing room */
.post-article .amazon-widget-front, .post .amazon-widget-front { margin: 1.25rem 0; }