/* Kit Builder Ecommerce Styles */

/* ============================== */
/* External Products Styles */
/* ============================== */

.kb-product-data {
    margin: 15px 0;
    padding: 10px;
    background: #f8f8f8;
    border-radius: 4px;
}

.kb-product-data ul {
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
}

.kb-product-data li {
    margin: 5px 0;
    padding: 0;
}

.kb-product-field-label {
    color: #666;
    margin-right: 5px;
}

.kit-builder-product-data {
    margin: 10px 0;
    width: 100%;
}

.kit-builder-product-data th {
    text-align: left;
    padding: 5px;
    background: #f8f8f8;
}

.kit-builder-product-data td {
    padding: 5px;
    border-bottom: 1px solid #eee;
}

.kit-builder-product-data a {
    color: #0073aa;
    text-decoration: none;
}

.kit-builder-product-data a:hover {
    color: #00a0d2;
    text-decoration: underline;
}

.wc-item-meta.kb-product-data .wc-item-meta-label:not(.kb-product-field-label) {
	vertical-align: top;
    margin: 5px 0;
}

.wc-item-meta.kb-product-data ul {
	vertical-align: top;
}

.variation:has(.variation-) {
    display: none !important;
}

.wc-block-order-confirmation-totals .wc-item-meta.kb-product-data ul {
	margin: 0 10px 0 0;
}

/* ============================== */
/* Basket Action Styles */
/* ============================== */

.kb-basket-actions .kb-continue-editing-wrapper,
.kb-basket-actions .kb-size-table-button-wrapper {
	display: inline-block;
    margin: 5px 10px 10px 0;
}

.kb-continue-editing-wrapper .button,
.kb-size-table-button-wrapper .button {
    font-size: var(--wp--preset--font-size--small);
}

.kb-basket-actions .kb-size-table {
	display: none;
    width: 100%;
	margin-top: 10px;
	font-size: 14px;
	border: 1px solid #ddd;
	padding: 10px;
	background: #f9f9f9;
	border-radius: 4px;
}

.kb-basket-actions .kb-size-table table {
	width: 100%;
}

.kb-basket-actions .kb-size-table.kb-size-table-show {
	display: block;
}

.kb-basket-actions .kb-size-table [id^="team-details-chart-"] strong,
.kb-basket-actions .kb-size-table [id^="team-details-chart-"] br {
	display: none;
}

.kb-basket-actions .kb-size-table [id^="team-details-chart-"] strong.kb-team-name-show {
	display: inline;
}