/* WK Teamsport-Wizard (ab 1.4.0) */
.wk-ts-deco{margin:18px 0;border:1px solid #e3e3e3;border-radius:6px;background:#fff}
.wk-ts-deco-intro{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:14px 16px}
.wk-ts-deco-intro strong{flex:1 1 100%;font-size:1.05em}
.wk-ts-deco-intro span{flex:1 1 auto;color:#666;font-size:.92em}
.wk-ts-deco-intro.is-open .wk-ts-deco-open{display:none}
.wk-ts-deco-panel{padding:0 16px 16px}
.wk-ts-step{border-top:1px solid #eee;padding:12px 0}
.wk-ts-step h4{margin:0 0 10px;font-size:1em;display:flex;align-items:center;gap:8px}
.wk-ts-step h4 span{display:inline-flex;width:22px;height:22px;border-radius:50%;background:#e03e07;color:#fff;font-size:.8em;align-items:center;justify-content:center}
.wk-ts-colors{display:flex;flex-wrap:wrap;gap:8px}
.wk-ts-col{display:flex;flex-direction:column;align-items:center;gap:4px;width:84px;padding:6px;border:2px solid #e3e3e3;border-radius:6px;background:#fff;cursor:pointer;font-size:.8em;line-height:1.2;text-transform:none;margin:0;min-height:0}
.wk-ts-col img{width:60px;height:60px;object-fit:contain}
.wk-ts-col.is-on,.wk-ts-sw.is-on{border-color:#e03e07}
.wk-ts-flex-name{font-size:.9em;margin:8px 0 0}
.wk-ts-flex{gap:6px}
.wk-ts-sw{display:inline-flex;padding:2px;border:2px solid transparent;border-radius:50%;background:none;cursor:pointer;margin:0;min-height:0;line-height:0}
.wk-ts-sw span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wk-ts-sw i{display:inline-block;width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}
.wk-ts-pos-wrap{display:flex;gap:14px;flex-wrap:wrap}
.wk-ts-sil{display:flex;gap:6px;flex:0 0 auto}
.wk-ts-sil figure{margin:0;text-align:center;font-size:.75em;color:#777}
.wk-ts-sil svg{width:110px;height:110px;display:block}
.wk-ts-shape{fill:#f1efed;stroke:#9a9a9a;stroke-width:1}
.wk-ts-sil rect{fill:rgba(0,0,0,.04);stroke:#b5b5b5;stroke-width:.6;stroke-dasharray:2 1}
.wk-ts-sil text{font-size:6px;text-anchor:middle;fill:#888;font-family:sans-serif}
.wk-ts-sil g.is-on rect{fill:rgba(224,62,7,.25);stroke:#e03e07;stroke-dasharray:none}
.wk-ts-sil g.is-on text{fill:#e03e07;font-weight:700}
.wk-ts-pos{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:6px}
.wk-ts-pos-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;font-weight:400}
.wk-ts-pos-row select{flex:1 1 170px;margin:0;min-width:0;max-width:100%;width:auto;font-size:.9em}
.wk-ts-pos-n{flex:0 0 20px;height:20px;border-radius:50%;background:#eee;color:#666;font-size:.75em;display:inline-flex;align-items:center;justify-content:center}
.wk-ts-pos-row.is-on .wk-ts-pos-n{background:#e03e07;color:#fff}
.wk-ts-pos-l{flex:0 0 110px;font-size:.9em}
.wk-ts-text{display:block;margin:0 0 8px;font-size:.9em}
.wk-ts-text input{margin:4px 0 0}
.wk-ts-check{display:block;margin:8px 0 0;font-weight:400}
.wk-ts-small{font-size:.82em;color:#666;margin:6px 0}
.wk-ts-rows-wrap{overflow-x:auto}
.wk-ts-rows{width:100%;border-collapse:collapse;margin:0}
.wk-ts-rows th{font-size:.8em;text-align:left;color:#666;padding:4px;border:0}
.wk-ts-rows td{padding:3px 4px;border:0;vertical-align:middle}
.wk-ts-rows select,.wk-ts-rows input{margin:0;min-width:0;width:100%;height:2.2em;font-size:.9em}
.wk-ts-rows .wk-ts-num,.wk-ts-rows .wk-ts-init{width:4.5em}
.wk-ts-rows .wk-ts-q{width:5em}
.wk-ts-row-del{background:none;border:0;color:#999;font-size:1.4em;cursor:pointer;padding:0 6px;margin:0;min-height:0;line-height:1}
.wk-ts-rows-actions{display:flex;gap:12px;align-items:center;margin:8px 0 0}
.wk-ts-rows-actions .button{margin:0}
.wk-ts-paste textarea{margin:8px 0}
.wk-ts-sum{border-top:1px solid #eee;padding:12px 0 4px}
.wk-ts-sum div{display:flex;justify-content:space-between;font-size:.95em}
.wk-ts-sum .wk-ts-total{font-size:1.15em;margin-top:4px}
.wk-ts-sum small{color:#777}
.wk-ts-deco-msg.ok{color:#2e7d32}
.wk-ts-deco-msg.err{color:#b32d2e}
.wk-ts-deco-add{width:100%;margin:6px 0 0}
@media (max-width:549px){.wk-ts-pos-l{flex-basis:90px}.wk-ts-sil svg{width:90px;height:90px}}
/* ab 1.8.2: Hinweis „Es fehlt noch“ */
.wk-ts-todo{margin:10px 0;padding:8px 12px;border-left:3px solid #e03e07;background:#fff7f3;font-size:.9em;line-height:1.45}
.wk-ts-todo ul{margin:4px 0 0 18px;padding:0}.wk-ts-todo li{margin:0}
.wk-ts-deco .wk-ts-invalid{border-color:#d63638!important;box-shadow:0 0 0 1px #d63638}
.wk-ts-deco-add.is-incomplete{opacity:.75}
/* ab 1.8.3: Nur Wizard – WooCommerce-Auswahl, Menge und Warenkorb-Knopf des Hauptprodukts ausblenden */
.product.wk-ts-wizard-only form.variations_form table.variations,
.product.wk-ts-wizard-only form.variations_form .reset_variations_alert,
.product.wk-ts-wizard-only form.variations_form .single_variation_wrap .woocommerce-variation,
.product.wk-ts-wizard-only form.variations_form .quantity,
.product.wk-ts-wizard-only form.variations_form .single_add_to_cart_button{display:none!important}
.product.wk-ts-wizard-only form.variations_form{margin-bottom:0}
.wk-ts-deco.is-only .wk-ts-deco-intro{border-bottom:1px solid #eee}
/* ab 1.8.4: Anfrage im Wizard */
.wk-ts-asknote{margin:10px 0;padding:8px 12px;border-left:3px solid #2271b1;background:#f3f8fd;font-size:.9em;line-height:1.45}
/* ab 1.9.0: Staffelhinweis (Textilien) */
.wk-ts-sum .wk-ts-next{display:block;margin:-2px 0 6px;color:#2a7a2a}

/* ab 1.9.4: kleinere Farb-Swatches (Theme setzt Buttons auf 100 % Breite) */
.wk-ts-deco .wk-ts-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px}
.wk-ts-deco .wk-ts-col{width:auto;padding:4px 3px;gap:2px;font-size:.7em;border-width:2px;border-radius:5px}
.wk-ts-deco .wk-ts-col img{width:36px;height:36px}
.wk-ts-deco .wk-ts-col span{max-width:100%;overflow-wrap:anywhere;hyphens:auto;text-align:center}
/* ab 1.9.4: Seitenaufteilung im Nur-Wizard-Modus: Bild links, Wizard rechts, leere dritte Spalte weg */
@media (min-width:850px){
	.col.large-4:has(+ .col .wk-ts-deco.is-only){flex-basis:44%;max-width:44%}
	.col.large-4:has(+ .col .wk-ts-deco.is-only) > .col-inner{margin:0 0 0 30px;padding:0 20px 0 0}
	.col.large-4:has(> .col-inner .wk-ts-deco.is-only){flex-basis:56%;max-width:56%}
	.col.large-4:has(> .col-inner .wk-ts-deco.is-only) + .col.large-4:not(:has(form,.price,.wk-ts-deco,.product_meta,.wk-ts-wiz)){display:none}
}