/* ============================================================================
   SIDEBAR BASE STYLES - Blog V2
   Common patterns for all sidebar cards
   Extracted from blog-v2.css
   ============================================================================ */

/* Base card pattern for sidebar - Support both h3 and h4 */
.post-meta-sidebar h3,
.post-meta-sidebar h4,
.author-card h3,
.author-card h4,
.post-stats-card h3,
.post-stats-card h4,
.newsletter-card h3,
.newsletter-card h4,
.share-card h3,
.share-card h4,
.post-tags-sidebar h3,
.post-tags-sidebar h4,
.popular-posts-card h3,
.popular-posts-card h4,
.recommended-posts-card h3,
.recommended-posts-card h4 {
  display: flex;
  align-items: center;
  gap: var(--sp-1, 8px);
  margin: 0 0 var(--sp-3, 16px);
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--c-text-muted);
}

/* Common sidebar card base */
.post-meta-sidebar,
.author-card,
.post-stats-card,
.newsletter-card,
.share-card,
.post-tags-sidebar,
.popular-posts-card,
.recommended-posts-card {
  padding: var(--sp-3, 16px);
  background: var(--c-surface);
  border: 2px solid var(--c-border);
  border-radius: var(--radius-cartoon, 18px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  position: relative;
  overflow: hidden;
}

/* Accent line for cards */
.author-card::before,
.post-stats-card::before,
.newsletter-card::before,
.share-card::before,
.post-tags-sidebar::before,
.recommended-posts-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--c-accent), var(--c-accent-glow));
  box-shadow: 0 2px 0 rgba(4, 43, 51, 0.3);
}

/* Icon styling */
.post-meta__icon {
  color: var(--c-accent);
}