.woocommerce form.variations_form table.variations,
.woocommerce form.variations_form table.variations tbody,
.woocommerce form.variations_form table.variations tr,
.woocommerce form.variations_form table.variations th,
.woocommerce form.variations_form table.variations td {
display: block !important;
width: 100% !important;
text-align: left !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
float: none !important;
}
.woocommerce form.variations_form table.variations tr {
margin-bottom: 16px !important;
}
.woocommerce form.variations_form table.variations th.label,
.woocommerce form.variations_form table.variations label {
display: block !important;
margin-bottom: 6px !important;
font-weight: 600 !important;
font-size: 14px !important;
color: inherit;
}
.b2b-swatches-container {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 4px;
margin-bottom: 8px;
width: 100%;
} select.b2b-swatch-hidden-select {
display: none !important;
} .b2b-swatch-item {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
height: 38px;
padding: 0 14px;
border: 1px solid #cbd5e1 !important;
border-radius: 8px !important;
background-color: #ffffff;
color: inherit;
font-size: 14px;
font-weight: 500;
line-height: 1;
text-transform: none !important;
cursor: pointer;
user-select: none;
transition: all 0.2s ease-in-out;
position: relative;
box-sizing: border-box;
outline: none;
} .b2b-swatch-item:hover:not(.is-out-of-stock):not(.selected) {
border-color: var(--wp--preset--color--primary, var(--b2b-primary-color, currentColor)) !important;
opacity: 0.85;
transform: translateY(-1px);
} .b2b-swatch-item.selected {
background-color: var(--wp--preset--color--primary, var(--b2b-primary-color, #222222)) !important;
color: var(--wp--preset--color--white, var(--b2b-primary-text-color, #ffffff)) !important;
border-color: var(--wp--preset--color--primary, var(--b2b-primary-color, #222222)) !important;
border-radius: 8px !important;
font-weight: 600;
} .b2b-swatch-item.is-out-of-stock {
opacity: 0.45 !important;
cursor: not-allowed !important;
background: repeating-linear-gradient(
-45deg,
rgba(241, 245, 249, 0.6),
rgba(241, 245, 249, 0.6) 6px,
rgba(255, 255, 255, 0.6) 6px,
rgba(255, 255, 255, 0.6) 12px
) !important;
border-color: #cbd5e1 !important;
border-radius: 8px !important;
position: relative;
transform: none !important;
}
.b2b-swatch-item.is-out-of-stock::after {
content: '';
position: absolute;
top: 50%;
left: 6%;
width: 88%;
height: 1.5px;
background-color: #ef4444;
transform: rotate(-20deg);
pointer-events: none;
opacity: 0.8;
} @media (max-width: 480px) {
.b2b-swatch-item {
min-width: 38px;
height: 36px;
padding: 0 10px;
font-size: 13px;
border-radius: 8px !important;
}
}