/* Homecraft II: every piece craftable, house parts, wallpaper and floors, Pottery (M14, track AE; expansions-round2.md 3.4). */

/* the colour to make something in, on its recipe row */
.hw-fabric { display: flex; flex-wrap: wrap; align-items: center; gap: 3px; margin: 3px 0 1px; }
.hw-sw { width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--wood2, #7a5434); padding: 0; cursor: pointer; font-size: 11px; line-height: 14px; color: #5a3c26; box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15); }
.hw-sw.on { border-color: #fff6c8; outline: 2px solid #e8a030; }
.hw-fabname { font-weight: 600; }

/* the house's parts, under the farmhouse's look and in a cottage's panel */
.hw-parts { margin-top: 10px; border-top: 1px dashed rgba(122, 84, 52, 0.4); padding-top: 6px; }
.hw-slot { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 4px 0; }
.hw-slotname { min-width: 92px; }
.hw-chip { width: 30px; height: 24px; position: relative; font-size: 12px; }
.hw-chip.hw-need { opacity: 0.55; border-style: dashed; }
.hw-chip:disabled { cursor: default; }
.hw-fitrow { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; margin-top: 6px; }

@media (max-width: 560px) {
  .hw-slotname { min-width: 0; width: 100%; }
  .hw-chip { width: 34px; height: 28px; }
  .hw-sw { width: 24px; height: 24px; }
}