/*
Theme Name:   ViveCanada Child
Template:     zaaztheme
Description:  Child theme of zaaztheme for vivecanada.com — bilingual blog (Canadian immigration info for LatAm).
Author:       Zaaz
Version:      0.1.0
Text Domain:  vivecanada-child
*/

/* Minimal baseline — the post-content rebuild will live in the parent
   zaaztheme / zaazbuilder pages Pablo builds later. This child theme
   just holds site-specific brand overrides so post pages + the blog
   archive render cleanly out of the gate. */

body, .zt-main, .zt-footer, .zt-top-bar {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color: #0F172A;
  background: #FFFFFF;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', 'Inter', system-ui, sans-serif;
  letter-spacing: -0.01em;
}

:root {
  --vc-red:   #D7263D;  /* Canadian maple */
  --vc-ink:   #111827;
  --vc-steel: #475569;
  --vc-mist:  #F8FAFC;
  --vc-line:  #E2E8F0;
}

.zt-top-bar    { background: var(--vc-ink); color: #F8FAFC; }
.zt-top-bar a  { color: #F8FAFC; }
.zt-top-bar a:hover { color: var(--vc-red); }

.zt-header     { background: #FFFFFF; border-bottom: 3px solid var(--vc-red); }
.zt-site-title a { color: var(--vc-ink); }
.zt-menu a     { color: var(--vc-ink); font-weight: 500; }
.zt-menu a:hover, .zt-menu .current-menu-item > a { color: var(--vc-red); }

.zt-footer     { background: var(--vc-ink); color: #94A3B8; }
.zt-footer a   { color: #CBD5E1; }
.zt-footer a:hover { color: var(--vc-red); }

/* Post content defaults — readable typography for blog-archive + single */
.entry-content, .zt-post, article.post {
  max-width: 780px;
  margin: 0 auto;
  padding: 0 24px;
  font-size: 1.05rem;
  line-height: 1.75;
  color: #1F2937;
}
.entry-content img, article.post img { max-width: 100%; height: auto; border-radius: 6px; }
.entry-content h2, article.post h2 { margin-top: 2.2em; color: var(--vc-ink); }
.entry-content h3, article.post h3 { margin-top: 1.6em; color: var(--vc-ink); }
.entry-content a,  article.post a  { color: var(--vc-red); }
.entry-content blockquote, article.post blockquote {
  border-left: 4px solid var(--vc-red);
  padding: 4px 20px;
  color: var(--vc-steel);
  font-style: italic;
  margin: 1.5em 0;
}