/* Variation table: remove the grey box and stack the label above the cards */
.variations_form table.variations{width:100%;margin:0 0 18px!important;border:0!important;background:transparent!important}
.variations_form table.variations tbody,
.variations_form table.variations tr,
.variations_form table.variations th,
.variations_form table.variations td{display:block!important;width:100%!important;padding:0!important;border:0!important;background:transparent!important}
.variations_form table.variations th.label{margin:0 0 10px;text-align:left}
.variations_form table.variations th.label label{font-weight:700;font-size:15px;color:#0f172a}
/* Hide the Clear link and the variation description above the button */
.variations_form .reset_variations{display:none!important}
.variations_form .woocommerce-variation-description{display:none!important}

/* Radio cards */
.variations_form .svr-group{display:grid;gap:12px}
.variations_form .svr-hide{display:none!important}
.variations_form .svr-card{position:relative;display:block;margin:0;padding:16px 16px 16px 46px;background:#fff;border:1px solid #cfd9e6;border-radius:12px;cursor:pointer;color:#0f172a;transition:border-color .2s,background .2s}
.variations_form .svr-card:hover{border-color:#9fb3cf}
.variations_form .svr-card input[type=radio]{position:absolute;left:16px;top:20px;width:18px;height:18px;margin:0;accent-color:#1d4ed8}
.variations_form .svr-card:has(input:checked){border-color:#1d4ed8;background:#f3f6fb}
.variations_form .svr-card:has(input:focus-visible){outline:3px solid #1d4ed8;outline-offset:2px}
.variations_form .svr-card:has(input:disabled){opacity:.45;cursor:not-allowed}
.variations_form .svr-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-weight:700;font-size:16.5px;line-height:1.35}
.variations_form .svr-name{flex:1;min-width:0}
.variations_form .svr-price{flex:none;white-space:nowrap}
.variations_form .svr-price del{opacity:.55;font-weight:500;margin-right:4px}
.variations_form .svr-price ins{text-decoration:none}
.variations_form .svr-card small{display:block;margin-top:4px;font-size:14px;line-height:1.5;font-weight:400;color:#334155}

/* Quantity with plus and minus buttons */
.variations_form .quantity.svr-qty{display:inline-flex;align-items:stretch;vertical-align:middle;margin:0 8px 0 0;border:1px solid #cfd9e6;border-radius:10px;background:#fff;overflow:hidden}
.variations_form .quantity.svr-qty input.qty{width:56px;min-height:48px;margin:0;padding:0 4px;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent;text-align:center;-moz-appearance:textfield;appearance:textfield}
.variations_form .quantity.svr-qty input.qty::-webkit-outer-spin-button,
.variations_form .quantity.svr-qty input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.variations_form .svr-qty-btn{display:flex;align-items:center;justify-content:center;width:42px;min-height:48px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#0f172a;cursor:pointer;box-shadow:none}
.variations_form .svr-qty-btn:hover{background:#f3f6fb;color:#1d4ed8}
.variations_form .svr-qty-btn:focus-visible{outline:3px solid #1d4ed8;outline-offset:-3px}
