/* board-foot-calculator — custom styles */
.bf-chip-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}
.bf-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border-radius:2rem;border:1.5px solid var(--bs-border-color);background:var(--bs-body-bg);color:var(--bs-body-color);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}
.bf-chip:hover{border-color:var(--cluster-dark);color:var(--cluster-dark)}
.bf-chip.active{background:var(--cluster-dark);color:var(--cluster-text,#fff);border-color:var(--cluster-dark)}
.bf-dim-group{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.bf-dim-group-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}
.bf-input-sm{width:100%;padding:.5rem .75rem;border-radius:.5rem;border:1.5px solid var(--bs-border-color);background:var(--bs-body-bg);color:var(--bs-body-color);font-size:.95rem;transition:border-color .2s}
.bf-input-sm:focus{outline:none;border-color:var(--cluster-dark);box-shadow:0 0 0 3px rgba(var(--bs-primary-rgb),.15)}
select.bf-input-sm{appearance:auto;cursor:pointer}
.bf-section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--bs-secondary-color);font-weight:600;margin-bottom:.35rem}
.bf-nominal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-top:.5rem}
.bf-nominal-pill{padding:.4rem .5rem;border-radius:.5rem;border:1.5px solid var(--bs-border-color);background:var(--bs-body-bg);color:var(--bs-body-color);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s;text-align:center}
.bf-nominal-pill:hover{border-color:var(--cluster-dark);color:var(--cluster-dark)}
.bf-nominal-pill.active{background:var(--cluster-dark);color:var(--cluster-text,#fff);border-color:var(--cluster-dark)}
.bf-length-pills{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}
.bf-length-pill{padding:.3rem .65rem;border-radius:1.5rem;border:1px solid var(--bs-border-color);background:var(--bs-body-bg);color:var(--bs-secondary-color);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s}
.bf-length-pill:hover{border-color:var(--cluster-dark);color:var(--cluster-dark)}
.bf-length-pill.active{background:var(--cluster-dark);color:var(--cluster-text,#fff);border-color:var(--cluster-dark)}
.bf-species-wrap{position:relative}
.bf-species-search{width:100%;padding:.5rem .75rem;padding-right:2rem;border-radius:.5rem;border:1.5px solid var(--bs-border-color);background:var(--bs-body-bg);color:var(--bs-body-color);font-size:.95rem;transition:border-color .2s}
.bf-species-search:focus{outline:none;border-color:var(--cluster-dark);box-shadow:0 0 0 3px rgba(var(--bs-primary-rgb),.15)}
.bf-species-search-icon{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);color:var(--bs-secondary-color);font-size:.85rem;pointer-events:none}
.bf-species-dropdown{position:absolute;top:100%;left:0;right:0;max-height:260px;overflow-y:auto;background:var(--bs-body-bg);border:1.5px solid var(--bs-border-color);border-top:none;border-radius:0 0 .5rem .5rem;z-index:100;display:none;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.bf-species-dropdown.open{display:block}
.bf-species-group-label{padding:.45rem .75rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--bs-secondary-color);font-weight:700;background:var(--bs-tertiary-bg);border-bottom:1px solid var(--bs-border-color)}
.bf-species-option{padding:.45rem .75rem;font-size:.88rem;cursor:pointer;transition:background .15s;display:flex;justify-content:space-between;align-items:center}
.bf-species-option:hover,.bf-species-option.highlighted{background:var(--cluster-surface)}
.bf-species-option.selected{font-weight:600;color:var(--cluster-dark)}
.bf-species-option .bf-species-meta{font-size:.72rem;color:var(--bs-secondary-color)}
.bf-info-card{background:var(--bs-tertiary-bg);border-radius:.75rem;padding:1rem 1.15rem;margin-top:.5rem}
.bf-info-row{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;font-size:.9rem}
.bf-info-row.bf-info-total{border-top:1.5px solid var(--bs-border-color);margin-top:.35rem;padding-top:.55rem;font-weight:600}
.bf-hardness-bar-wrap{width:100%;height:8px;background:var(--bs-border-color);border-radius:4px;overflow:hidden;margin-top:.25rem}
.bf-hardness-bar{height:100%;background:linear-gradient(90deg,var(--cluster-dark),var(--cluster-hover,var(--cluster-dark)));border-radius:4px;transition:width .5s ease}
.bf-nominal-note{background:var(--cluster-surface);border-radius:.5rem;padding:.65rem .85rem;margin-top:.5rem;font-size:.82rem;color:var(--bs-body-color);border-left:3px solid var(--cluster-dark)}
.bf-sub-feature{border:1.5px dashed var(--bs-border-color);border-radius:.75rem;padding:1rem 1.15rem;margin-top:.75rem;position:relative}
.bf-sub-feature h4{font-size:.95rem;margin-bottom:.65rem;font-weight:600}
.bf-project-item{background:var(--bs-tertiary-bg);border-radius:.5rem;padding:.75rem;margin-bottom:.5rem}
.bf-project-item .bf-project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}
.bf-project-item .bf-project-header span{font-weight:600;font-size:.9rem}
.bf-remove-item{background:none;border:none;color:var(--bs-danger);cursor:pointer;font-size:.85rem;padding:.15rem .4rem}
.bf-add-item-btn{width:100%;padding:.55rem;border-radius:.5rem;border:1.5px dashed var(--bs-border-color);background:transparent;color:var(--bs-secondary-color);cursor:pointer;font-size:.85rem;transition:all .2s}
.bf-add-item-btn:hover{border-color:var(--cluster-dark);color:var(--cluster-dark)}
.bf-compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.5rem}
.bf-compare-col{background:var(--bs-tertiary-bg);border-radius:.5rem;padding:.75rem;text-align:center}
.bf-compare-col h5{font-size:.85rem;font-weight:600;margin-bottom:.5rem}
.bf-compare-row{font-size:.8rem;padding:.25rem 0;display:flex;justify-content:space-between}
.bf-waste-select{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem}
.bf-waste-result{background:var(--bs-tertiary-bg);border-radius:.5rem;padding:.65rem .85rem;margin-top:.5rem}
.bf-recommend-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem}
.bf-recommend-card{background:var(--bs-tertiary-bg);border-radius:.5rem;padding:.65rem;text-align:center}
.bf-recommend-card .bf-rec-name{font-weight:600;font-size:.88rem}
.bf-recommend-card .bf-rec-detail{font-size:.75rem;color:var(--bs-secondary-color);margin-top:.15rem}
.bf-thickness-pills{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.35rem}
.bf-thickness-pill{padding:.28rem .55rem;border-radius:1.5rem;border:1px solid var(--bs-border-color);background:var(--bs-body-bg);color:var(--bs-secondary-color);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s}
.bf-thickness-pill:hover{border-color:var(--cluster-dark);color:var(--cluster-dark)}
.bf-thickness-pill.active{background:var(--cluster-dark);color:var(--cluster-text,#fff);border-color:var(--cluster-dark)}

[data-bs-theme="dark"] .bf-chip{border-color:var(--bs-border-color)}
[data-bs-theme="dark"] .bf-chip.active{background:var(--cluster-dark);border-color:var(--cluster-dark)}
[data-bs-theme="dark"] .bf-input-sm{background:var(--bs-tertiary-bg);border-color:var(--bs-border-color)}
[data-bs-theme="dark"] .bf-species-search{background:var(--bs-tertiary-bg);border-color:var(--bs-border-color)}
[data-bs-theme="dark"] .bf-species-dropdown{background:var(--bs-body-bg);border-color:var(--bs-border-color);box-shadow:0 6px 20px rgba(0,0,0,.35)}
[data-bs-theme="dark"] .bf-info-card{background:rgba(255,255,255,.04)}
[data-bs-theme="dark"] .bf-nominal-pill{border-color:var(--bs-border-color)}
[data-bs-theme="dark"] .bf-nominal-pill.active{background:var(--cluster-dark);border-color:var(--cluster-dark)}
[data-bs-theme="dark"] .bf-length-pill{border-color:var(--bs-border-color)}
[data-bs-theme="dark"] .bf-length-pill.active{background:var(--cluster-dark);border-color:var(--cluster-dark)}
[data-bs-theme="dark"] .bf-thickness-pill{border-color:var(--bs-border-color)}
[data-bs-theme="dark"] .bf-thickness-pill.active{background:var(--cluster-dark);border-color:var(--cluster-dark)}
[data-bs-theme="dark"] .bf-nominal-note{background:rgba(255,255,255,.04)}
[data-bs-theme="dark"] .bf-project-item{background:rgba(255,255,255,.04)}
[data-bs-theme="dark"] .bf-compare-col{background:rgba(255,255,255,.04)}
[data-bs-theme="dark"] .bf-waste-result{background:rgba(255,255,255,.04)}
[data-bs-theme="dark"] .bf-recommend-card{background:rgba(255,255,255,.04)}
[data-bs-theme="dark"] .bf-hardness-bar-wrap{background:rgba(255,255,255,.1)}

@media(max-width:575.98px){
  .bf-chip{padding:.38rem .65rem;font-size:.8rem}
  .bf-dim-group{grid-template-columns:1fr}
  .bf-dim-group-3{grid-template-columns:1fr}
  .bf-nominal-grid{grid-template-columns:repeat(3,1fr)}
  .bf-compare-grid{grid-template-columns:1fr}
  .bf-recommend-grid{grid-template-columns:1fr}
  .bf-waste-select{grid-template-columns:1fr}
}