/* 1.1.55: Optional product-level variation placement. Native WooCommerce
   SELECT elements remain in the form to drive price/stock/cart validation. */
.kskd-variant-display-setting{display:flex;flex-direction:column;align-items:flex-start;gap:7px;
  padding:13px 15px;margin:0 0 14px;border:1px solid #dbe6f1;border-radius:12px;background:#f5f9fd}
.kskd-variant-display-setting select{min-width:min(100%,300px);max-width:100%}
.kskd-variant-display-setting .description{margin:0!important;max-width:760px}
@media(min-width:851px){
  /* Show the native WooCommerce form only for secondary attributes. */
  body.kskd-product .kskd-product-row .kskd-shell.kskd-variant-proxy-active.kskd-preview-has-secondary-attributes[data-product-variant-display="preview"] ~ .summary form.variations_form table.variations,
  .kskd-lightbox .kskd-shell.kskd-preview-has-secondary-attributes[data-product-variant-display="preview"] ~ .summary form.variations_form table.variations{
    display:table!important;
  }
  body.kskd-product .kskd-product-row .kskd-shell[data-product-variant-display="preview"] ~ .summary form.variations_form tr.kskd-native-variant-mirrored,
  .kskd-lightbox .kskd-shell[data-product-variant-display="preview"] ~ .summary form.variations_form tr.kskd-native-variant-mirrored{display:none!important}
  body.kskd-product .kskd-product-row .kskd-shell.kskd-variant-proxy-active.kskd-preview-has-secondary-attributes[data-product-variant-display="preview"] ~ .summary form.variations_form .reset_variations,
  .kskd-lightbox .kskd-shell.kskd-preview-has-secondary-attributes[data-product-variant-display="preview"] ~ .summary form.variations_form .reset_variations{display:inline-block!important}
  /* Studio floats the primary chooser; enable rectangular size buttons in it. */
  .kskd-shell.kskd-floating-colors[data-product-variant-display="preview"] .kskd-project-group>.kskd-variant-chooser:not([hidden]){
    width:min(268px,calc(100vw - 32px))!important;max-width:min(268px,calc(100vw - 32px))!important;
    max-height:min(340px,60vh)!important;
  }
  .kskd-shell.kskd-floating-colors[data-product-variant-display="preview"] .kskd-project-group>.kskd-variant-chooser .kskd-variant-group-size,
  .kskd-shell.kskd-floating-colors[data-product-variant-display="preview"] .kskd-project-group>.kskd-variant-chooser .kskd-variant-group-other{
    display:flex!important;flex-direction:column!important;gap:7px!important;
  }
  .kskd-shell.kskd-floating-colors[data-product-variant-display="preview"] .kskd-project-group>.kskd-variant-chooser .kskd-variant-group-size .kskd-variant-options,
  .kskd-shell.kskd-floating-colors[data-product-variant-display="preview"] .kskd-project-group>.kskd-variant-chooser .kskd-variant-group-other .kskd-variant-options{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;
    max-height:none!important;overflow:visible!important;
  }
  .kskd-shell.kskd-floating-colors[data-product-variant-display="preview"] .kskd-project-group>.kskd-variant-chooser .kskd-variant-group-size .kskd-variant-option,
  .kskd-shell.kskd-floating-colors[data-product-variant-display="preview"] .kskd-project-group>.kskd-variant-chooser .kskd-variant-group-other .kskd-variant-option{
    display:flex!important;width:100%!important;min-width:0!important;height:auto!important;
    min-height:36px!important;padding:7px 5px!important;border-radius:8px!important;
    background:#fff!important;border:1px solid #cedbe9!important;
  }
  .kskd-shell.kskd-floating-colors[data-product-variant-display="preview"] .kskd-project-group>.kskd-variant-chooser .kskd-variant-group-size .kskd-variant-option.is-selected,
  .kskd-shell.kskd-floating-colors[data-product-variant-display="preview"] .kskd-project-group>.kskd-variant-chooser .kskd-variant-group-other .kskd-variant-option.is-selected{
    border-color:#1769c2!important;background:#e8f2ff!important;
  }
  .kskd-shell[data-product-variant-display="preview"] .kskd-variant-group-size .kskd-variant-option-label,
  .kskd-shell[data-product-variant-display="preview"] .kskd-variant-group-other .kskd-variant-option-label{
    display:block!important;font-size:11px!important;line-height:1.3!important;text-align:center!important;
    overflow-wrap:anywhere!important;
  }
}
@media(max-width:850px){
  /* On phones the equivalent of a left chooser is a dedicated popover. */
  .kskd-shell .kskd-mobile-variant-picker[data-kskd-kind="size"] .kskd-mobile-variant-options{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;
  }
  .kskd-shell .kskd-mobile-variant-picker[data-kskd-kind="size"] .kskd-mobile-variant-size{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;height:auto!important;min-height:38px!important;
    padding:6px!important;border-radius:8px!important;
  }
  .kskd-shell .kskd-mobile-variant-picker[data-kskd-kind="size"] .kskd-mobile-variant-size .kskd-mobile-variant-label{
    display:block!important;font-size:11px!important;line-height:1.25!important;
    text-align:center!important;overflow-wrap:anywhere!important;
  }
  .kskd-shell .kskd-mobile-variant-picker[data-kskd-kind="size"] .kskd-mobile-variant-style-icon{
    display:none!important;
  }
}
@media(min-width:851px){
  /* No empty WC variation table when every attribute is mirrored at preview. */
  body.kskd-product .kskd-product-row .kskd-shell.kskd-variant-proxy-active.kskd-preview-all-mirrored[data-product-variant-display="preview"] ~ .summary form.variations_form table.variations,
  .kskd-lightbox .kskd-shell.kskd-variant-proxy-active.kskd-preview-all-mirrored[data-product-variant-display="preview"] ~ .summary form.variations_form table.variations,
  body.kskd-product .kskd-product-row .kskd-shell.kskd-variant-proxy-active.kskd-preview-all-mirrored[data-product-variant-display="preview"] ~ .summary form.variations_form .reset_variations,
  .kskd-lightbox .kskd-shell.kskd-variant-proxy-active.kskd-preview-all-mirrored[data-product-variant-display="preview"] ~ .summary form.variations_form .reset_variations{
    display:none!important;
  }
}