/* Wired Christianity — managed styling
   Updated: 2026-04-30
   Owner: wc_lib (do not edit between markers; changes will be overwritten) */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --wc-paper: #F4F1EA;
  --wc-ink: #1A1814;
  --wc-ink-soft: #3a342c;
  --wc-teal: #01696F;
  --wc-signal: #7CD4B5;
  --wc-mauve-tan: #D9B79A;
  --wc-mauve-tan-hover: #E8C9AE;
  --wc-rule: #d8dee5;
  --wc-status-bg: #1A1814;
  --wc-status-fg: #C9C2B2;
}

body {
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, sans-serif;
  color: var(--wc-ink);
  background: var(--wc-paper);
}

/* ---------- Status strip ---------- */
.wc-status-strip {
  background: var(--wc-status-bg);
  color: var(--wc-status-fg);
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.75rem;
  letter-spacing: 0.02em;
}
.wc-status-strip__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0.55rem 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.wc-status-strip__left, .wc-status-strip__right {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.wc-status-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--wc-signal);
  box-shadow: 0 0 0 2px rgba(124,212,181,0.18);
  display: inline-block;
}
.wc-status-sep { opacity: 0.45; }
.wc-status-next { color: #fff; }
.wc-status-link {
  color: var(--wc-status-fg);
  text-decoration: none;
}
.wc-status-link:hover { color: #fff; }

/* ---------- Header band ---------- */
.wc-header { border-bottom: 1px solid var(--wc-rule); }
.wc-header__band {
  position: relative;
  background-color: var(--wc-paper);
}
.wc-header__band::before {
  /* Cream wash so the OCP only blooms at right */
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(to right, var(--wc-paper) 60%, rgba(244,241,234,0.0) 100%);
  pointer-events: none;
}
.wc-header__row {
  position: relative;
  z-index: 1;
  align-items: center;
}

/* ---------- Brand lockup ---------- */
.wc-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.85rem;
  text-decoration: none;
  color: var(--wc-ink);
}
.wc-brand:hover { color: var(--wc-ink); }
.wc-brand__tile {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-weight: 600;
  font-size: 0.95rem;
  background: var(--wc-ink);
  color: var(--wc-paper);
  padding: 0.4rem 0.55rem;
  border-radius: 4px;
  letter-spacing: 0.02em;
  line-height: 1;
}
.wc-brand__tile::first-letter { color: var(--wc-signal); }
.wc-brand__text { display: inline-flex; flex-direction: column; line-height: 1.1; }
.wc-brand__name {
  font-family: 'Manrope', 'Inter', sans-serif;
  font-weight: 700;
  font-size: 1.35rem;
  letter-spacing: -0.01em;
}
.wc-brand__kicker {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.72rem;
  color: var(--wc-ink-soft);
  margin-top: 0.15rem;
  letter-spacing: 0.04em;
}

/* ---------- Nav ---------- */
.wc-header__nav-wrap { gap: 1.5rem; }
.wc-nav .wp-block-navigation-item__content {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 0.95rem;
  color: var(--wc-ink);
  text-decoration: none;
}
.wc-nav .wp-block-navigation-item__content:hover { color: var(--wc-teal); }
.wc-nav .wc-nav-ext .wp-block-navigation-item__content {
  font-size: 0.85rem;
  color: var(--wc-ink-soft);
  opacity: 0.8;
}
.wc-nav .wc-nav-ext .wp-block-navigation-item__content:hover {
  color: var(--wc-teal);
  opacity: 1;
}

/* ---------- Subscribe CTA ---------- */
.wc-subscribe-cta {
  display: inline-block;
  background: var(--wc-ink);
  color: var(--wc-mauve-tan);
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  padding: 0.55rem 1.05rem;
  border-radius: 4px;
  text-decoration: none;
  letter-spacing: 0.01em;
  transition: background 0.15s ease, color 0.15s ease;
}
.wc-subscribe-cta:hover {
  background: #000;
  color: var(--wc-mauve-tan-hover);
}
.wc-subscribe-cta:focus-visible {
  outline: 2px solid var(--wc-teal);
  outline-offset: 2px;
}

/* ---------- Comment form ---------- */
#comments, .comments-area {
  font-family: 'Inter', sans-serif;
  color: var(--wc-ink);
}
#respond .comment-reply-title,
.comments-title {
  font-family: 'Manrope', 'Inter', sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: -0.01em;
  color: var(--wc-ink);
}
.comment-list { list-style: none; padding: 0; }
.comment-list .comment {
  border-top: 1px solid var(--wc-rule);
  padding: 1.25rem 0;
}
.comment-author { font-weight: 600; }
.comment-metadata {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 0.75rem;
  color: var(--wc-ink-soft);
}
#respond label {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--wc-ink-soft);
  margin-bottom: 0.35rem;
}
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"],
#respond textarea {
  width: 100%;
  padding: 0.65rem 0.75rem;
  border: 1px solid var(--wc-rule);
  border-radius: 4px;
  font-family: 'Inter', sans-serif;
  font-size: 0.95rem;
  background: #fff;
  color: var(--wc-ink);
  transition: border-color 0.15s ease;
}
#respond input:focus, #respond textarea:focus {
  outline: none;
  border-color: var(--wc-teal);
  box-shadow: 0 0 0 3px rgba(1,105,111,0.12);
}
#respond .form-submit .submit,
#respond #submit {
  background: var(--wc-teal);
  color: #fff;
  border: 0;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  padding: 0.65rem 1.4rem;
  border-radius: 4px;
  cursor: pointer;
  letter-spacing: 0.01em;
  transition: background 0.15s ease;
}
#respond .form-submit .submit:hover,
#respond #submit:hover { background: #014e53; }
.comment-notes, .logged-in-as {
  font-size: 0.85rem;
  color: var(--wc-ink-soft);
}

/* ---------- CookieAdmin banner — match palette ---------- */
.cookieadmin_law_container,
.cookieadmin_consent_inside {
  font-family: 'Inter', system-ui, sans-serif !important;
  color: var(--wc-ink) !important;
  border-radius: 6px !important;
}
.cookieadmin_law_container .cookieadmin_btn,
.cookieadmin_law_container button.cookieadmin_btn {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  border-radius: 4px !important;
  letter-spacing: 0.01em !important;
  border: 1px solid var(--wc-rule) !important;
  background: #fff !important;
  color: var(--wc-ink) !important;
  padding: 0.5rem 0.95rem !important;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
}
.cookieadmin_law_container .cookieadmin_btn:hover {
  border-color: var(--wc-ink) !important;
}
/* Primary: Accept All -> teal accent */
.cookieadmin_law_container #cookieadmin_accept_button,
.cookieadmin_law_container .cookieadmin_accept_btn {
  background: var(--wc-teal) !important;
  color: #fff !important;
  border-color: var(--wc-teal) !important;
}
.cookieadmin_law_container #cookieadmin_accept_button:hover,
.cookieadmin_law_container .cookieadmin_accept_btn:hover {
  background: #014e53 !important;
  border-color: #014e53 !important;
  color: #fff !important;
}

/* ---------- Page H1 (Blog index, etc) — unify with Manrope ---------- */
.wp-block-post-title,
.wp-block-heading,
h1.entry-title,
.entry-content h1.wp-block-heading {
  font-family: 'Manrope', 'Inter', sans-serif;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: var(--wc-ink);
}

/* ---------- Responsive ---------- */
@media (max-width: 720px) {
  .wc-status-strip__inner { padding: 0.45rem 0.85rem; font-size: 0.7rem; }
  .wc-brand__name { font-size: 1.15rem; }
  .wc-brand__kicker { display: none; }
  .wc-header__nav-wrap { gap: 0.85rem; }
  .wc-subscribe-cta { padding: 0.45rem 0.85rem; font-size: 0.8rem; }
}


/* ---------- Bluehost Blueprint overrides ---------- */
.wc-header.wp-block-group.alignfull {
  background: var(--wc-paper);
  border-bottom: 1px solid var(--wc-rule);
}
/* Blueprint's default header subgroup added a thin midtone border — drop it. */
.wc-header > .wp-block-group { border: 0 !important; }

/* Blueprint sets a 1100px content max — keep the brand row aligned with our band. */
.wc-header__band > .wp-block-group.alignwide,
.wc-header__band .wc-header__row {
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

/* Blueprint adds a slight underline on header links by default — kill it inside our nav. */
.wc-nav a, .wc-nav a:hover { text-decoration: none !important; }

/* Blueprint's site-title block (in case it slips back in) — hide. */
.wc-header .wp-block-site-title { display: none; }