/*
 * FAQ page (Contact Us > Frequently Asked Questions, post ID 4052) accordion,
 * restyled to match the DGA accordion used elsewhere on the site: a flat list
 * with dividers (not separate cards), a rotating chevron (not the +/- glyph),
 * a hover state, and DGA spacing/typography.
 *
 * The page content is a pasted HTML document with its own inline <style> block,
 * so these cosmetic overrides are prefixed with `body` to win specificity over
 * that block (which sits later in the DOM). The checkbox toggle mechanism
 * (input:checked ~ .acc-tab-content max-height) is left untouched -- behavior
 * is unchanged, styling only.
 */

/* List item: drop the per-item card (shadow/radius/gap); use dividers. */
body .accordion-content .tab {
  background: transparent;
  margin-bottom: 0;
  border: 0;
  border-top: 1px solid var(--border-neutral-primary);
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
}
body .accordion-content .tab:last-child {
  border-bottom: 1px solid var(--border-neutral-primary);
}

/* Header (label). */
body .accordion-content .tab label {
  font-family: var(--font-family-arabic);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-text-lg);
  line-height: var(--line-height-text-lg);
  color: var(--text-default);
  background: transparent;
  padding: var(--spacing-xl) var(--spacing-6xl) var(--spacing-xl) var(--spacing-xl);
  transition: background-color 0.15s ease;
}
body .accordion-content .tab label:hover {
  background: var(--button-background-neutral-hovered);
}

/* Chevron replaces the +/- glyph; rotates 180deg when open. */
body .accordion-content .tab label::after {
  content: "";
  width: 16px;
  height: 16px;
  right: var(--spacing-xl);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23161616' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  background-size: 16px 16px;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
body .accordion-content .tab input[type="checkbox"]:checked + label::after {
  content: "";
  transform: translateY(-50%) rotate(180deg);
}

/* Panel. */
body .accordion-content .acc-tab-content {
  padding: 0 var(--spacing-xl);
}
body .accordion-content .acc-tab-content,
body .accordion-content .acc-tab-content p {
  font-family: var(--font-family-arabic);
  color: var(--text-primary-paragraph);
}
body .accordion-content .tab input[type="checkbox"]:checked ~ .acc-tab-content {
  padding: 0 var(--spacing-xl) var(--spacing-3xl);
}

/* RTL: chevron and header padding mirror to the left. */
:is(html[dir="rtl"]) body .accordion-content .tab label {
  padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-xl) var(--spacing-6xl);
}
:is(html[dir="rtl"]) body .accordion-content .tab label::after {
  right: auto;
  left: var(--spacing-xl);
}