/* wgf-house-walls - the wall-style panel for the Housing Planner (Edit
 * Floorplan, a selected square room). Wears the client's own extracted art,
 * the same families the floorplan popups already use: the simple wood frame
 * container and the catalog list-item row art. No approximations of unshipped
 * in-game panels, no invented icons - the option rows are the client's own
 * cosmetic names from housing-rooms.json, text only. */

.wgf-hb-walls {
  position: absolute;
  z-index: 6;
  width: 236px;
  max-height: min(52vh, 430px);
  display: flex;
  flex-direction: column;
  border: 7px solid transparent;
  border-image: url(/assets/ui/housing/housing-simple-wood-frame.png) 14 / 7px stretch;
  background: #14100b;
  background-clip: padding-box;
  filter: drop-shadow(0 3px 8px rgba(0,0,0,.55));
}

.wgf-hb-walls[hidden] { display: none; }

.wgf-hb-walls__head {
  padding: 8px 10px 4px;
  color: #ffe8a8;
  font-family: var(--font-game);
  font-size: .85rem;
}

.wgf-hb-walls__note {
  margin: 0;
  padding: 2px 10px 10px;
  color: #b3a789;
  font-family: var(--font-game);
  font-size: .72rem;
  line-height: 1.35;
}

.wgf-hb-walls__list {
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #6a5632 #140f0a;
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 2px 8px 8px;
}
.wgf-hb-walls__list::-webkit-scrollbar { width: 9px; }
.wgf-hb-walls__list::-webkit-scrollbar-track { background: #140f0a; }
.wgf-hb-walls__list::-webkit-scrollbar-thumb {
  background: #6a5632;
  border: 2px solid #140f0a;
  border-radius: 5px;
}

.wgf-hb-walls__theme {
  padding: 7px 4px 2px;
  color: #8f8163;
  font-family: var(--font-game);
  font-size: .62rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.wgf-hb-walls__opt {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 6px 9px 5px;
  border: 0;
  cursor: pointer;
  text-align: left;
  background: url(/assets/ui/housing/catalog-list-item-default-2x.png)
              no-repeat center / 100% 100%;
  color: #e8ddc7;
  font: inherit;
  text-shadow: 0 1px 2px #000;
}
.wgf-hb-walls__opt:hover,
.wgf-hb-walls__opt.is-active {
  background-image: url(/assets/ui/housing/catalog-list-item-active-2x.png);
  color: #ffe8a8;
}
.wgf-hb-walls__opt:active:not(:disabled) {
  background-image: url(/assets/ui/housing/catalog-list-item-pressed-2x.png);
}
.wgf-hb-walls__opt:disabled {
  opacity: .4;
  cursor: default;
}

.wgf-hb-walls__name {
  font-family: var(--font-game);
  font-size: .74rem;
  line-height: 1.2;
}
.wgf-hb-walls__sub {
  font-family: var(--font-game);
  font-size: .6rem;
  line-height: 1.2;
  color: #9a8d6e;
}