/* TVWS Bundle - frontend additions for thumbnails */
.tvws-bundle-list { --tvws-bundle-name-lines: 2; --tvws-bundle-name-line-height: 1.35em; --tvws-bundle-meta-line-height: 1.1em; }
.tvws-bundle-list__items { list-style: none; margin: 0; padding: 0; }
.tvws-bundle-list__item { display: block; padding: 6px 0; }
.tvws-bundle-list__item-head { display: flex; align-items: flex-start; gap: var(--tvws-bundle-item-head-gap, 10px); }
.tvws-bundle-list__qty { flex: 0 0 auto; min-width: 2.2ch; text-align: right; line-height: 1; padding-top: 2px; }
.tvws-bundle-list__content { display: grid; grid-template-rows: minmax(0, auto) auto; gap: 4px; min-width: 0; min-height: calc(var(--tvws-bundle-name-lines, 2) * var(--tvws-bundle-name-line-height, 1.35em) + var(--tvws-bundle-meta-line-height, 1.1em)); }
.tvws-bundle-list__name { line-height: var(--tvws-bundle-name-line-height, 1.35em); max-height: calc(var(--tvws-bundle-name-lines, 2) * var(--tvws-bundle-name-line-height, 1.35em)); min-height: calc(var(--tvws-bundle-name-lines, 2) * var(--tvws-bundle-name-line-height, 1.35em)); overflow: hidden; display: -webkit-box; -webkit-line-clamp: var(--tvws-bundle-name-lines, 2); -webkit-box-orient: vertical; word-break: break-word; }
.tvws-bundle-list__meta { display: flex; align-items: center; gap: 8px; min-height: var(--tvws-bundle-meta-line-height, 1.1em); font-size: 0.9em; color: var(--tvws-bundle-text); }
.tvws-bundle-list__price { font-weight: 600; color: var(--tvws-bundle-text); }
.tvws-bundle-list__price--savings { color: var(--tvws-bundle-oos-text); }
.tvws-bundle-list__oos-label { font-weight: 600; color: var(--tvws-bundle-oos-text); }
.tvws-bundle-list__stock-label { font-weight: 600; }
.tvws-bundle-list__stock-label--oos { color: var(--tvws-bundle-oos-text); }
.tvws-bundle-list__stock-label--instock { color: var(--tvws-bundle-text); }
.tvws-bundle-replacements { margin-top: 0; font-size: 0.9em; color: var(--tvws-bundle-replacements-text, var(--tvws-bundle-text)); }
.tvws-bundle-list__replacements { margin-top: var(--tvws-bundle-replacements-margin, 6px); }
.tvws-bundle-replacements__title { font-size: var(--tvws-bundle-replacements-title-size, 13px); font-weight: var(--tvws-bundle-replacements-title-weight, 600); color: var(--tvws-bundle-title); }
.tvws-bundle-replacements__items { list-style: none; margin: 6px 0 0; padding: 0; display: grid; grid-template-columns: repeat(var(--tvws-bundle-replacements-cols, 1), minmax(0, 1fr)); gap: var(--tvws-bundle-replacements-gap, 8px); }
.tvws-bundle-replacements__item { margin: 0; }
.tvws-bundle-replacements__option { display: block; cursor: pointer; position: relative; }
.tvws-bundle-replacements__input { position: absolute; opacity: 0; pointer-events: none; }
.tvws-bundle-replacements__pill { display: flex; align-items: center; gap: 8px; padding: var(--tvws-bundle-replacements-padding, 8px); border: var(--tvws-bundle-replacements-border-width, 1px) solid var(--tvws-bundle-replacements-border, var(--tvws-bundle-border)); border-radius: var(--tvws-bundle-replacements-radius, 10px); background: var(--tvws-bundle-replacements-bg, transparent); transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease; }
.tvws-bundle-replacements__pill--none { border-style: dashed; }
.tvws-bundle-replacements__option:hover .tvws-bundle-replacements__pill { border-color: var(--tvws-bundle-replacements-accent, var(--tvws-bundle-oos-text)); }
.tvws-bundle-replacements__input:focus-visible + .tvws-bundle-replacements__pill { outline: 2px solid var(--tvws-bundle-replacements-accent, var(--tvws-bundle-oos-text)); outline-offset: 2px; }
.tvws-bundle-replacements__input:checked + .tvws-bundle-replacements__pill { border-color: var(--tvws-bundle-replacements-selected-border, var(--tvws-bundle-replacements-accent, var(--tvws-bundle-oos-text))); background: var(--tvws-bundle-replacements-selected-bg, transparent); box-shadow: 0 0 0 1px rgba(0,0,0,0.03); }
.tvws-bundle-replacements__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.tvws-bundle-replacements__name { font-weight: 600; color: var(--tvws-bundle-replacements-text, var(--tvws-bundle-text)); }
.tvws-bundle-replacements__price { font-size: 0.85em; color: var(--tvws-bundle-replacements-text, var(--tvws-bundle-text)); }
.tvws-bundle-replacements__check { margin-left: auto; width: 16px; height: 16px; border-radius: 999px; border: 2px solid var(--tvws-bundle-replacements-accent, var(--tvws-bundle-oos-text)); position: relative; flex: 0 0 auto; }
.tvws-bundle-replacements__input:checked + .tvws-bundle-replacements__pill .tvws-bundle-replacements__check::after { content: ''; width: 8px; height: 8px; border-radius: 999px; background: var(--tvws-bundle-replacements-accent, var(--tvws-bundle-oos-text)); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.tvws-bundle-replacements__variation { margin-top: 6px; display: none; }
.tvws-bundle-replacements__input:checked ~ .tvws-bundle-replacements__variation { display: block; }
.tvws-bundle-replacements__variation .variations { margin-bottom: 0; }
.tvws-bundle-category { margin-top: var(--tvws-bundle-replacements-margin, 6px); font-size: 0.9em; color: var(--tvws-bundle-text); }
.tvws-bundle-category__title { font-size: var(--tvws-bundle-category-text-size, 14px); font-weight: var(--tvws-bundle-category-text-weight, 600); color: var(--tvws-bundle-category-text, var(--tvws-bundle-title)); }
.tvws-bundle-category__items { list-style: none; margin: 6px 0 0; padding: 0; display: grid; grid-template-columns: repeat(var(--tvws-bundle-replacements-cols, 1), minmax(0, 1fr)); gap: var(--tvws-bundle-replacements-gap, 8px); }
.tvws-bundle-category__item { margin: 0; }
.tvws-bundle-category__option { display: block; cursor: pointer; position: relative; }
.tvws-bundle-category__input { position: absolute; opacity: 0; pointer-events: none; }
.tvws-bundle-category__pill { display: flex; align-items: center; gap: 8px; padding: var(--tvws-bundle-replacements-padding, 8px); border: var(--tvws-bundle-replacements-border-width, 1px) solid var(--tvws-bundle-replacements-border, var(--tvws-bundle-border)); border-radius: var(--tvws-bundle-replacements-radius, 10px); background: var(--tvws-bundle-replacements-bg, transparent); transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease; }
.tvws-bundle-category__pill--none { border-style: dashed; }
.tvws-bundle-category__option:hover .tvws-bundle-category__pill { border-color: var(--tvws-bundle-replacements-accent, var(--tvws-bundle-oos-text)); }
.tvws-bundle-category__input:focus-visible + .tvws-bundle-category__pill { outline: 2px solid var(--tvws-bundle-replacements-accent, var(--tvws-bundle-oos-text)); outline-offset: 2px; }
.tvws-bundle-category__input:checked + .tvws-bundle-category__pill { border-color: var(--tvws-bundle-replacements-selected-border, var(--tvws-bundle-replacements-accent, var(--tvws-bundle-oos-text))); background: var(--tvws-bundle-replacements-selected-bg, transparent); box-shadow: 0 0 0 1px rgba(0,0,0,0.03); }
.tvws-bundle-category__thumb { width: var(--tvws-bundle-category-thumb-size, 36px); height: var(--tvws-bundle-category-thumb-size, 36px); flex: 0 0 var(--tvws-bundle-category-thumb-size, 36px); border-radius: 6px; overflow: hidden; background: var(--tvws-bundle-bg); }
.tvws-bundle-category__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tvws-bundle-category__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: var(--tvws-bundle-category-text-size, 14px); }
.tvws-bundle-category__name { font-weight: var(--tvws-bundle-category-text-weight, 600); color: var(--tvws-bundle-category-text, var(--tvws-bundle-text)); }
.tvws-bundle-category__price { font-size: 0.85em; color: var(--tvws-bundle-category-text, var(--tvws-bundle-text)); }
.tvws-bundle-category__check { margin-left: auto; width: 16px; height: 16px; border-radius: 999px; border: 2px solid var(--tvws-bundle-replacements-accent, var(--tvws-bundle-oos-text)); position: relative; flex: 0 0 auto; }
.tvws-bundle-category__input:checked + .tvws-bundle-category__pill .tvws-bundle-category__check::after { content: ''; width: 8px; height: 8px; border-radius: 999px; background: var(--tvws-bundle-replacements-accent, var(--tvws-bundle-oos-text)); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.tvws-bundle-category__variation { margin-top: 6px; display: none; }
.tvws-bundle-category__variation.is-active { display: block; }
.tvws-bundle-category__variation .variations { margin-bottom: 0; }
.tvws-bundle-category__empty { font-size: 0.9em; color: var(--tvws-bundle-text); }
.tvws-bundle-category-dropdown { position: relative; margin-top: 6px; }
.tvws-bundle-category-dropdown__trigger { width: 100%; display: flex; align-items: center; gap: 10px; padding: var(--tvws-bundle-replacements-padding, 8px); border: var(--tvws-bundle-replacements-border-width, 1px) solid var(--tvws-bundle-replacements-border, var(--tvws-bundle-border)); border-radius: var(--tvws-bundle-replacements-radius, 10px); background: var(--tvws-bundle-category-dropdown-bg, var(--tvws-bundle-replacements-bg, transparent)); text-align: left; cursor: pointer; text-transform: none; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.tvws-bundle-category-dropdown__trigger:hover { border-color: var(--tvws-bundle-replacements-accent, var(--tvws-bundle-oos-text)); }
.tvws-bundle-category-dropdown__trigger:focus-visible { outline: 2px solid var(--tvws-bundle-replacements-accent, var(--tvws-bundle-oos-text)); outline-offset: 2px; }
.tvws-bundle-category-dropdown__thumb { width: var(--tvws-bundle-category-thumb-size, 36px); height: var(--tvws-bundle-category-thumb-size, 36px); flex: 0 0 var(--tvws-bundle-category-thumb-size, 36px); border-radius: 8px; overflow: hidden; background: var(--tvws-bundle-bg); }
.tvws-bundle-category-dropdown__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; cursor: zoom-in; }
.tvws-bundle-category-dropdown__thumb:hover {
	box-shadow: 0 0 0 1px var(--tvws-bundle-thumb-glow, rgba(0,0,0,0.18)),
		0 0 var(--tvws-bundle-thumb-glow-size, 6px) var(--tvws-bundle-thumb-glow, rgba(0,0,0,0.18));
	filter: drop-shadow(0 0 var(--tvws-bundle-thumb-glow-size, 6px) var(--tvws-bundle-thumb-glow, rgba(0,0,0,0.18)));
}
.tvws-bundle-category-dropdown__thumb:hover img {
	box-shadow: 0 0 0 1px var(--tvws-bundle-thumb-glow, rgba(0,0,0,0.18)),
		0 0 var(--tvws-bundle-thumb-glow-size, 6px) var(--tvws-bundle-thumb-glow, rgba(0,0,0,0.18));
	filter: drop-shadow(0 0 var(--tvws-bundle-thumb-glow-size, 6px) var(--tvws-bundle-thumb-glow, rgba(0,0,0,0.18)));
}
.tvws-bundle-category-dropdown__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: var(--tvws-bundle-category-text-size, 14px); }
.tvws-bundle-category-dropdown__name { font-weight: var(--tvws-bundle-category-text-weight, 600); color: var(--tvws-bundle-category-text, var(--tvws-bundle-text)); text-transform: none; }
.tvws-bundle-category-dropdown__price { font-size: 0.85em; color: var(--tvws-bundle-category-text, var(--tvws-bundle-text)); }
.tvws-bundle-category-dropdown__price:empty { display: none; }
.tvws-bundle-category-dropdown__chevron { margin-left: auto; width: 10px; height: 10px; border-right: 2px solid var(--tvws-bundle-replacements-accent, var(--tvws-bundle-oos-text)); border-bottom: 2px solid var(--tvws-bundle-replacements-accent, var(--tvws-bundle-oos-text)); transform: rotate(45deg); }
.tvws-bundle-category-dropdown__menu { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 20; background: var(--tvws-bundle-category-dropdown-bg, var(--tvws-bundle-bg)); border: 1px solid var(--tvws-bundle-border); border-radius: 10px; padding: 6px; box-shadow: 0 10px 24px rgba(0,0,0,0.08); }
.tvws-bundle-category-dropdown__menu[hidden] { display: none; }
.tvws-bundle-category-dropdown .tvws-bundle-category__items { display: grid; grid-template-columns: minmax(0, 1fr); max-height: 260px; overflow-y: auto; gap: 6px; }
.tvws-bundle-category-dropdown .tvws-bundle-category__pill { padding: 8px 10px; }
.tvws-bundle-category__variations { margin-top: 6px; }
.tvws-bundle-list__item--oos { background: var(--tvws-bundle-oos-bg); }
.tvws-bundle-list__item--oos:not(.tvws-bundle-list__item--selectable) { border-left: 3px solid var(--tvws-bundle-oos-border); padding-left: 8px; border-radius: 6px; }
.tvws-bundle-list__thumb { display: inline-flex; align-items: center; justify-content: center; width: var(--tvws-bundle-thumb-size, 48px); height: var(--tvws-bundle-thumb-size, 48px); flex: 0 0 var(--tvws-bundle-thumb-size, 48px); border-radius: 6px; overflow: hidden; transition: box-shadow 0.2s ease, filter 0.2s ease; }
.tvws-bundle-list__thumb img { width: 100%; height: 100%; object-fit: contain; display: block; border-radius: 6px; transition: box-shadow 0.2s ease, filter 0.2s ease; }
.tvws-bundle-list--lightbox .tvws-bundle-list__thumb { cursor: zoom-in; }
.tvws-bundle-list__thumb .woocommerce-product-gallery { width: auto; height: 100%; margin: 0; }
.tvws-bundle-list__thumb .woocommerce-product-gallery__wrapper { margin: 0; height: 100%; }
.tvws-bundle-list__thumb .woocommerce-product-gallery__image { margin: 0; border-radius: 6px; width: 100%; height: 100%; }
.tvws-bundle-list__thumb .woocommerce-product-gallery__image a { display: block; width: 100%; height: 100%; }
.tvws-bundle-list__thumb .woocommerce-product-gallery__trigger { display: none; }
.tvws-bundle-list__thumb:hover {
	box-shadow: 0 0 0 1px var(--tvws-bundle-thumb-glow, rgba(0,0,0,0.18)),
		0 0 var(--tvws-bundle-thumb-glow-size, 6px) var(--tvws-bundle-thumb-glow, rgba(0,0,0,0.18));
	filter: drop-shadow(0 0 var(--tvws-bundle-thumb-glow-size, 6px) var(--tvws-bundle-thumb-glow, rgba(0,0,0,0.18)));
}
.tvws-bundle-list__thumb:hover img,
.tvws-bundle-list__thumb:hover .woocommerce-product-gallery__image,
.tvws-bundle-list__thumb a:hover img {
	box-shadow: 0 0 0 1px var(--tvws-bundle-thumb-glow, rgba(0,0,0,0.18)),
		0 0 var(--tvws-bundle-thumb-glow-size, 6px) var(--tvws-bundle-thumb-glow, rgba(0,0,0,0.18));
	filter: drop-shadow(0 0 var(--tvws-bundle-thumb-glow-size, 6px) var(--tvws-bundle-thumb-glow, rgba(0,0,0,0.18)));
}
.tvws-bundle-list__replacements { flex-basis: 100%; }
.tvws-bundle-list--selectable .tvws-bundle-list__items { display: grid; grid-template-columns: repeat(var(--tvws-bundle-cols, 2), minmax(0, 1fr)); gap: var(--tvws-bundle-item-gap, 16px); }
.tvws-bundle-list--selectable .tvws-bundle-list__item { display: block; border: 1px solid var(--tvws-bundle-border); background: var(--tvws-bundle-bg); border-radius: 8px; padding: var(--tvws-bundle-item-padding, 12px); }
.tvws-bundle-list--selectable .tvws-bundle-list__item--category .tvws-bundle-category { margin-top: var(--tvws-bundle-item-variation-gap, 8px); }
.tvws-bundle-list--selectable .tvws-bundle-list__item--category .tvws-bundle-category__title { display: none; }
.tvws-bundle-list--selectable .tvws-bundle-list__item--category .tvws-bundle-list__thumb { display: none; }
.tvws-bundle-list--selectable .tvws-bundle-list__item--oos { border-color: var(--tvws-bundle-oos-border); }
.tvws-bundle-list--selectable .tvws-bundle-list__item--oos { background: var(--tvws-bundle-oos-bg); }
.tvws-bundle-list--selectable .tvws-bundle-list__item-variation { margin-top: var(--tvws-bundle-item-variation-gap, 8px); }
@media (max-width: 782px) {
	.tvws-bundle-list--selectable .tvws-bundle-list__items { grid-template-columns: minmax(0, 1fr); }
}
.tvws-bundle-variations { margin: 16px 0; display: grid; gap: 16px; }
.tvws-bundle-variation-item { border: 1px solid var(--tvws-bundle-border); background: var(--tvws-bundle-bg); border-radius: 8px; padding: 12px; }
.tvws-bundle-variation-title { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; font-weight: 600; color: var(--tvws-bundle-title); }
.tvws-bundle-variation-qty { font-size: 0.9em; color: var(--tvws-bundle-text); }
.tvws-bundle-variation.product { margin: 0; padding: 0; box-shadow: none; background: transparent; }
.tvws-bundle-variation { --wvs-single-product-item-height: var(--tvws-bundle-swatch-size, 34px); --wvs-single-product-item-width: var(--tvws-bundle-swatch-size, 34px); --wvs-single-product-item-font-size: var(--tvws-bundle-swatch-font, 14px); --wvs-single-product-large-item-height: var(--tvws-bundle-swatch-size, 34px); --wvs-single-product-large-item-width: var(--tvws-bundle-swatch-size, 34px); --wvs-single-product-large-item-font-size: var(--tvws-bundle-swatch-font, 14px); --wd-swatch-size: var(--tvws-bundle-swatch-size, 34px); --wd-swatch-w: var(--tvws-bundle-swatch-size, 34px); --wd-swatch-h: var(--tvws-bundle-swatch-size, 34px); --wd-swatch-text-size: var(--tvws-bundle-swatch-font, 14px); --wd-swatch-h-sp: 6px; --wd-swatch-v-sp: 6px; }
.tvws-bundle-variation .variations { margin-bottom: 0; }
.tvws-bundle-variation .variations th.label { display: var(--tvws-bundle-variation-label-display, table-cell); }
.tvws-bundle-variation .variations td.value { padding-right: 0; }
.tvws-bundle-variation .variations td.value .variable-items-wrapper { display: flex !important; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; padding: 0; }
.tvws-bundle-variation .variations td.value .variable-items-wrapper .variable-item { display: inline-flex; width: auto; min-width: 0; margin: 0; }
.tvws-bundle-variation .wd-swatches-product { display: flex !important; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: var(--wd-swatch-v-sp, 6px) var(--wd-swatch-h-sp, 6px); }
.tvws-bundle-variation .wd-swatches-product .wd-swatch { display: inline-flex !important; flex: 0 0 auto; margin: 0 !important; }
.tvws-bundle-variation .tvws-swatches { --tvws-swatch-size: var(--tvws-bundle-swatch-size, 34px); }
.tvws-bundle-variation .tvws-swatches-field { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.tvws-bundle-variation .tvws-swatches { width: auto !important; max-width: none !important; }
.tvws-bundle-variation .tvws-swatches__list { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; gap: 6px; list-style: none; margin: 0; padding: 0; width: auto !important; max-width: none !important; }
.tvws-bundle-variation .tvws-swatches__list .tvws-swatch { display: inline-flex !important; flex: 0 0 auto !important; width: auto !important; max-width: none !important; margin: 0 !important; }
.tvws-bundle-variation .tvws-swatch__button { width: var(--tvws-swatch-size); height: var(--tvws-swatch-size); min-width: 0; min-height: 0; padding: 0; }
.tvws-bundle-variation select { font-size: var(--tvws-bundle-variation-font, 14px); padding: var(--tvws-bundle-variation-padding, 8px 12px); }
.tvws-bundle-variation .select2-container .select2-selection--single { font-size: var(--tvws-bundle-variation-font, 14px); padding: var(--tvws-bundle-variation-padding, 8px 12px); height: auto; }
.tvws-bundle-variation .select2-container .select2-selection--single .select2-selection__rendered { line-height: 1.4; padding: 0; }
.tvws-bundle-summary { margin-top: 14px; border: 1px solid var(--tvws-bundle-border); background: var(--tvws-bundle-bg); border-radius: 8px; padding: 10px 12px; }
.tvws-bundle-summary table { width: 100%; border-collapse: collapse; }
.tvws-bundle-summary th { text-align: left; font-weight: 600; color: var(--tvws-bundle-title); padding: 4px 0; }
.tvws-bundle-summary td { text-align: right; padding: 4px 0; color: var(--tvws-bundle-text); }
.tvws-bundle-summary__savings th, .tvws-bundle-summary__savings td { color: var(--tvws-bundle-oos-text); }
.tvws-bundle-summary__note td { text-align: left; font-size: 0.9em; color: var(--tvws-bundle-text); padding-top: 6px; }
.tvws-bundle-oos-notice {
	margin-top: 10px;
	font-size: var(--tvws-bundle-oos-notice-font-size, 0.95em);
	font-weight: var(--tvws-bundle-oos-notice-font-weight, inherit);
	color: var(--tvws-bundle-oos-notice-text, var(--tvws-bundle-oos-text));
	background: var(--tvws-bundle-oos-notice-bg, transparent);
	border: var(--tvws-bundle-oos-notice-border-width, 0) solid var(--tvws-bundle-oos-notice-border, transparent);
	border-radius: var(--tvws-bundle-oos-notice-radius, 0);
	padding: var(--tvws-bundle-oos-notice-padding, 0);
}