/* Define color variables */
:root {
  --color-gold-tint: #F5EDDE;
  --color-gold: #BE830E;
  --color-black: #000;
  --color-white: #FFFFFF;
}

/* Adjusts accordion header styling */
.ui-accordion .ui-accordion-header {
  margin-top: 3px !important;
  background: var(--color-gold-tint) !important;
  border: none;
  text-transform: initial !important;
  display: block;
  cursor: pointer;
  position: relative;
  font-weight: 600;
  font-size: 1.1rem;
  padding: 1.1rem;
  min-height: 0;
}

/* Removes default accordion header icon background */
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  background-image: unset !important;
}

/* Positions accordion header icon */
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: unset;
  right: 20px;
  top: 27px;
  margin-top: -8px;
  width: 40px;
  height: 50px;
}

/* Custom icon styling */
.ui-accordion .ui-accordion-header-icon:after {
  content: "\f067"; /* Plus icon for closed state */
  font-family: "Font Awesome 5 Free";
  position: absolute;
  color: var(--color-gold);
  right: 0;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
}

/* Active accordion state styling */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  color: var(--color-black);
}

/* Default state styling */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  color: var(--color-black);
}

/* Icon switch for active state */
.ui-accordion .ui-accordion-header-active .ui-accordion-header-icon:after {
  content: "\f068"; /* Minus icon for open state */
}

/* Resets text-indent */
.ui-icon {
  text-indent: unset;
}

/* Accordion content styling */
.ui-accordion .ui-accordion-content {
  border: 2px solid var(--color-gold-tint);
  padding: 1em;
}

/* Custom styles for gold-tint background */
.bg-gold-tint .ui-accordion .ui-accordion-header {
  background: var(--color-white) !important;
  border: none !important;
}

.bg-gold-tint .ui-accordion-content {
  border: none;
  margin-top: 3px;
  background: var(--color-white);
}

/* Nested accordion styling */
.bg-gold-tint .accordion-level-2 > .ui-accordion-content {
  border: 2px solid var(--color-gold-tint) !important;
}

.bg-gold-tint .accordion-level-2 > .ui-accordion-header {
  border: 2px solid var(--color-gold-tint) !important;
}

/* LB accordion section adjustments */
.lb-accordion-section .bg-white {
  background: transparent !important;
}

.lb-accordion-section .bg-white > .lb-accordion-item-header {
  background: var(--color-white) !important;
}

.lb-accordion-section .bg-white > .lb-accordion-item-content {
  background: var(--color-white) !important;
  margin-top: 3px !important;
}
