/* =========================
   Australian Christian Arts — Help Center Theme (Classic)
   Paste this at the very end of your CSS in Help Center → Customize → CSS
   ========================= */

/* --- Brand colours --- */
:root{
  --aca-beige:  #c4be9f;
  --aca-blue:   #699c9d;
  --aca-yellow: #e3ca3c;
  --aca-ink:    #111111;
  --aca-paper:  #ffffff;
  --aca-muted:  #f6f5f1;
}

/* --- Typography (clean system sans) --- */
body, .article-content, .community-content {
  font-family: ui-sans-serif, system-ui, -apple-system,
               "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: var(--aca-ink);
  background: var(--aca-paper);
}
h1,h2,h3,h4,h5,h6{
  font-family: ui-sans-serif, system-ui, -apple-system,
               "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: var(--aca-ink);
}

/* --- Header + Nav (white links) --- */
header, .header, .zd-header, .hc-header, .kbHeader{
  background: #111; /* solid dark so white links pop */
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
header a, .header a, .zd-header a, .hc-header a, .kbHeader a,
nav a, .menu a, .nav-item a{
  color: #fff !important;
  text-decoration: none;
  font-weight: 500;
}
.nav-item a:hover, nav a:hover{ opacity: .9; }

/* Active/hover underline in beige */
nav a[aria-current="page"], .nav-item a.active{
  box-shadow: 0 2px 0 0 var(--aca-beige);
}

/* ===== Classic theme nav parity (desktop + mobile) ===== */

/* Desktop top bar */
@media (min-width: 769px){
  .header .nav .nav-item a,
  .zd-header .nav .nav-item a,
  .hc-header .nav .nav-item a{
    display: inline-block;
    padding: 14px 16px;     /* Classic desktop padding */
    line-height: 22px;      /* visually centered */
    font-size: 15px;
    text-align: center;
  }
}

/* Mobile drawer */
@media (max-width: 768px){
  .header .menu,
  .zd-header .menu,
  .hc-header .menu{
    padding: 16px 0;        /* Classic drawer inner padding */
  }

  .header .menu li,
  .zd-header .menu li,
  .hc-header .menu li{
    margin: 0;              /* no gaps between items */
  }

  .header .menu li a,
  .zd-header .menu li a,
  .hc-header .menu li a{
    display: block;
    padding: 12px 20px;     /* Classic mobile item padding */
    line-height: 24px;      /* visual centre */
    font-size: 16px;
    text-align: center;
    text-decoration: none;
  }
}

/* Your custom item: works whether or not it's inside <ul class="menu"> */
.nav-item.custom-tab a,
.nav-item a[href*="australianchristianarts.com"]{
  display: block;
  padding: 12px 20px;
  line-height: 24px;
  font-size: 16px;
  text-align: center;
}
/* If anything overrides it, win on specificity */
.header .menu .nav-item.custom-tab a,
.header .menu .nav-item a[href*="australianchristianarts.com"]{
  padding: 12px 20px !important;
  line-height: 24px !important;
  font-size: 16px !important;
}
/* Remove stray heading/paragraph margins inside links */
.header .menu li a h1,
.header .menu li a h2,
.header .menu li a h3,
.header .menu li a h4,
.header .menu li a h5,
.header .menu li a h6,
.header .menu li a p,
.header .menu li a span{
  margin: 0 !important;
  padding: 0 !important;
  line-height: inherit !important;
  font: inherit !important;
}

/* --- Search --- */
.search, .kb-search, .zd-search, .search-container input[type="search"]{
  border: 1px solid var(--aca-beige);
  border-radius: 8px;
  background: var(--aca-paper);
}
.search input, .kb-search input, .zd-search input{
  padding: 12px 14px;
}
.search input:focus, .kb-search input:focus, .zd-search input:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(196,190,159,0.35);
}

/* --- Buttons --- */
button, .btn, .primary-button, a.button, .zd-btn{
  background: var(--aca-blue);
  color: #fff;
  border: 1px solid var(--aca-blue);
  border-radius: 6px;
  padding: 10px 14px;
  font-weight: 500;
  transition: background .2s ease, transform .05s ease;
}
button:hover, .btn:hover, .primary-button:hover, a.button:hover, .zd-btn:hover{
  filter: brightness(1.06);
}
button:active, .btn:active, .primary-button:active, a.button:active, .zd-btn:active{
  transform: translateY(1px);
}
/* Secondary */
.btn-secondary, .button.secondary, .zd-btn--secondary{
  background: transparent;
  color: var(--aca-blue);
  border: 1px solid var(--aca-blue);
}
.btn-secondary:hover{ background: rgba(105,156,157,0.08); }

/* --- Links in content --- */
.article-content a, .community-content a, .kb-article a{
  color: var(--aca-blue);
  text-decoration-color: rgba(105,156,157,0.4);
}
.article-content a:hover{ text-decoration-color: var(--aca-yellow); }

/* --- Cards / lists --- */
.card, .kb-category, .kb-section, .community-card, .zd-card{
  background: var(--aca-paper);
  border: 1px solid rgba(196,190,159,0.4);
  border-radius: 10px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.04);
}
.card:hover{ box-shadow: 0 8px 22px rgba(0,0,0,0.06); }

/* Category tiles */
.kb-category .title, .kb-section .title{ color: var(--aca-ink); }
.kb-category .count, .kb-section .count{ color: rgba(17,17,17,0.6); }

/* --- Badges / labels --- */
.badge, .label, .status{
  background: var(--aca-yellow);
  color: #111;
  border-radius: 999px;
}

/* --- Tables in articles --- */
.article-content table{ border-collapse: collapse; width: 100%; }
.article-content th, .article-content td{
  border: 1px solid rgba(196,190,159,0.45);
  padding: 10px;
}
.article-content th{
  background: var(--aca-muted);
  color: var(--aca-ink);
}

/* --- Alerts --- */
.alert, .notice, .zd-alert{
  border-left: 4px solid var(--aca-yellow);
  background: color-mix(in srgb, var(--aca-yellow) 8%, #fff);
}

/* --- Footer --- */
footer, .footer, .zd-footer, .hc-footer{
  background: #111;
  color: var(--aca-beige);
}
footer a, .footer a{ color: var(--aca-beige); text-decoration: none; }
footer a:hover{ text-decoration: underline; }

/* --- Responsive niceties --- */
@media (max-width: 768px){
  .header .nav, nav .menu, .zd-header .nav{ gap: 10px; }
  .search-container{ margin-top: 8px; }
}
/* Ensure custom Events tab matches Classic heading color and size */
#custom_tabEvents a {
  color: #fff !important;       /* white text */
  font-size: inherit !important; /* same size as other nav headings */
  font-weight: inherit;          /* match weight */
  line-height: inherit;          /* match vertical centering */
}
/* Make custom Knowledge Base tab exactly like other headings */
#custom_tabKnowledgeBase a {
  color: inherit !important;       /* use the same white as other headings */
  font: inherit !important;        /* inherit font family, size, weight */
  line-height: inherit !important; /* match vertical spacing */
  text-decoration: none !important;
}
/* Breadcrumb cleanup */
.breadcrumb,
.breadcrumb a,
.breadcrumb span,
.breadcrumb li {
  font-family: ui-sans-serif, system-ui, -apple-system,
               "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px !important;      /* same as Classic default nav text size */
  font-weight: 500 !important;     /* make it clean and readable */
  color: inherit !important;       /* match surrounding text colour */
  text-transform: none !important; /* remove uppercase if