.woocommerce-variation-description:empty {
display: none;
}
.whb-main-header {
z-index: 200 !important;
}
.summary-inner .variations_form-linked {
margin-bottom: 0;
}
.summary .summary-inner .product_meta {
margin-bottom: 20px;
}
.summary .quantity {
display: none !important;
}
.summary .summary-inner .wd-before-add-to-cart.wd-entry-content {
margin-top: 0;
margin-bottom: 10px;
}
.summary .summary-inner > .price {
font-size: 28px;
}
.summary .reset_variations {
display: none !important;
}
table.variations .cell {
display: block;
}
table.variations th.label.cell {
margin-bottom: 5px;
padding-bottom: 0;
padding-right: 0;
}
.fpf-fields {
margin: 0;
}
.fpf-fields .form-row {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
margin: 0;
padding: 0 0 20px 0;
}
.fpf-fields .form-row label {
margin: 0;
font-weight: 600;
}
table.variations label:after {
content: none !important;
}
.fpf-fields .form-row .woocommerce-input-wrapper {
width: 100%;
}
.fpf-fields .form-row select,
.fpf-fields .form-row input.input-text,
.fpf-fields .form-row textarea {
max-width: 320px;
width: 100%;
}
.summary form.cart {
--wd-var-table-mb: 20px !important;
}
table.variations td.value.cell select {
max-width: 320px;
}
.single_variation_wrap {
display: flex;
flex-direction: column;
gap: 0;
}
.single_variation_wrap .woocommerce-variation-add-to-cart {
display: contents;
}
.single_variation_wrap .fpf-fields.before-add-to-cart {
order: 1;
}
.single_variation_wrap .quantity {
order: 2;
}
.single_variation_wrap .woocommerce-variation {
order: 3;
}
.single_variation_wrap .single_add_to_cart_button {
order: 4;
align-self: flex-start;
}
.single_variation_wrap .fpf-fields.after-add-to-cart {
order: 5;
}
.single_variation_wrap .fpf-fields-config-wrapper {
order: 6;
}
@media (max-width: 767px) {
table.variations td.value.cell select {
max-width: 100%;
width: 100%;
}
.fpf-fields .form-row select,
.fpf-fields .form-row input.input-text,
.fpf-fields .form-row textarea {
max-width: 100%;
}
}
.summary form.cart {
--wd-var-table-mb: 20px !important;
}
.summary form.cart:has(table.variations),
.summary form.cart:has(.fpf-fields .form-row) {
padding: 24px;
background-color: rgba(0, 0, 0, 0.02);
border-radius: 14px;
}
.summary-inner:has(form.cart table.variations) .stock,
.summary-inner:has(form.cart .fpf-fields .form-row) .stock {
margin-bottom: 0;
padding: 24px;
background-color: rgba(0, 0, 0, 0.02);
border-radius: 14px 14px 0 0;
}
.summary-inner:has(form.cart table.variations) .stock ~ form.cart,
.summary-inner:has(form.cart .fpf-fields .form-row) .stock ~ form.cart {
border-radius: 0 0 14px 14px;
}
table.variations td.value.cell select,
.fpf-fields .form-row select,
.fpf-fields .form-row input.input-text,
.fpf-fields .form-row textarea {
border-radius: 10px;
border-color: rgba(0, 0, 0, 0.12);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
transition: border-color .2s ease, box-shadow .2s ease;
}
table.variations td.value.cell select:hover,
.fpf-fields .form-row select:hover,
.fpf-fields .form-row input.input-text:hover,
.fpf-fields .form-row textarea:hover {
border-color: #c3935b;
}
table.variations td.value.cell select:focus,
.fpf-fields .form-row select:focus,
.fpf-fields .form-row input.input-text:focus,
.fpf-fields .form-row textarea:focus {
border-color: #c3935b;
box-shadow: 0 0 0 3px rgba(195, 147, 91, 0.15);
}
.fpf-fields abbr.required {
color: #c3935b;
text-decoration: none;
}
.fpf-field-tooltip-icon:before {
color: #c3935b;
}
table.variations td.value.cell select option[value=""],
.fpf-fields .form-row select option[value=""] {
color: #999;
font-style: italic;
}