/* =====================================================
   TRUEMATH BLOG - KADENCE CUSTOM CSS (v2, minimal)
   Paste into: Appearance > Customize > Additional CSS
   
   This version respects Kadence's default layout decisions
   and only applies brand-level styling: colors, fonts,
   and a few targeted polish items.
   ===================================================== */

/* ---------- DESIGN TOKENS ---------- */
:root {
  --tm-bg:            #F7F6F2;
  --tm-bg-white:      #FFFFFF;
  --tm-bg-tint:       #F0EDFB;
  --tm-bg-tint-warm:  #F4F3EF;
  --tm-ink:           #1A1830;
  --tm-ink-mid:       #3D3B52;
  --tm-ink-muted:     #9896B0;
  --tm-purple:        #502878;
  --tm-purple-bright: #735393;
  --tm-purple-light:  #B09EC2;
  --tm-purple-tint:   #EDE9FE;
  --tm-slate:         #8A9BB8;
  --tm-border:        rgba(26, 24, 48, 0.1);
  --tm-border-purple: rgba(80, 40, 120, 0.20);
  --tm-font-serif:    'Lora', Georgia, serif;
  --tm-font-sans:     'DM Sans', system-ui, sans-serif;
  --tm-font-mono:     'DM Mono', monospace;
}

/* ---------- ITALIC ACCENT IN HEADLINES ---------- */
/* Matches marketing site treatment: italic + purple emphasis */
h1 em, h2 em, h3 em,
.entry-title em {
  font-style: italic;
  color: var(--tm-purple);
}

/* ---------- CATEGORY TAGS (simplified, no pills) ---------- */
/* Strip the pill backgrounds, use simple uppercase text */
.entry-taxonomies a,
.cat-links a,
.entry-meta .cat-links a,
.post-categories a {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tm-purple) !important;
}

.entry-taxonomies a:hover,
.cat-links a:hover {
  color: var(--tm-purple-bright) !important;
}

/* ---------- BLOCKQUOTES (subtle purple accent) ---------- */
blockquote, .wp-block-quote {
  border-left: 3px solid var(--tm-purple);
  padding-left: 20px;
  margin: 24px 0;
  font-family: var(--tm-font-serif);
  font-style: italic;
  color: var(--tm-ink);
}

/* ---------- INLINE CODE ---------- */
code {
  font-family: var(--tm-font-mono);
  background: var(--tm-purple-tint);
  color: var(--tm-purple);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.92em;
}

pre {
  background: var(--tm-bg-tint-warm);
  border: 1px solid var(--tm-border);
  border-radius: 8px;
  padding: 16px 20px;
  font-family: var(--tm-font-mono);
}

pre code {
  background: transparent;
  color: var(--tm-ink);
  padding: 0;
}

/* ---------- READ MORE LINKS ---------- */
.more-link,
.entry-content-wrap .more-link {
  font-weight: 600;
  letter-spacing: 0.04em;
}

/* ---------- POST CARD HOVER (subtle, on index page only) ---------- */
.loop-entry {
  transition: transform 0.2s ease;
}

.loop-entry:hover {
  transform: translateY(-2px);
}

/* ---------- FEATURED IMAGES (slight rounding) ---------- */
.post-thumbnail img,
.wp-post-image {
  border-radius: 8px;
}