/* Variation table: remove the grey box and stack the label above the options */
.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}
.variations_form .svr-hide{display:none!important}
.variations_form .svr-icon{flex:none}

/* Radio cards layout */
.variations_form .svr-layout-cards{display:grid;gap:12px}
.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:var(--svr-accent,#1d4ed8)}
.variations_form .svr-card:has(input:checked){border-color:var(--svr-accent,#1d4ed8);background:#f3f6fb}
.variations_form .svr-card:has(input:focus-visible){outline:3px solid var(--svr-accent,#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}

/* Tabs layout (Fiverr style): the whole form becomes one card */
.variations_form:has(.svr-layout-tabs){border:1px solid #dadbdd;border-radius:8px;background:#fff;overflow:hidden}
.variations_form:has(.svr-layout-tabs) table.variations{margin:0!important}
.variations_form:has(.svr-layout-tabs) table.variations th.label{display:none!important}
.variations_form .svr-tabs{display:flex;background:#fafafa;border-bottom:1px solid #dadbdd}
.variations_form .svr-tab{position:relative;flex:1 1 0;margin:0;padding:16px 8px;text-align:center;font-weight:700;font-size:16px;line-height:1.3;color:#74767e;background:#fafafa;border-left:1px solid #dadbdd;cursor:pointer;transition:color .2s,background .2s}
.variations_form .svr-tab:first-child{border-left:0}
.variations_form .svr-tab input[type=radio]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.variations_form .svr-tab:hover{color:#222}
.variations_form .svr-tab.is-active{background:#fff;color:#111;box-shadow:inset 0 -3px 0 var(--svr-accent,#111)}
.variations_form .svr-tab:has(input:focus-visible){outline:3px solid var(--svr-accent,#111);outline-offset:-3px}
.variations_form .svr-tab.is-disabled{opacity:.45;cursor:not-allowed}
.variations_form .svr-panel{display:none;padding:24px}
.variations_form .svr-panel.is-active{display:block}
.variations_form .svr-panel-title{font-weight:700;font-size:17px;line-height:1.4;color:#222}
.variations_form .svr-panel-price{margin-top:6px;font-size:26px;line-height:1.3;color:#222}
.variations_form .svr-panel-price del{margin-right:6px;font-size:.65em;opacity:.55}
.variations_form .svr-panel-price ins{text-decoration:none}
.variations_form .svr-panel-desc{margin:16px 0 0;font-size:16px;line-height:1.55;color:#62646a}
.variations_form .svr-meta{display:flex;flex-wrap:wrap;gap:12px 22px;margin:18px 0 0;padding:0;list-style:none}
.variations_form .svr-meta li{display:flex;align-items:center;gap:8px;margin:0;font-weight:700;font-size:15px;color:#222}
.variations_form .svr-features{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.variations_form .svr-features li{display:flex;align-items:flex-start;gap:12px;margin:0;font-size:15px;line-height:1.4;color:#62646a}
.variations_form .svr-features li .svr-icon{margin-top:1px;color:#222}
.variations_form .svr-features li.is-off{color:#a0a2a8}
.variations_form .svr-features li.is-off .svr-icon{color:#d3d4d8}

/* Area under the tabs: price, quantity and button */
.variations_form:has(.svr-layout-tabs) .single_variation_wrap{padding:0 24px 24px}
.variations_form:has(.svr-layout-tabs) .woocommerce-variation-price{margin:0 0 12px}
.variations_form:has(.svr-layout-tabs) .woocommerce-variation-add-to-cart{display:flex;gap:10px;align-items:stretch}
.variations_form:has(.svr-layout-tabs) .single_add_to_cart_button{flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin:0;padding:12px 18px;border:0;border-radius:6px;background:var(--svr-accent,#111)!important;color:#fff!important;font-weight:700;cursor:pointer}
.variations_form:has(.svr-layout-tabs) .single_add_to_cart_button.disabled{opacity:.5;cursor:not-allowed}
.variations_form .single_add_to_cart_button .svr-arrow{flex:none}
.variations_form.svr-no-qty .woocommerce-variation-price{display:none}
.variations_form.svr-no-qty .quantity{display:none!important}

/* 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:var(--svr-accent,#1d4ed8)}
.variations_form .svr-qty-btn:focus-visible{outline:3px solid var(--svr-accent,#1d4ed8);outline-offset:-3px}

/* Contact button under the order button (tabs layout) */
.variations_form .svr-contact{display:block;margin:12px 0 0;padding:14px 18px;border:1px solid #dadbdd;border-radius:6px;background:#fff;color:#222;font-weight:700;font-size:16px;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer;transition:background .2s}
.variations_form .svr-contact:hover{background:#f7f7f7;color:#222}
.variations_form .svr-contact:focus-visible{outline:3px solid var(--svr-accent,#111);outline-offset:2px}
