/* :rotating_light: DO NOT SAVE WITHOUT CHECKING :rotating_light:
 * LAST SAVED: 2026-01-12 2:56 ET
 * SAVED BY: Ruobing
 * IF THIS IS NOT YOU, STOP AND RELOAD
 */

/* Header wrapper: horizontal layout */
#accordion-homepage .accordion-headers {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0; /* adjust if spacing needed */
}

/* Each accordion header */
#accordion-homepage .accordion-header {
  /*flex: 1 1 auto;*/
  margin: 0;
  display: flex;
  align-items: stretch;
}

.accordion-button {
	font-family: var(--ar-25-font-alt-b) !important;
}

#accordion-homepage h2.accordion-header button {
  font-family: var(--ar-25-font-alt-b) !important;
  gap:1rem;
  padding:1rem;
}


/* Accordion buttons: inline-tab appearance */
#accordion-homepage .accordion-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 0;
  white-space: normal;
  line-height: 1.2;
  padding: 1rem;
}


/* Remove Bootstrap vertical accordion borders/spacing */
#accordion-homepage .accordion-item,
#accordion-homepage .accordion-header,
#accordion-homepage .accordion-button {
  border: none;
}

/* Optional: active tab visual consistency */
#accordion-homepage .accordion-button:not(.collapsed) {
  box-shadow: none;
}

/* Prevent body from affecting header layout */
#accordion-homepage .accordion-collapse {
  width: 100%;
  font-family: var(--ar-25-font-alt-b) !important;
}

.ar-25-accordion-header.ar-25-cat-1 .accordion-button {
	background-color: var(--ar-25-cat-1-light);
}
.ar-25-accordion-header.ar-25-cat-2 .accordion-button {
	background-color: var(--ar-25-cat-2-light);
}
.ar-25-accordion-header.ar-25-cat-3 .accordion-button {
	background-color: var(--ar-25-cat-3-light);
}
.ar-25-accordion-header.ar-25-cat-4 .accordion-button {
	background-color: var(--ar-25-cat-4-light);
}
.ar-25-accordion-header.ar-25-cat-5 .accordion-button {
	background-color: var(--ar-25-cat-5-light);
}

.ar-25-accordion-header.ar-25-cat-1 .accordion-button:not(.collapsed),
.ar-25-accordion-body.ar-25-cat-1 {
	background-color: var(--ar-25-cat-1);
}
.ar-25-accordion-header.ar-25-cat-2 .accordion-button:not(.collapsed),
.ar-25-accordion-body.ar-25-cat-2 {
	background-color: var(--ar-25-cat-2);
}
.ar-25-accordion-header.ar-25-cat-3 .accordion-button:not(.collapsed),
.ar-25-accordion-body.ar-25-cat-3 {
	background-color: var(--ar-25-cat-3);
}
.ar-25-accordion-header.ar-25-cat-4 .accordion-button:not(.collapsed),
.ar-25-accordion-body.ar-25-cat-4 {
	background-color: var(--ar-25-cat-4);
}
.ar-25-accordion-header.ar-25-cat-5 .accordion-button:not(.collapsed),
.ar-25-accordion-body.ar-25-cat-5 {
	background-color: var(--ar-25-cat-5);
}


/* TAB CONTENT */

#accordion-homepage .accordion-body {
	display: grid;
	grid-template-columns: 0.8fr 1.2fr 0.3fr;
}

.ar-25-accordion-body-image {
	align-content: space-around;
}


.ar-25-accordion-tabs-mobile {
	display: none;
}

/* neutralize Bootstrap animations */
/* Kill Bootstrap accordion slide animation */
#accordion-homepage .collapsing {
  transition: none !important;
  height: auto !important;
}

/* Remove transition from normal collapse states */
#accordion-homepage .accordion-collapse {
  transition: none !important;
}

/* Defensive: neutralize button animation side-effects */
#accordion-homepage .accordion-button {
  transition: none !important;
}

.ar-25-accordion-body-content {
	padding: 3rem;
}


@media (max-width: 970px) {
	#accordion-homepage .accordion-body {
		grid-template-columns: 1fr !important;
		grid-template-rows: 1fr 1fr;
	}
	.ar-25-accordion-tabs-mobile {
		display: block;
	}
	.ar-25-accordion-tabs {
		display: none;
	}
	.ar-25-accordion-body-content {
		padding: 2rem;
	}
}