/* ==========================================================================
   WCL Phase 4 Tactical Overrides — 4 US Commercial Pages
   Targets: page-id 1556 (digital-marketing-us-core),
            page-id 1557 (ai-chatbot-us-core),
            page-id 1558 (seo-us-local),
            page-id 1559 (ai-engineering-us-core)
   Applies minimal WCL-brand skin over Kallyas default template.
   NOTE: this is a tactical bandaid. Real fix = switch to page-light-chess template.
   Reference: /tmp/claude-safe-work/wcl_semantic_us/visual_audit/report.md
   ========================================================================== */

body.page-id-1556, body.page-id-1557,
body.page-id-1558, body.page-id-1559 {
  --wcl-ink: #0a1628;
  --wcl-orange: #ff7700;
  --wcl-blue: #1e73be;
  --wcl-off: #CEDBEE;
}

/* Headings: no grey, heavy weight, brand font */
body[class*="page-id-1556"] :is(h1,h2,h3,h4),
body[class*="page-id-1557"] :is(h1,h2,h3,h4),
body[class*="page-id-1558"] :is(h1,h2,h3,h4),
body[class*="page-id-1559"] :is(h1,h2,h3,h4) {
  color: #0a1628 !important;
  font-family: 'Space Grotesk', 'Inter', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.01em;
}
body[class*="page-id-1556"] h1,
body[class*="page-id-1557"] h1,
body[class*="page-id-1558"] h1,
body[class*="page-id-1559"] h1 {
  font-weight: 800 !important;
  font-size: 48px !important;
  line-height: 1.1;
}
body[class*="page-id-1556"] h2,
body[class*="page-id-1557"] h2,
body[class*="page-id-1558"] h2,
body[class*="page-id-1559"] h2 {
  font-size: 36px !important;
  line-height: 1.2;
  border-bottom: 3px solid #ff7700;
  padding-bottom: 10px;
  margin-top: 48px;
  display: inline-block;
}
body[class*="page-id-1556"] h3,
body[class*="page-id-1557"] h3,
body[class*="page-id-1558"] h3,
body[class*="page-id-1559"] h3 {
  font-size: 22px !important;
  font-weight: 700 !important;
}

/* Body text: darker than Kallyas default #535353 → #1a1a2e */
body[class*="page-id-1556"] :is(p,li,span),
body[class*="page-id-1557"] :is(p,li,span),
body[class*="page-id-1558"] :is(p,li,span),
body[class*="page-id-1559"] :is(p,li,span) {
  color: #1a1a2e !important;
}

/* Preserve link styling — blue with orange hover */
body[class*="page-id-1556"] a,
body[class*="page-id-1557"] a,
body[class*="page-id-1558"] a,
body[class*="page-id-1559"] a {
  color: #1e73be !important;
}
body[class*="page-id-1556"] a:hover,
body[class*="page-id-1557"] a:hover,
body[class*="page-id-1558"] a:hover,
body[class*="page-id-1559"] a:hover {
  color: #ff7700 !important;
}

/* List markers in brand orange */
body[class*="page-id-1556"] ul li::marker,
body[class*="page-id-1557"] ul li::marker,
body[class*="page-id-1558"] ul li::marker,
body[class*="page-id-1559"] ul li::marker {
  color: #ff7700;
}

/* Primary CTA — orange brand button */
body[class*="page-id-1556"] .wp-block-button__link,
body[class*="page-id-1557"] .wp-block-button__link,
body[class*="page-id-1558"] .wp-block-button__link,
body[class*="page-id-1559"] .wp-block-button__link,
body[class*="page-id-1556"] a.btn,
body[class*="page-id-1557"] a.btn,
body[class*="page-id-1558"] a.btn,
body[class*="page-id-1559"] a.btn,
body[class*="page-id-1556"] .btn-fullcolor,
body[class*="page-id-1557"] .btn-fullcolor,
body[class*="page-id-1558"] .btn-fullcolor,
body[class*="page-id-1559"] .btn-fullcolor {
  background: #ff7700 !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .04em;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 16px 36px !important;
  box-shadow: 0 4px 24px rgba(255,119,0,.35) !important;
  transition: transform .15s, box-shadow .15s;
}
body[class*="page-id-1556"] .wp-block-button__link:hover,
body[class*="page-id-1557"] .wp-block-button__link:hover,
body[class*="page-id-1558"] .wp-block-button__link:hover,
body[class*="page-id-1559"] .wp-block-button__link:hover,
body[class*="page-id-1556"] a.btn:hover,
body[class*="page-id-1557"] a.btn:hover,
body[class*="page-id-1558"] a.btn:hover,
body[class*="page-id-1559"] a.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 28px rgba(255,119,0,.5) !important;
  color: #fff !important;
}

/* Inline strong → orange (brand accent in text) */
body[class*="page-id-1556"] p strong,
body[class*="page-id-1557"] p strong,
body[class*="page-id-1558"] p strong,
body[class*="page-id-1559"] p strong {
  color: #ff7700;
  font-weight: 800;
}

/* Marker comment to verify deploy */
/* WCL_PHASE4_US_CORE_MARKER_20260423 */