/* factoring-faq.html page only */

:root{
  /* spacing + borders */
  --uor-item-pad-y: .75rem;
  --uor-item-pad-x: 0.5rem;
  --uor-item-gap: .65rem;
  --uor-border: rgba(0);
  /* header theming – tuned to site palette */
  --uor-header-bg: color-mix(in srgb, var(--primary) 10%, white);
  --uor-header-border: color-mix(in srgb, var(--primary) 22%, white);
  --uor-header-text: var(--secondary-darkest);
}
/* ===== Section header (left title + right icon) ===== */
.uor-section-header {
  background: var(--uor-header-bg);
  border: 0;
  border-left: .35rem solid var(--primary);
  border-radius: 0;
  padding: .85rem 1rem;
  color: var(--uor-header-text);
}
.uor-section-header .bi { opacity:.9; }
/* ===== Semantic list-group ===== */
.uor-linklist {
  list-style:none;
  padding:0;
  margin:0;
  border:1px solid var(--uor-border);
  border-radius:.75rem;
  overflow:hidden;
}
.uor-linkitem { margin-left: 0; }
.uor-linkitem + .uor-linkitem { border-top:1px solid var(--uor-border); }
.uor-link{
  display:flex;
  align-items: center;
  gap:var(--uor-item-gap);
  padding:var(--uor-item-pad-y) var(--uor-item-pad-x);
  text-decoration:none;
  color:inherit;
}
.uor-icon { margin-top:.1rem; opacity:.85; }
.uor-linktext { flex:1 1 auto; }
.uor-link:focus-visible {
  outline:2px solid color-mix(in srgb, var(--primary) 45%, white);
  outline-offset:2px;
  border-radius:.5rem;
}
@media (hover:hover) {
  .uor-link:hover{ background:color-mix(in srgb, var(--primary) 6%, white); }
}
/* list-group-flush support */
.uor-linklist.list-group-flush {
  border:0;
  border-radius:0;
}
.uor-linklist.list-group-flush .uor-linkitem:first-child { border-top: 0; }
/* ===== Helper / side media ===== */
.uor-side-media img { width:100%; height:auto; }


/* text wraps but keeps flex direction */
.accordion-button {
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
  padding: 0.75rem;
  height: auto;
  border: 0;
}
.accordion-item:first-of-type .accordion-button { 
	border-radius: 0;
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: color-mix(in srgb, var(--primary) 25%, white);
}
.accordion-button:focus {
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.125rem rgba(13, 110, 253, 0.25);
}
/* IMPORTANT: allow flex children to shrink */
.accordion-button > * { min-width: 0; }
/* Keep caret, icons, badges from wrapping */
.accordion-button::after,
.accordion-button i,
.accordion-button .badge{
  flex-shrink: 0;
}
/* Ensure icons/badges don’t push text sideways */
.accordion-button i,
.accordion-button .badge {
  flex-shrink: 0;
}


.uor-section-header .bi {
  background-color: #fff !important;
  padding: 1.25rem;
}
#faq .accordion-header .bi {
  background-color: #fff !important;
}
.accordion-item .accordion-button:not(.collapsed)  .bi {
	background: color-mix(in srgb, var(--primary) 6%, white);
}
#faq .accordion-button .bi {
  background-color: #fff !important;
}
/* Accordion button layout helper */
.accordion-button {
  display: flex;
  /* align-items: flex-start; */
  gap: .5rem;
}
/* Allow the icon+title wrapper to shrink, text wrap naturally */
.accordion-button > span:first-child {
  display: flex;
  align-items: center;
  min-width: 0;          /* CRITICAL */
  flex: 1 1 auto;
}
/* Allow title text to wrap properly */
.accordion-button .accordion-title {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}
/* Keep badge from shrinking */
.accordion-button .badge {
  flex-shrink: 0;
  font-size: 0.7rem;
}
.accordion .accordion-item {
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid var(--neutral-300);
}

#faq .main-content figure {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	max-height: 100%;
}
#faq .main-content figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* Override */
@media (min-width: 768.02px) {
	#faq .main-content figure {
		aspect-ratio: 2 / 1;
	}
}

.help-column {
  height: 100%;
  padding: 1.25rem;
  border-radius: 1rem;
  display: flex;
  align-items: flex-start;
  background-color: var(--bg-stone-pale, #f6f6f2);
}
/* Background image layer */
.help-bg {
  background-image: url(../imgs/pages/faq/shared-building-resources-2.jpg);
  background-size: cover;
  background-position: center 290px;
  background-repeat: no-repeat;
}
/* Content sits above background */
.help-content {
  position: relative;
  z-index: 1;
}
/* Mobile: let image collapse naturally */
@media (max-width: 767.98px) {
  .help-column {
    min-height: 240px;
    background-position: center top;
  }
}
@media (min-width: 576px) {
	.accordion-button .badge {
	font-size: 0.8rem;
	}
}