/*
Theme Name: Blockcraft Church
Theme URI: https://blockcraft.church/
Author: Blockcraft Church
Author URI: https://blockcraft.church/
Description: Voxel-flavoured block theme for Blockcraft Church (Direction 09 · Trinity). Editorial typography, three-color brand system (Amber / Plum / Forest), hard 2px corners, and a custom Cube Icon block. FSE-only — no classic theme fallback.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blockcraft-church
Tags: full-site-editing, block-patterns, blog, editorial, three-columns, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/*
 * This file is intentionally light.
 * All design tokens — colors, fonts, spacing, radius — live in theme.json
 * so the editor and the front-end stay in sync. CSS here is only the few
 * rules that theme.json cannot express (icon block helpers, mono ribbon
 * marquee, image-block hover, focus rings).
 */

/* Honey image block — Honey tint + 1px Ink-10 border + center the icon */
.wp-block-bcc-image-block,
.bcc-image-block {
  background-color: #FFEEC3;
  border: 1px solid rgba(15, 14, 18, 0.10);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  transition: background-color 120ms ease;
}
.wp-block-bcc-image-block:hover,
.bcc-image-block:hover { background-color: #FFE7B5; }

/* Cube icon block — keep SVGs from inheriting weird sizing */
.wp-block-bcc-icon,
.bcc-icon { display: inline-flex; line-height: 0; }
.wp-block-bcc-icon svg,
.bcc-icon svg { display: block; width: 100%; height: 100%; }

/* Mono eyebrow ribbon (header + footer) */
.bcc-mono-ribbon {
  font-family: var(--wp--preset--font-family--mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* Trinity-stair headline: each line a different brand color.
   Use class names .is-amber / .is-plum / .is-forest on inner spans. */
.bcc-stair > span { display: block; }
.bcc-stair .is-amber  { color: #E08A1A; }
.bcc-stair .is-plum   { color: #5B2073; }
.bcc-stair .is-forest { color: #1F5C3A; }
.bcc-stair em,
.bcc-stair i { font-style: italic; }

/* Chips — used on community cards and server browser tags */
.bcc-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 2px;
  font-family: var(--wp--preset--font-family--mono);
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border: 1px solid currentColor;
}
.bcc-chip.is-amber  { color: #E08A1A; background: rgba(224, 138, 26, 0.06); }
.bcc-chip.is-plum   { color: #5B2073; background: rgba(91, 32, 115, 0.06); }
.bcc-chip.is-forest { color: #1F5C3A; background: rgba(31, 92, 58, 0.06); }

/* Live indicator dot */
.bcc-live-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: #1F5C3A;
  border-radius: 50%;
  margin-right: 6px;
  vertical-align: 1px;
  box-shadow: 0 0 0 0 rgba(31, 92, 58, 0.6);
  animation: bcc-pulse 2.4s ease-in-out infinite;
}
@keyframes bcc-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(31, 92, 58, 0.4); }
  50%      { box-shadow: 0 0 0 6px rgba(31, 92, 58, 0); }
}

/* Stat block — three-column footer of community cards */
.bcc-stat-eyebrow {
  font-family: var(--wp--preset--font-family--mono);
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(15, 14, 18, 0.6);
}
.bcc-stat-value {
  font-family: var(--wp--preset--font-family--display);
  font-size: 28px;
  letter-spacing: -0.03em;
  line-height: 1;
}

/* Hard-cornered buttons — overrides WP core button radius defaults */
.wp-block-button__link {
  border-radius: 2px;
  font-family: var(--wp--preset--font-family--body);
  font-weight: 600;
  letter-spacing: 0.01em;
  padding: 12px 18px;
  font-size: 13.5px;
}
.wp-block-button.is-style-bcc-primary .wp-block-button__link {
  background: #E08A1A;
  color: #FFFFFF;
  border: 1px solid #E08A1A;
}
.wp-block-button.is-style-bcc-primary .wp-block-button__link:hover {
  background: #C77810;
  border-color: #C77810;
}
.wp-block-button.is-style-bcc-ghost .wp-block-button__link {
  background: transparent;
  color: #0F0E12;
  border: 1px solid rgba(15, 14, 18, 0.26);
}
.wp-block-button.is-style-bcc-ghost .wp-block-button__link:hover {
  border-color: rgba(15, 14, 18, 0.55);
}

/* Wordmark — Blockcraft regular + Church italic in primary */
.bcc-wordmark {
  font-family: var(--wp--preset--font-family--display);
  font-size: 22px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #0F0E12;
}
.bcc-wordmark em,
.bcc-wordmark i { color: #E08A1A; font-style: italic; }

.bcc-wordmark-general {
  font-family: var(--wp--preset--font-family--display);
  line-height: 1;
  letter-spacing: -0.02em;
  color: #0F0E12;
}
.bcc-wordmark-general em,
.bcc-wordmark-general i { color: #E08A1A; font-style: italic; }

/* Focus rings — honour the hard-cornered brand */
:where(a, button, .wp-block-button__link, input, select, textarea):focus-visible {
  outline: 2px solid #E08A1A;
  outline-offset: 2px;
  border-radius: 2px;
}

/* Print niceties */
@media print {
  .bcc-live-dot { animation: none; }
}