/* MRO FAQ Section: styles for the acf/mro-faq block. */

.mro-faq .mro-faq__grid {
  display: grid;
  grid-template-columns: 5fr 7fr;
  align-items: start;
  gap: calc(var(--wp--custom--layout--grid-gap) * 1.5);
}
.mro-faq .mro-faq__aside {
  position: sticky;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--wp--custom--layout--header-h) + var(--wp--preset--spacing--70));
}

.mro-faq .mro-help-card {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--40);
  margin-top: var(--wp--preset--spacing--70);
  padding: var(--wp--preset--spacing--50);
  background: var(--wp--preset--color--base);
  border-radius: var(--wp--custom--radius--lg);
  box-shadow: var(--wp--preset--shadow--sm);
}
.mro-faq .mro-help-card__title { margin: 0 0 var(--wp--preset--spacing--10); font-weight: 700; }

.mro-faq .mro-accordion { display: grid; gap: var(--wp--preset--spacing--30); }
.mro-faq .mro-faq-item {
  margin: 0;
  background: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--line);
  border-radius: var(--wp--custom--radius--md);
  transition: border-color var(--wp--custom--duration--fast) var(--wp--custom--ease--standard),
              box-shadow var(--wp--custom--duration--fast) var(--wp--custom--ease--standard);
}
.mro-faq .mro-faq-item[open] { border-color: var(--wp--preset--color--accent); box-shadow: var(--wp--preset--shadow--sm); }
.mro-faq .mro-faq-item__q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--wp--preset--spacing--40);
  padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60);
  font-size: var(--wp--preset--font-size--md);
  font-weight: 600;
  line-height: var(--wp--custom--leading--tight);
  list-style: none;
  cursor: pointer;
}
.mro-faq .mro-faq-item__q::-webkit-details-marker { display: none; }
.mro-faq .mro-faq-item__q::marker { content: ""; }
.mro-faq .mro-faq-item__q:hover { color: var(--wp--preset--color--accent-deep); }
.mro-faq .mro-faq-item__icon {
  flex-shrink: 0;
  font-size: var(--wp--custom--icon--md);
  color: var(--wp--preset--color--accent-deep);
  transition: transform var(--wp--custom--duration--base) var(--wp--custom--ease--standard);
}
.mro-faq .mro-faq-item[open] .mro-faq-item__icon { transform: rotate(45deg); }
.mro-faq .mro-faq-item__a {
  max-width: var(--wp--custom--layout--measure);
  padding: 0 var(--wp--preset--spacing--60) var(--wp--preset--spacing--60);
  color: var(--wp--preset--color--muted);
}
.mro-faq .mro-faq-item__a p { margin: 0; }
.mro-faq .mro-faq-item__a p + p { margin-top: var(--wp--preset--spacing--30); }

@media (max-width: 1023.98px) {
  .mro-faq .mro-faq__grid { grid-template-columns: minmax(0, 1fr); }
  .mro-faq .mro-faq__aside { position: static; }
}
@media (prefers-reduced-motion: reduce) {
  .mro-faq .mro-faq-item,
  .mro-faq .mro-faq-item__icon { transition: none; }
}