/* LFG QA round 2026-09-27: accordion-content overrides for bokka-data-structures blocks. Loaded site-wide after the child style.css. */

/* ------------------------------------------------------------------------
   Accordion (bokka/accordion) - every page that uses the block

   The plugin spaces collapsed items with py-10 + mb-4 (~142px from one
   question to the next) and its border-b divider never shows, so a short
   FAQ reads as scattered headings. Tighten to a compact list with a thin
   divider between items, like SJV's FAQ.
   --------------------------------------------------------------------- */
.bokka-plugin .accordion.py-12 {
	padding-top: 2rem;
	padding-bottom: 3rem;
}

.bokka-plugin .accordion .accordion-panel {
	margin: 0 2rem;
	padding: 1.5rem 1.5rem;
	border-bottom: 1px solid #D5D6D8;
}
.bokka-plugin .accordion .accordion-panel:last-child {
	border-bottom: 0;
}

/* Salient gives h3 a bottom margin; the button already carries the spacing. */
.bokka-plugin .accordion h3.accordion-header {
	margin: 0;
	padding: 0;
}

/* Question text: drop the plugin's trailing 5px so rows center on the icon. */
.bokka-plugin .accordion .accordion-header button span.font-primary-bold:first-child {
	margin-bottom: 0;
}
.bokka-plugin .accordion .accordion-header button span.uppercase {
	margin-top: 0.25rem;
	font-size: 0.875rem;
	line-height: 1.4;
	letter-spacing: 0.04em;
	color: #6C7076;
}

/* Open state: answer sits closer to its question. */
.bokka-plugin .accordion .accordion-content .description {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
/* Salient's `p { padding-bottom: 1.5em }` doubles the gap above the button. */
.bokka-plugin .accordion .accordion-content .description > :last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}
.bokka-plugin .accordion .accordion-content .molecule-buttons {
	margin-bottom: 0.5rem;
}

@media (max-width: 767px) {
	.bokka-plugin .accordion.py-12 {
		padding-top: 1.5rem;
		padding-bottom: 2rem;
	}
	.bokka-plugin .accordion .accordion-panel {
		margin: 0 1.25rem;
		padding: 1.25rem 0;
	}
	.bokka-plugin .accordion .accordion-header button {
		column-gap: 1rem;
	}
}

/* Accordion section intro: the description that used to sit under the bare
   "FAQ Section" title now follows the heading-transition banner
   (bokka_lfg_accordion_heading_transition()). The banner's arrow overlaps
   the next element by 25px, hence the larger top padding. */
.lfg-accordion-intro {
	max-width: 48rem;
	margin: 0 auto;
	padding: 3.5rem 2rem 0;
	text-align: center;
}
.lfg-accordion-intro p {
	margin: 0;
	padding: 0;
	font-size: 1.125rem;
	line-height: 1.75;
	color: #4B4F52;
}

@media (max-width: 767px) {
	.lfg-accordion-intro {
		padding: 2.5rem 1.25rem 0;
	}
}


/* ------------------------------------------------------------------------
   WYSIWYG lists in bokka blocks

   style.css pins `list-style: none` on every plugin <li> to stop Salient's
   `ul li { list-style: disc }` from putting bullets on nav and breadcrumb
   lists, and Tailwind's preflight zeroes list margin and padding. That also
   strips the bullets from lists typed into WYSIWYG fields (Split Content,
   Accordion, Text CTA, Tabbed Content... all print them inside a
   `.description` wrapper). Editor output never carries a class, so restore
   bullets only on class-less lists there.

   Split Content centers its description by default; the list stays a
   left-aligned block centered as a whole so bullets line up.
   --------------------------------------------------------------------- */
.bokka-plugin .description :is(ul, ol):not([class]) {
	margin: 0 0 1.25em;
	padding-left: 1.5em;
}
.bokka-plugin .description ul:not([class]) > li {
	list-style: disc outside;
}
.bokka-plugin .description ol:not([class]) > li {
	list-style: decimal outside;
}
.bokka-plugin .description :is(ul, ol):not([class]) > li {
	margin: 0 0 0.25em;
	padding: 0;
}
.bokka-plugin .description :is(ul, ol):not([class]) > li:last-child {
	margin-bottom: 0;
}
.bokka-plugin .description.text-center :is(ul, ol):not([class]) {
	display: inline-block;
	text-align: left;
}
.bokka-plugin .description :is(ul, ol):not([class]):last-child {
	margin-bottom: 0;
}