/*
Theme Name: WWTG Reference Theme
Theme URI: https://wwtg.au/
Author: BOSS Creative Pty Ltd
Description: Answer-first reference and journalism theme for Which Way To Go (WWTG), with a schema-aware explainer importer, source blocks, FAQs and structured transport-law content.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: wwtg-reference-theme
*/

:root {
  --wwtg-navy: #13263a;
  --wwtg-blue: #1d4f7a;
  --wwtg-amber: #e2a12c;
  --wwtg-ink: #17202a;
  --wwtg-muted: #637180;
  --wwtg-pale: #f4f7f9;
  --wwtg-border: #d9e0e5;
  --wwtg-white: #ffffff;
}

body { color: var(--wwtg-ink); }
a { text-underline-offset: 0.15em; }
.wwtg-site-shell { max-width: 1180px; margin-inline: auto; padding-inline: 24px; }
.wwtg-header { border-bottom: 1px solid var(--wwtg-border); }
.wwtg-header .wp-block-site-title a { text-decoration: none; }
.wwtg-tagline { color: var(--wwtg-amber); font-weight: 650; letter-spacing: .01em; }

.wwtg-explainer { max-width: 860px; margin-inline: auto; }
.wwtg-explainer > section { margin-block: 2rem; }
.wwtg-answer {
  background: var(--wwtg-pale);
  border-left: 5px solid var(--wwtg-amber);
  padding: 1.25rem 1.4rem;
  border-radius: 0 8px 8px 0;
}
.wwtg-answer h2 { margin-top: 0; }
.wwtg-trust-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px,1fr));
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--wwtg-border);
  border-radius: 8px;
  background: #fff;
}
.wwtg-trust-item strong { display:block; color:var(--wwtg-navy); margin-bottom:2px; }
.wwtg-section h2 { color: var(--wwtg-navy); }
.wwtg-sources ul, .wwtg-related ul { padding-left: 1.2rem; }
.wwtg-faq details { border-top:1px solid var(--wwtg-border); padding: 14px 0; }
.wwtg-faq details:last-of-type { border-bottom:1px solid var(--wwtg-border); }
.wwtg-faq summary { font-weight: 700; cursor: pointer; color: var(--wwtg-navy); }
.wwtg-faq p { margin-bottom: 0; }
.wwtg-status { display:inline-block; padding:.2rem .55rem; border-radius:999px; background:var(--wwtg-pale); font-size:.88rem; }
.wwtg-note { color: var(--wwtg-muted); font-size: .95rem; }
.wwtg-card { border:1px solid var(--wwtg-border); border-radius:10px; padding:20px; background:#fff; }
.wwtg-card h3 { margin-top:0; }

@media (max-width: 700px) {
  .wwtg-site-shell { padding-inline: 16px; }
  .wwtg-answer { padding: 1rem; }
}