/* AEO Content Plugin Frontend Styles */
.aeo-content {
  margin: 2rem 0;
}
.aeo-content .aeo-overview {
  margin-bottom: 2rem;
}
.aeo-content .aeo-overview p {
  margin: 0.5rem 0 0;
}
/* Overview accordion */
.aeo-overview[data-accordion="true"] .aeo-overview-button {
  display: flex;
  width: 100%;
  background: #eef6ff;
  border: 1px solid #c3d9ee;
  padding: 0.75rem 1rem;
  cursor: pointer;
  text-align: left;
  font: inherit;
  border-radius: 4px;
  font-weight: 600;
  position: relative;
  color: #000;
}
.aeo-overview[data-accordion="true"] .aeo-overview-button::after {
  content: "\25BC";
  position: absolute;
  right: 1rem;
  transition: transform 0.2s ease;
}
.aeo-overview[data-accordion="true"]
  .aeo-overview-button[aria-expanded="true"]::after {
  transform: rotate(-180deg);
}
.aeo-overview[data-accordion="true"] .aeo-overview-button:focus {
  outline: 2px solid #2271b1;
  outline-offset: 2px;
}
.aeo-overview[data-accordion="true"] .aeo-overview-text[hidden] {
  display: none;
}
.aeo-overview[data-accordion="true"] .aeo-overview-text {
  padding: 0.75rem 1rem;
  background: #fff;
  border-left: 3px solid #2271b1;
  margin-top: 0.5rem;
  color: #000;
}
.aeo-content .aeo-faqs dl {
  margin: 0;
}
.aeo-content .aeo-faqs dt {
  font-weight: 600;
  margin-top: 1rem;
}
.aeo-content .aeo-faqs dd {
  margin: 0 0 1rem 0;
}
/* Accordion (progressive enhancement) */
.aeo-faqs[data-accordion="true"] .aeo-faq-answer[hidden] {
  display: none;
}
.aeo-faqs .aeo-faq-question-button {
  display: flex;
  width: 100%;
  text-align: left;
  background: #f7f7f7;
  border: 1px solid #ddd;
  padding: 0.75rem 1rem;
  cursor: pointer;
  font: inherit;
  border-radius: 4px;
  position: relative;
  color: #000;
}
.aeo-faqs .aeo-faq-question-button::after {
  content: "\25BC";
  position: absolute;
  right: 1rem;
  transition: transform 0.2s ease;
}
.aeo-faqs .aeo-faq-question-button[aria-expanded="true"]::after {
  transform: rotate(-180deg);
}
.aeo-faqs .aeo-faq-question-button:focus {
  outline: 2px solid #2271b1;
  outline-offset: 2px;
}
.aeo-faqs .aeo-faq-item {
  margin-bottom: 1rem;
}
.aeo-faqs .aeo-faq-answer {
  padding: 0.75rem 1rem;
  border-left: 3px solid #2271b1;
  background: #fff;
  color: #000;
}

/* Ensure non-accordion lists also display black text */
.aeo-faqs .aeo-faq-question,
.aeo-faqs .aeo-faq-answer,
.aeo-overview .aeo-overview-text,
.aeo-overview p {
  color: #000;
}
