/**
 * Lazuli FAQ accordion: no-JS fallback + indicator base geometry only.
 *
 * Visual presentation (background, border, padding, font, open-state tint)
 * lives in template-v2-fixes.css per CI-004 consolidation. This file is the
 * minimal fallback that must load whether or not the polish stylesheet does:
 * (1) graceful unenhanced markup, (2) the plus/minus indicator pseudo-bars
 * that the JS toggle animates, (3) the reduced-motion override for those.
 */

/* No-JS fallback: hide the indicator and show the answer by default. */
.schema-faq-section:not(.lz-faq-section) .lz-faq-indicator {
  display: none;
}

/* Indicator: plus / minus base geometry. Color comes from the parent rule
   in template-v2-fixes.css; only the cross geometry lives here so the
   indicator renders even if the polish stylesheet is missing. */
.lz-faq-indicator {
  position:    relative;
  flex:        0 0 1rem;
  inline-size: 1rem;
  block-size:  1rem;
}
.lz-faq-indicator::before,
.lz-faq-indicator::after {
  content:       '';
  position:      absolute;
  background:    currentColor;
  border-radius: 1px;
  transition:    transform 0.2s ease;
}
.lz-faq-indicator::before {
  /* horizontal bar */
  inset-block-start: 50%;
  inset-inline-start: 0;
  inset-inline-end:   0;
  block-size:        2px;
  transform:         translateY(-50%);
}
.lz-faq-indicator::after {
  /* vertical bar */
  inset-block-start:    0;
  inset-block-end:      0;
  inset-inline-start:   50%;
  inline-size:          2px;
  transform:            translateX(-50%);
}
.lz-faq-section--open .lz-faq-indicator::after {
  transform: translateX(-50%) scaleY(0);
}

/* Reduced motion: kill indicator transition. */
@media (prefers-reduced-motion: reduce) {
  .lz-faq-indicator::before,
  .lz-faq-indicator::after {
    transition: none;
  }
}