/*
Theme Name: MZBC Theme (Local WP Template)
Theme URI: https://mtzionbaptist.church
Author: ProVAE / VAE
Description: Minimal white/black WordPress theme template for Mt Zion Baptist Church.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: mzbc
*/

:root{
  --mzbc-bg:#ffffff;
  --mzbc-text:#000000;
  --mzbc-muted:#444;
  --mzbc-border:#e5e5e5;
  --mzbc-max: 980px;
}

html, body { height: 100%; }
body{
  margin:0;
  padding:0;
  background: var(--mzbc-bg);
  color: var(--mzbc-text);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.6;
}

a{ color: var(--mzbc-text); }
a:hover{ text-decoration: underline; }

.mzbc-wrap{ max-width: var(--mzbc-max); margin: 0 auto; padding: 18px; }

.mzbc-header{
  border-bottom: 1px solid var(--mzbc-border);
  background: var(--mzbc-bg);
}
.mzbc-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 16px;
}
.mzbc-brand{
  display:flex;
  align-items:center;
  gap: 12px;
  text-decoration:none;
}
.mzbc-brand img{ width: 220px; height: auto; display:block; }

.mzbc-nav ul{ list-style:none; margin:0; padding:0; display:flex; gap: 14px; flex-wrap:wrap; }
.mzbc-nav a{ text-decoration:none; font-weight:700; }
.mzbc-nav .current-menu-item > a,
.mzbc-nav .current_page_item > a{ text-decoration: underline; }

.mzbc-main{ padding: 22px 0; }

.mzbc-footer{
  border-top: 1px solid var(--mzbc-border);
  background: var(--mzbc-bg);
  margin-top: 26px;
  padding: 18px 0;
  font-size: 13px;
  color: var(--mzbc-muted);
}
.mzbc-footer-inner{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 16px;
  flex-wrap:wrap;
}
.mzbc-social a{ margin-right: 12px; text-decoration:none; font-weight:700; }

.mzbc-card{
  border: 1px solid var(--mzbc-border);
  border-radius: 10px;
  padding: 16px;
  background:#fff;
  margin: 16px 0;
}

.mzbc-hero h1{ margin: 0 0 10px; }
.mzbc-hero p{ margin: 0 0 12px; }

.mzbc-grid{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 14px;
}
.mzbc-col-6{ grid-column: span 6; }
.mzbc-col-12{ grid-column: span 12; }

@media (max-width: 820px){
  .mzbc-header-inner{ flex-direction:column; align-items:flex-start; }
  .mzbc-col-6{ grid-column: span 12; }
}

/* QA dropdown */
.mzbc-qa details{
  border: 1px solid var(--mzbc-border);
  border-radius: 10px;
  padding: 12px 14px;
  background:#fff;
  margin: 10px 0;
}
.mzbc-qa summary{
  cursor:pointer;
  font-weight: 800;
}
.mzbc-qa summary::-webkit-details-marker{ display:none; }
.mzbc-qa .mzbc-answer{ margin-top: 10px; color: var(--mzbc-text); }

/* Blog list */
.mzbc-post{
  border: 1px solid var(--mzbc-border);
  border-radius: 10px;
  padding: 16px;
  background:#fff;
  margin: 14px 0;
}
.mzbc-post h2{ margin:0 0 10px; }
.mzbc-meta{ font-size: 13px; color: var(--mzbc-muted); margin: 0 0 10px; }