/* Format (hardcover / softcover / eBook) and text (KJV / WEB / Deutsch / Dansk) choice in the buy box of minimalist-bible-books.html
   and new-testament.html; the pills are written by js/minimalist-bible-books-product-20261019.js (optionsHtml). Only the label's own
   span is the pill; every pill is at least 44 px tall. */
.tb-options{display:grid;gap:10px}
.tb-opt{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;border:0;min-width:0}
.tb-opt legend{float:left;min-width:64px;margin-right:4px;padding:0;font:600 12px var(--tb-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--tb-muted)}
/* the pills wrap under each other, beside the legend, never under it */
.tb-opt-pills{flex:1 1 0;min-width:0;display:flex;flex-wrap:wrap;gap:8px}
.tb-opt label{position:relative;display:inline-flex;cursor:pointer}
.tb-opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:inherit}
.tb-opt label>span{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 16px;border:1px solid var(--tb-line);border-radius:999px;font:600 13px var(--tb-ui);color:var(--tb-fg)}
.tb-opt label:hover>span{border-color:var(--tb-fg)}
.tb-opt input:checked+span{border-color:var(--tb-fg);background:var(--tb-fg);color:var(--tb-bg)}
.tb-opt input:focus-visible+span{outline:2px solid var(--tb-accent);outline-offset:2px}
.tb-opt .tb-soon{display:none;font:600 10px var(--tb-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--tb-muted)}
.tb-opt label.is-soon{cursor:not-allowed}
.tb-opt label.is-soon>span{border-style:dashed;color:var(--tb-muted)}
.tb-opt label.is-soon .tb-soon{display:inline}
.tb-opt-note{font-size:12.5px;color:var(--tb-muted)}
.tb-btn[disabled]{cursor:not-allowed}
.tb-btn[hidden]{display:none}
/* The format pills carry their price under the name, as on the Black Edition page (customer, 2026-10-21: "doesn't show the
   prices at the book format, which is confusing"). js/minimalist-bible-books-product-20261019.js writes it (chipPrice) from
   the page data and the page scripts keep it in step with the book and the version. */
.tb-format-pills{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));max-width:480px}
.tb-format-pills label{display:flex}
.tb-format-pills label>span{width:100%;flex-direction:column;justify-content:center;gap:1px;min-height:58px;padding:6px 10px;line-height:1.25;text-align:center}
.tb-chip-price{font:400 13px var(--tb-ui);color:var(--tb-muted)}
.tb-opt input:checked+span .tb-chip-price{color:inherit;opacity:.8}
.tb-chip-price:empty,.tb-opt label.is-soon .tb-chip-price{display:none}