/* Doors24 options: same look as the old Iconic swatches (text buttons, accordion rows) */
.d24-swatches { list-style: none; margin: 8px 0 0 !important; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.d24-swatches li { margin: 0; padding: 0; line-height: 0; }
.variations_form .d24-swatches .d24-swatch {
	display: block; border: 1px solid #ccc; border-radius: 5px; background: #fff; color: #666; padding: 7px 10px; margin: 0;
	height: auto; min-height: 0; line-height: 1; font-size: 14px; font-weight: 400; letter-spacing: normal; text-transform: none;
	box-shadow: none; white-space: nowrap; cursor: pointer; transition: border-color .15s, background .15s, color .15s;
}
.variations_form .d24-swatches .d24-swatch:hover { border-color: #353c4e; color: #444; background: #fff; }
.variations_form .d24-swatches .d24-swatch.d24-selected, .variations_form .d24-swatches .d24-swatch.d24-selected:hover { background: #353c4e; border-color: #353c4e; color: #fff; }
.d24-swatch.d24-disabled { opacity: .3; }

.d24-form table.variations { margin: 0 0 20px !important; }
.d24-form .variations tr.d24-row { display: block; border-bottom: 1px solid #eaeaea; padding: 12px 0; margin: 0; }
.d24-form .variations tr.d24-row:first-child { border-top: 1px solid #eaeaea; }
.d24-form .variations tr.d24-row > th, .d24-form .variations tr.d24-row > td { display: block; padding: 0 !important; border: 0; }
.d24-form .variations tr.d24-row > .label { width: 100% !important; display: flex !important; align-items: center; gap: 6px; cursor: pointer; }
.d24-form .d24-handle { margin-left: auto; }
.d24-form .variations tr.d24-row > .label label { cursor: pointer; margin: 0; }
.d24-form .d24-chosen { font-weight: 600; }
.d24-form .d24-chosen.d24-none { font-weight: 400; opacity: .5; }
.d24-handle { width: 24px; height: 24px; flex: none; border: 1px solid #eaeaea; border-radius: 50%; position: relative; transition: border-color .15s; }
.d24-row > .label:hover .d24-handle { border-color: #555; }
.d24-handle::before {
	content: ""; position: absolute; left: 8px; top: 6px; width: 7px; height: 7px;
	border: solid #555; border-width: 1px 1px 0 0; transform: rotate(135deg); transition: transform .15s, top .15s;
}
.d24-open .d24-handle::before { transform: rotate(-45deg); top: 9px; }
.d24-form .variations tr.d24-row > td.value { display: none; }
.d24-form .variations tr.d24-row.d24-open > td.value { display: block; }
.d24-form .variations tr.d24-row > td.value .wd-swatches-product { margin-top: 8px; }
.d24-form .wd-reset-var, .d24-form .reset_variations { display: none !important; }
/* closed from the first paint, before the script runs */
body.d24-accordion form.variations_form:not(.d24-form) table.variations td.value { display: none; }