/* ═══════════════════════════════════════════════════════════════════════════
   WEBOGRAPHICS — UI POLISH (S60, 2026-10-13) · all screen sizes
   REVERT = remove the 'webo-ui-polish' enqueue in functions.php (or delete this file).
   ═══════════════════════════════════════════════════════════════════════════ */

/* Side-panel accordions (BricksExtras) — a terminal toggle instead of the grey Ionicons arrow */
body :is(.brxe-offcanvas, #support-terminal) .x-accordion .x-accordion_icon { display: none !important; }
body :is(.brxe-offcanvas, #support-terminal) .x-accordion .x-accordion_header { display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; }
body :is(.brxe-offcanvas, #support-terminal) .x-accordion .x-accordion_header::after {
  content: '[ + ]' !important;
  flex: 0 0 auto !important;
  font-family: 'Fira Code', ui-monospace, monospace !important;
  font-size: 12px !important; font-weight: 600 !important; letter-spacing: .06em !important; line-height: 1 !important;
  color: var(--neon-green, #ccff00) !important;
  opacity: .85 !important;
  transition: opacity .2s ease, text-shadow .2s ease !important;
  position: static !important; transform: none !important; border: 0 !important; background: none !important;
  width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; display: inline-block !important;
}
body :is(.brxe-offcanvas, #support-terminal) .x-accordion .x-accordion_header:hover::after,
body :is(.brxe-offcanvas, #support-terminal) .x-accordion .x-accordion_header:focus-visible::after { opacity: 1 !important; text-shadow: 0 0 8px rgba(204,255,0,.45) !important; }
body :is(.brxe-offcanvas, #support-terminal) .x-accordion .x-accordion_header[aria-expanded="true"]::after { content: '[ − ]' !important; opacity: 1 !important; }
body.light-mode :is(.brxe-offcanvas, #support-terminal) .x-accordion .x-accordion_header::after { color: var(--lm-signal-ink, #155C37) !important; text-shadow: none !important; }
@media (prefers-reduced-motion: reduce) { body :is(.brxe-offcanvas, #support-terminal) .x-accordion .x-accordion_header::after { transition: none !important; } }

/* FAQ — questions were `white-space: nowrap` (BricksExtras accordion title), so long questions ran off narrow screens.
   They may wrap now; the title takes the free width and the arrow keeps its place. All screens. */
#faq-section .x-accordion_header { align-items: center; gap: 12px; }
#faq-section .x-accordion_title { white-space: normal !important; flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; line-height: 1.4; }
#faq-section .x-accordion_icon { flex: 0 0 auto; }