/* Puput blog — align with main site (navbar / shop theme) */
:root {
  --puput-gold: #d4af37;
  --puput-green: #2d5016;
  --puput-brown: #3e2723;
  --puput-cream: #fff8e7;
}

.puput-blog-hero {
  position: relative;
  background: linear-gradient(135deg, var(--puput-brown) 0%, var(--puput-green) 100%);
  overflow: hidden;
}

.puput-blog-hero__media {
  position: absolute;
  inset: 0;
  opacity: 0.35;
}

.puput-blog-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.puput-blog-hero__inner {
  z-index: 1;
}

.puput-blog-layout .post_title a {
  color: var(--puput-brown);
  text-decoration: none;
  font-family: "Playfair Display", Georgia, serif;
}

.puput-blog-layout .post_title a:hover {
  color: var(--puput-green);
}

.btn-shop-home {
  background: linear-gradient(135deg, var(--puput-gold), #e8c547);
  color: var(--puput-brown) !important;
  border: none;
  font-weight: 600;
  padding: 0.65rem 1rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.btn-shop-home:hover {
  filter: brightness(1.05);
  color: var(--puput-brown) !important;
}

.btn-puput-accent {
  background-color: var(--puput-green);
  border-color: var(--puput-green);
  color: #fff !important;
}

.btn-puput-accent:hover {
  background-color: #234012;
  border-color: #234012;
  color: #fff !important;
}

.puput-sidebar-card,
.puput-sidebar .blog_sidebar ul.sidebar {
  border-top: 3px solid var(--puput-gold);
  background: var(--puput-cream);
  border-radius: 8px;
  padding: 1.25rem;
  list-style: none;
}

.puput-sidebar ul.sidebar {
  margin-bottom: 0;
}

.puput-sidebar ul.sidebar h4,
.puput-sidebar-card h2 {
  font-family: "Playfair Display", Georgia, serif;
  color: var(--puput-brown);
  font-weight: 600;
}

.puput-entry-card {
  background: #fff;
  border: 1px solid rgba(62, 39, 35, 0.12);
  border-radius: 10px;
  padding: 1.5rem;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}

.puput-entry-card ul.links li i {
  color: var(--puput-green);
}

.puput-entry-card ul.links li a {
  color: #555;
}

.puput-entry-card ul.links li a:hover {
  color: var(--puput-green);
}

.puput-entry-body .rich-text {
  line-height: 1.7;
  color: #333;
}

.puput-blog-layout .blog_btn.continue {
  border-radius: 6px;
}

.puput-blog-layout .pagination a,
.puput-blog-layout .pagination span {
  border-radius: 6px;
}

.puput-blog-layout .searchTerm {
  font-weight: 600;
  color: var(--puput-brown);
}