/* =========================================================
   Gift Finder Accordion (dynamic categories) - MATCH SITE UI
   Header: Mia Script
   Menus: Mulish
   Uses global palette vars
   Reduced dropdown spacing
   Added horizontal spacing between category columns
   ========================================================= */

.bhw-gift-finder,
.bhw-gift-finder * {
  font-family: Mulish, sans-serif;
}

/* Container */
.bhw-gift-finder {
  width: 100%;
  background: var(--global-palette7);
  border: 0;
  display: flex;
}

/* Left title block */
.bhw-gift-finder__left {
  background: var(--global-palette7);
  padding: 0px 28px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 260px;
}

.bhw-gift-finder__title {
  margin: 0;
  color: var(--global-palette3);
  font-family: "Mia Script", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.05;
  font-size: clamp(34px, 3vw, 46px);
}

/* Right column background */
.bhw-gift-finder__right {
  background: var(--global-palette7);
  flex: 1 1 auto;
}

/* Accordion row */
.bhw-acc {
  display: flex;
  align-items: stretch;
  width: 100%;
  gap: 10px; /* NEW: spacing between dropdown columns */
}

/* Items behave like equal-width blocks */
.bhw-acc__item {
  flex: 1 1 0;
  position: relative;
  background: transparent;
}

/* Top buttons */
.bhw-acc__btn {
  width: 100%;
  background: #fbf9f7;
  border: 0;
  padding: 22px 26px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: var(--global-palette3);
  font-weight: 700;
  font-size: 12px;
  line-height: 1.2;
}

.bhw-acc__btn:hover,
.bhw-acc__btn:focus {
  outline: none;
  color: var(--global-palette3);
}

/* Chevron icon */
.bhw-acc__icon {
  width: 9px;
  height: 9px;
  border-right: 2px solid var(--global-palette3);
  border-bottom: 2px solid var(--global-palette3);
  transform: rotate(45deg);
  display: inline-block;
}

/* Open state */
.bhw-acc__item.is-open .bhw-acc__icon {
  transform: rotate(-135deg);
}

/* Panel dropdown */
.bhw-acc__panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: var(--global-palette7);
  border-top: 1px solid rgba(43, 43, 43, 0.10);
  z-index: 60;
}

/* Dropdown inner */
.bhw-acc__panel-inner {
  padding: 14px 26px 16px;
  max-width: 520px;
  margin: 0 auto;
  background: #fbf9f7;
}

/* Subcategory list */
.bhw-acc__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.bhw-acc__list-item {
  margin: 0;
  padding: 0;
}

/* Subcategory links */
.bhw-acc__link {
  display: inline-block;
  text-decoration: none;
  color: var(--global-palette3);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.15;
}

.bhw-acc__link:hover,
.bhw-acc__link:focus {
  text-decoration: none;
  color: var(--global-palette1);
}

/* Empty text */
.bhw-acc__empty {
  margin: 0;
  color: var(--global-palette3);
  opacity: 0.7;
  font-size: 13px;
  font-weight: 500;
}

/* Keep dropdown from creating layout jump on desktop */
@media (min-width: 901px) {
  .bhw-gift-finder__right {
    position: relative;
  }
}

/* Responsive: stack like normal accordion */
@media (max-width: 900px) {
  .bhw-gift-finder {
    flex-direction: column;
  }

  .bhw-gift-finder__left {
    padding: 20px 22px;
    flex: 1 1 auto;
  }

  .bhw-acc {
    flex-direction: column;
    gap: 0;
  }

  .bhw-acc__btn {
    justify-content: space-between;
    padding: 18px 22px;
    font-size: 11.5px;
    letter-spacing: 0.16em;
  }

  .bhw-acc__panel {
    position: static;
    border-top: 0;
  }

  .bhw-acc__panel-inner {
    padding: 8px 22px 12px;
    max-width: none;
  }

  .bhw-acc__list {
    gap: 8px;
  }

  .bhw-acc__link {
    font-size: 12.5px;
    letter-spacing: 0.14em;
  }
}