.wsvc-frontend-wrap{margin:12px 0 18px!important}
.wsvc-group-frontend{margin:12px 0 16px!important;padding:0!important;clear:both;width:100%!important}
.wsvc-group-title{display:block;margin:0 0 10px!important;font-size:14px!important;font-weight:700!important;color:#111!important;line-height:1.5!important}
.wsvc-required{color:#111!important}
.wsvc-options-grid{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.wsvc-option-card{-webkit-appearance:none;appearance:none;border:var(--wsvc-border-width,1.5px) solid var(--wsvc-border-color,#1a1a1a)!important;background:#fff!important;color:#111!important;border-radius:12px!important;box-shadow:none!important;outline:none!important;padding:8px!important;margin:0!important;cursor:pointer;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:flex-start;transition:none!important;opacity:.75;min-width:var(--wsvc-card-width,112px);width:var(--wsvc-card-width,112px);min-height:calc(var(--wsvc-card-height,112px) + 28px)}
.wsvc-option-card:hover,.wsvc-option-card:focus,.wsvc-option-card:active{border-color:#111!important;background:#fff!important;color:#111!important;box-shadow:none!important;transform:none!important}
.wsvc-option-card.is-selected{opacity:1;border-color:var(--wsvc-active-color,#000)!important;box-shadow:0 0 0 var(--wsvc-border-width,1.5px) var(--wsvc-active-color,#000) inset!important}
.wsvc-option-card.is-dimmed{opacity:.38}
.wsvc-option-image{display:block;width:100%;height:var(--wsvc-card-height,112px);overflow:hidden;border-radius:8px;background:#fff}
.wsvc-option-image img{display:block;width:100%!important;height:100%!important;object-fit:cover;border:var(--wsvc-border-width,1.5px) solid var(--wsvc-border-color,#111)!important;border-radius:8px}
.wsvc-option-label{display:block;width:100%;font-size:13px!important;font-weight:700!important;line-height:1.4!important;color:#111!important;text-align:center;white-space:normal}
.wsvc-group-frontend.style-list .wsvc-options-grid{display:grid;grid-template-columns:1fr;gap:10px}
.wsvc-group-frontend.style-list .wsvc-option-card{width:100%!important;min-width:0;flex-direction:row;align-items:center;min-height:auto}
.wsvc-group-frontend.style-list .wsvc-option-image{width:var(--wsvc-card-width,72px);min-width:var(--wsvc-card-width,72px);height:var(--wsvc-card-height,72px)}
.wsvc-group-frontend.style-compact .wsvc-option-card{--wsvc-card-width:88px;--wsvc-card-height:88px;border-radius:10px}
.wsvc-group-frontend.style-buttons .wsvc-option-card{min-width:auto;width:auto;min-height:auto;padding:10px 14px!important}
.wsvc-group-frontend.style-buttons .wsvc-option-image{display:none}
.wsvc-group-frontend.size-sm{--wsvc-card-width:92px;--wsvc-card-height:92px}
.wsvc-group-frontend.size-md{--wsvc-card-width:120px;--wsvc-card-height:120px}
.wsvc-group-frontend.size-lg{--wsvc-card-width:156px;--wsvc-card-height:156px}
form.variations_form .wsvc-hidden-select{display:none!important}
.wsvc-attr-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;width:100%;align-items:flex-start}
.wsvc-attr-btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;max-width:100%;position:relative;white-space:normal;line-height:1.35;text-align:center;cursor:pointer;box-shadow:none!important;padding:8px 12px!important;background:transparent;border:1px solid transparent}
.wsvc-custom-selector-style .wsvc-attr-btn{border:var(--wsvc-border-width,1.5px) solid var(--wsvc-border-color,#111)!important;background:#fff!important;color:#111!important;border-radius:10px!important}
.wsvc-custom-selector-style .wsvc-attr-btn.is-active{background:var(--wsvc-active-color,#111)!important;color:var(--wsvc-active-text,#fff)!important;border-color:var(--wsvc-active-color,#111)!important}
.wsvc-native-selector-style .wsvc-attr-btn{border:1px solid currentColor!important;background:transparent!important;color:inherit!important;border-radius:0!important}
.wsvc-native-selector-style .wsvc-attr-btn.is-active{background:transparent!important;color:inherit!important}
html[dir="rtl"] .wsvc-options-grid{text-align:right}

/* true inside label: text sits under the image but inside the same outer frame */
.wsvc-group-frontend.label-inside .wsvc-option-card{position:relative;overflow:hidden;padding:8px!important;gap:8px}
.wsvc-group-frontend.label-inside .wsvc-option-image{display:block;width:100%;height:var(--wsvc-card-height,112px);overflow:hidden;border-radius:8px;background:#fff}
.wsvc-group-frontend.label-inside .wsvc-option-image img{display:block;width:100%!important;height:100%!important;object-fit:cover;border:var(--wsvc-border-width,1.5px) solid var(--wsvc-border-color,#111)!important;border-radius:8px}
.wsvc-group-frontend.label-inside .wsvc-option-label-inside{position:static!important;display:block;width:100%;margin:0;padding:0 2px 2px;background:transparent!important;border:none!important;border-radius:0!important;font-size:13px!important;font-weight:700!important;line-height:1.35!important;color:#111!important;text-align:center;white-space:normal;z-index:auto}
.wsvc-group-frontend.style-preview .wsvc-options-grid{display:flex;flex-wrap:wrap;gap:8px}
.wsvc-group-frontend.style-preview .wsvc-option-card{width:auto!important;min-width:auto;min-height:auto;padding:10px 14px!important;opacity:1}
.wsvc-group-frontend.style-preview .wsvc-option-image{display:none}
.wsvc-group-frontend.style-preview .wsvc-option-label{width:auto}
.wsvc-preview-panel{margin-top:12px;border:var(--wsvc-border-width,1.5px) solid var(--wsvc-border-color,#111);border-radius:12px;padding:10px;background:#fff;text-align:center}
.wsvc-preview-panel[hidden]{display:none!important}
.wsvc-preview-image{display:flex;align-items:center;justify-content:center}
.wsvc-preview-image img{display:block;width:var(--wsvc-preview-width,var(--wsvc-card-width,120px));height:var(--wsvc-preview-height,var(--wsvc-card-height,120px));max-width:100%;object-fit:contain;border-radius:10px;border:1px solid #111;margin:0 auto}
.wsvc-preview-label{margin-top:10px;font-weight:700;color:#111;text-align:center}


/* true outside label: border only around image area */
.wsvc-group-frontend.label-outside .wsvc-option-card{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;gap:8px;opacity:1;min-height:auto}
.wsvc-group-frontend.label-outside .wsvc-option-image{border:var(--wsvc-border-width,1.5px) solid var(--wsvc-border-color,#111);border-radius:10px;padding:0;background:#fff;transition:none!important}
.wsvc-group-frontend.label-outside .wsvc-option-image img{border:none!important;border-radius:10px}
.wsvc-group-frontend.label-outside .wsvc-option-label{padding:0 4px}
.wsvc-group-frontend.label-outside .wsvc-option-card.is-selected .wsvc-option-image{border-color:var(--wsvc-active-color,#000)!important;box-shadow:0 0 0 var(--wsvc-border-width,1.5px) var(--wsvc-active-color,#000) inset!important}
.wsvc-group-frontend.label-outside .wsvc-option-card.is-dimmed{opacity:.42}

.wsvc-group-frontend.label-outside .wsvc-option-card{align-items:center}

@media (max-width: 767px){
  .wsvc-attr-buttons{gap:6px;margin-top:8px}
  .wsvc-attr-btn{padding:7px 10px!important;font-size:13px!important}
  .wsvc-option-card{width:100%;max-width:var(--wsvc-card-width,112px);}
  .variations_form .variations td,.variations_form .variations th{display:block;width:100%!important;}
}



.wsvc-attr-btn.is-disabled{cursor:not-allowed!important;pointer-events:none!important}
.wsvc-attr-buttons.disabled-mode-none .wsvc-attr-btn.is-disabled{opacity:.5!important}
.wsvc-attr-buttons.disabled-mode-blur .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-disabled{opacity:.38!important;filter:blur(.7px)}
.wsvc-attr-buttons.disabled-mode-cross .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-disabled{opacity:.55!important}
.wsvc-attr-buttons.disabled-mode-cross .wsvc-attr-btn.is-disabled::after,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-disabled::after{content:'';position:absolute;inset:4px;pointer-events:none;background:linear-gradient(135deg, transparent 46%, #d40000 47%, #d40000 53%, transparent 54%)}
.wsvc-native-selector-style .wsvc-attr-btn.is-disabled{opacity:.45!important}
.wsvc-group-frontend.wsvc-native-card-style .wsvc-option-card{border:1px solid #d0d0d0!important;box-shadow:none!important;background:#fff!important}
.wsvc-group-frontend.wsvc-native-card-style .wsvc-option-card.is-selected{border-color:#666!important;box-shadow:none!important}
.wsvc-group-frontend.wsvc-native-card-style.label-outside .wsvc-option-image{border:1px solid #d0d0d0!important;box-shadow:none!important}
.wsvc-group-frontend.wsvc-native-card-style.label-outside .wsvc-option-card.is-selected .wsvc-option-image{border-color:#666!important;box-shadow:none!important}


/* r3 fix: make style toggles actually visible */
.wsvc-custom-selector-style .wsvc-attr-btn{border:var(--wsvc-border-width,1.5px) solid var(--wsvc-border-color,#111)!important;background:#fff!important;color:#111!important;border-radius:10px!important}
.wsvc-custom-selector-style .wsvc-attr-btn.is-active{background:var(--wsvc-active-color,#111)!important;color:var(--wsvc-active-text,#fff)!important;border-color:var(--wsvc-active-color,#111)!important}
.wsvc-native-selector-style .wsvc-attr-btn{border:var(--wsvc-border-width,1.5px) solid var(--wsvc-border-color,#111)!important;background:#fff!important;color:#111!important;border-radius:10px!important}
.wsvc-native-selector-style .wsvc-attr-btn.is-active{background:#fff!important;color:#111!important;border-color:var(--wsvc-border-color,#111)!important;box-shadow:none!important}

.wsvc-group-frontend.wsvc-custom-card-style.style-buttons .wsvc-option-card,
.wsvc-group-frontend.wsvc-custom-card-style.style-preview .wsvc-option-card{border:var(--wsvc-border-width,1.5px) solid var(--wsvc-border-color,#111)!important;background:#fff!important;color:#111!important}
.wsvc-group-frontend.wsvc-custom-card-style.style-buttons .wsvc-option-card.is-selected,
.wsvc-group-frontend.wsvc-custom-card-style.style-preview .wsvc-option-card.is-selected{background:var(--wsvc-active-color,#111)!important;color:var(--wsvc-active-text,#fff)!important;border-color:var(--wsvc-active-color,#111)!important;box-shadow:none!important}
.wsvc-group-frontend.wsvc-custom-card-style.style-buttons .wsvc-option-card.is-selected .wsvc-option-label,
.wsvc-group-frontend.wsvc-custom-card-style.style-preview .wsvc-option-card.is-selected .wsvc-option-label{color:var(--wsvc-active-text,#fff)!important}

.wsvc-attr-btn.is-disabled{cursor:not-allowed!important;pointer-events:none!important;opacity:.42!important}
.wsvc-attr-buttons.disabled-mode-blur .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-disabled{filter:blur(.8px)!important;opacity:.34!important}
.wsvc-attr-buttons.disabled-mode-cross .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-disabled{opacity:.46!important}
.wsvc-attr-buttons.disabled-mode-cross .wsvc-attr-btn.is-disabled::after,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-disabled::after{content:'';position:absolute;inset:3px;pointer-events:none;background:linear-gradient(135deg, transparent 46%, #d40000 47%, #d40000 53%, transparent 54%)!important}


/* r4 fix: native/no-style buttons still keep border settings and visible selected state */
.wsvc-attr-buttons .wsvc-attr-btn{transition:none!important}
.wsvc-native-selector-style .wsvc-attr-btn{
  border:var(--wsvc-border-width,1.5px) solid var(--wsvc-border-color,#111)!important;
  background:#fff!important;
  color:#111!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.wsvc-native-selector-style .wsvc-attr-btn:hover,
.wsvc-native-selector-style .wsvc-attr-btn:focus{
  border-color:var(--wsvc-border-color,#111)!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
}
.wsvc-native-selector-style .wsvc-attr-btn.is-active{
  background:#fff!important;
  color:var(--wsvc-active-color,#111)!important;
  border-color:var(--wsvc-active-color,#111)!important;
  box-shadow:0 0 0 var(--wsvc-border-width,1.5px) var(--wsvc-active-color,#111) inset!important;
}
.wsvc-native-selector-style .wsvc-attr-btn.is-disabled{
  cursor:not-allowed!important;
  pointer-events:none!important;
}

/* r4 fix: native/no-style image buttons still keep border settings and visible selected state */
.wsvc-group-frontend.wsvc-native-card-style .wsvc-option-card{
  border:var(--wsvc-border-width,1.5px) solid var(--wsvc-border-color,#111)!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
}
.wsvc-group-frontend.wsvc-native-card-style .wsvc-option-card.is-selected{
  border-color:var(--wsvc-active-color,#111)!important;
  box-shadow:0 0 0 var(--wsvc-border-width,1.5px) var(--wsvc-active-color,#111) inset!important;
  background:#fff!important;
}
.wsvc-group-frontend.wsvc-native-card-style.label-outside .wsvc-option-image{
  border:var(--wsvc-border-width,1.5px) solid var(--wsvc-border-color,#111)!important;
}
.wsvc-group-frontend.wsvc-native-card-style.label-outside .wsvc-option-card.is-selected .wsvc-option-image{
  border-color:var(--wsvc-active-color,#111)!important;
  box-shadow:0 0 0 var(--wsvc-border-width,1.5px) var(--wsvc-active-color,#111) inset!important;
}

/* stronger unavailable button visuals */
.wsvc-attr-buttons.disabled-mode-none .wsvc-attr-btn.is-disabled{opacity:.45!important;filter:none!important}
.wsvc-attr-buttons.disabled-mode-blur .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-disabled{opacity:.28!important;filter:blur(1px)!important}
.wsvc-attr-buttons.disabled-mode-cross .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-disabled{opacity:.5!important}
.wsvc-attr-buttons.disabled-mode-cross .wsvc-attr-btn.is-disabled::after,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-disabled::after{
  content:''!important;
  position:absolute!important;
  inset:3px!important;
  pointer-events:none!important;
  background:linear-gradient(135deg, transparent 45%, #d40000 46%, #d40000 54%, transparent 55%)!important;
  border-radius:inherit!important;
}


/* r5 stronger unavailable state */
.wsvc-attr-buttons .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons .wsvc-attr-btn.is-unavailable{
  pointer-events:none!important;
  cursor:not-allowed!important;
}
.wsvc-attr-buttons.disabled-mode-none .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-none .wsvc-attr-btn.is-unavailable{
  opacity:.38!important;
  filter:none!important;
}
.wsvc-attr-buttons.disabled-mode-blur .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-blur .wsvc-attr-btn.is-unavailable,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-unavailable{
  opacity:.25!important;
  filter:blur(1.2px) grayscale(.25)!important;
}
.wsvc-attr-buttons.disabled-mode-cross .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-cross .wsvc-attr-btn.is-unavailable,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-unavailable{
  position:relative!important;
}
.wsvc-attr-buttons.disabled-mode-cross .wsvc-attr-btn.is-disabled::before,
.wsvc-attr-buttons.disabled-mode-cross .wsvc-attr-btn.is-unavailable::before,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-disabled::before,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-unavailable::before{
  content:''!important;
  position:absolute!important;
  left:6px!important;
  right:6px!important;
  top:50%!important;
  height:2px!important;
  background:#d40000!important;
  transform:rotate(-12deg)!important;
  pointer-events:none!important;
  border-radius:2px!important;
  z-index:2!important;
}

/* r7 unavailable button styles */
.wsvc-attr-buttons[data-disabled-style="none"] .wsvc-attr-btn.is-disabled,.wsvc-attr-buttons[data-disabled-style="none"] .wsvc-attr-btn.is-unavailable{filter:none!important;opacity:.45!important;}
.wsvc-attr-buttons[data-disabled-style="blur"] .wsvc-attr-btn.is-disabled,.wsvc-attr-buttons[data-disabled-style="blur"] .wsvc-attr-btn.is-unavailable,.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-disabled,.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-unavailable{filter:blur(1.4px) grayscale(.35)!important;opacity:.3!important;}
.wsvc-attr-buttons[data-disabled-style="cross"] .wsvc-attr-btn.is-disabled,.wsvc-attr-buttons[data-disabled-style="cross"] .wsvc-attr-btn.is-unavailable,.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-disabled,.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-unavailable{position:relative!important;}
.wsvc-attr-buttons[data-disabled-style="cross"] .wsvc-attr-btn.is-disabled::before,.wsvc-attr-buttons[data-disabled-style="cross"] .wsvc-attr-btn.is-unavailable::before,.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-disabled::before,.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-unavailable::before{content:"";position:absolute;inset:4px;pointer-events:none;background:linear-gradient(135deg, transparent 46%, #d40000 47%, #d40000 53%, transparent 54%)!important;z-index:3;}


/* r9 tweak unavailable button visuals */
.wsvc-attr-buttons[data-disabled-style="blur"] .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons[data-disabled-style="blur"] .wsvc-attr-btn.is-unavailable,
.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-unavailable{
  filter:blur(.7px) grayscale(.18)!important;
  opacity:.48!important;
}
.wsvc-attr-buttons[data-disabled-style="cross"] .wsvc-attr-btn.is-disabled::before,
.wsvc-attr-buttons[data-disabled-style="cross"] .wsvc-attr-btn.is-unavailable::before,
.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-disabled::before,
.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-unavailable::before{
  content:""!important;
  position:absolute!important;
  left:-8%!important;
  top:50%!important;
  width:116%!important;
  height:1.5px!important;
  background:#d40000!important;
  transform:rotate(-27deg)!important;
  transform-origin:center!important;
  pointer-events:none!important;
  border-radius:2px!important;
  z-index:3!important;
}


/* r10 clean unavailable visuals override */
.wsvc-attr-buttons .wsvc-attr-btn.is-disabled::after,
.wsvc-attr-buttons .wsvc-attr-btn.is-unavailable::after{
  content:none!important;
  display:none!important;
}
.wsvc-attr-buttons .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons .wsvc-attr-btn.is-unavailable{
  position:relative!important;
  overflow:hidden!important;
}
.wsvc-attr-buttons[data-disabled-style="none"] .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons[data-disabled-style="none"] .wsvc-attr-btn.is-unavailable,
.wsvc-attr-buttons.disabled-mode-none .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-none .wsvc-attr-btn.is-unavailable{
  filter:none!important;
  opacity:.48!important;
}
.wsvc-attr-buttons[data-disabled-style="blur"] .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons[data-disabled-style="blur"] .wsvc-attr-btn.is-unavailable,
.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-unavailable,
.wsvc-attr-buttons.disabled-mode-blur .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-blur .wsvc-attr-btn.is-unavailable,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-unavailable{
  filter:blur(.45px) grayscale(.12)!important;
  opacity:.58!important;
}
.wsvc-attr-buttons[data-disabled-style="cross"] .wsvc-attr-btn.is-disabled::before,
.wsvc-attr-buttons[data-disabled-style="cross"] .wsvc-attr-btn.is-unavailable::before,
.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-disabled::before,
.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-unavailable::before,
.wsvc-attr-buttons.disabled-mode-cross .wsvc-attr-btn.is-disabled::before,
.wsvc-attr-buttons.disabled-mode-cross .wsvc-attr-btn.is-unavailable::before,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-disabled::before,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-unavailable::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  z-index:3!important;
  background:linear-gradient(135deg,
    transparent calc(50% - .6px),
    #d40000 calc(50% - .6px),
    #d40000 calc(50% + .6px),
    transparent calc(50% + .6px)
  )!important;
}


/* WSVC 1.1.21-r11 disabled button visual fix */
.wsvc-attr-buttons[data-disabled-style="cross"] .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons[data-disabled-style="cross"] .wsvc-attr-btn.is-unavailable,
.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-unavailable,
.wsvc-attr-buttons.disabled-mode-cross .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-cross .wsvc-attr-btn.is-unavailable,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-unavailable{
  position:relative!important;
  overflow:hidden!important;
}
.wsvc-attr-buttons[data-disabled-style="cross"] .wsvc-attr-btn.is-disabled::before,
.wsvc-attr-buttons[data-disabled-style="cross"] .wsvc-attr-btn.is-unavailable::before,
.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-disabled::before,
.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-unavailable::before,
.wsvc-attr-buttons.disabled-mode-cross .wsvc-attr-btn.is-disabled::before,
.wsvc-attr-buttons.disabled-mode-cross .wsvc-attr-btn.is-unavailable::before,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-disabled::before,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-unavailable::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  z-index:5!important;
  background:linear-gradient(135deg,
    transparent 48.9%,
    #d40000 49.1%,
    #d40000 50.9%,
    transparent 51.1%
  )!important;
}
.wsvc-attr-buttons[data-disabled-style="blur"] .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons[data-disabled-style="blur"] .wsvc-attr-btn.is-unavailable,
.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-unavailable,
.wsvc-attr-buttons.disabled-mode-blur .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-blur .wsvc-attr-btn.is-unavailable,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-unavailable{
  filter:blur(.45px) grayscale(.08)!important;
  opacity:.62!important;
}


/* WSVC 1.1.21-r12 disabled button final override */
.wsvc-attr-buttons[data-disabled-style="cross"] .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons[data-disabled-style="cross"] .wsvc-attr-btn.is-unavailable,
.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-unavailable,
.wsvc-attr-buttons.disabled-mode-cross .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-cross .wsvc-attr-btn.is-unavailable,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-unavailable{
  position:relative!important;
  overflow:hidden!important;
  background-image:linear-gradient(135deg,
    transparent 48.8%,
    #d40000 49.2%,
    #d40000 50.8%,
    transparent 51.2%)!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  background-origin:border-box!important;
}
.wsvc-attr-buttons[data-disabled-style="cross"] .wsvc-attr-btn.is-disabled::before,
.wsvc-attr-buttons[data-disabled-style="cross"] .wsvc-attr-btn.is-unavailable::before,
.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-disabled::before,
.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-unavailable::before,
.wsvc-attr-buttons.disabled-mode-cross .wsvc-attr-btn.is-disabled::before,
.wsvc-attr-buttons.disabled-mode-cross .wsvc-attr-btn.is-unavailable::before,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-disabled::before,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-unavailable::before{
  content:none!important;
  display:none!important;
}
.wsvc-attr-buttons[data-disabled-style="blur"] .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons[data-disabled-style="blur"] .wsvc-attr-btn.is-unavailable,
.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons[data-disabled-style="blur_cross"] .wsvc-attr-btn.is-unavailable,
.wsvc-attr-buttons.disabled-mode-blur .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-blur .wsvc-attr-btn.is-unavailable,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-disabled,
.wsvc-attr-buttons.disabled-mode-blur_cross .wsvc-attr-btn.is-unavailable{
  filter:blur(.45px) grayscale(.08)!important;
  opacity:.62!important;
}


/* 1.3.1 - keep product name and quantity on one line in order/thank-you pages */
.woocommerce-order-details .woocommerce-table__product-name .product-quantity,
.woocommerce-table--order-details .woocommerce-table__product-name .product-quantity,
.woocommerce-order-overview__product .product-quantity {
  display:inline-block !important;
  margin-inline-start:6px !important;
  vertical-align:baseline !important;
  white-space:nowrap !important;
}

.woocommerce-order-details .woocommerce-table__product-name a,
.woocommerce-table--order-details .woocommerce-table__product-name a,
.woocommerce-order-details .woocommerce-table__product-name > strong:first-of-type,
.woocommerce-table--order-details .woocommerce-table__product-name > strong:first-of-type {
  display:inline !important;
}

.woocommerce-order-details .woocommerce-table__product-name,
.woocommerce-table--order-details .woocommerce-table__product-name {
  white-space:normal !important;
}


/* 1.3.2 - support Cottonia custom thank-you/order layout */
.woocommerce-order-details .woocommerce-table__product-name .cottonia-checkout-name-wrap,
.woocommerce-table--order-details .woocommerce-table__product-name .cottonia-checkout-name-wrap,
.woocommerce-order-received .woocommerce-table__product-name .cottonia-checkout-name-wrap,
.woocommerce-view-order .woocommerce-table__product-name .cottonia-checkout-name-wrap {
  display:inline-flex !important;
  align-items:center !important;
  vertical-align:middle !important;
}

.woocommerce-order-details .woocommerce-table__product-name .cottonia-checkout-name-meta,
.woocommerce-table--order-details .woocommerce-table__product-name .cottonia-checkout-name-meta,
.woocommerce-order-received .woocommerce-table__product-name .cottonia-checkout-name-meta,
.woocommerce-view-order .woocommerce-table__product-name .cottonia-checkout-name-meta {
  display:inline-flex !important;
  align-items:center !important;
}

.woocommerce-order-details .woocommerce-table__product-name .cottonia-checkout-name-title,
.woocommerce-table--order-details .woocommerce-table__product-name .cottonia-checkout-name-title,
.woocommerce-order-received .woocommerce-table__product-name .cottonia-checkout-name-title,
.woocommerce-view-order .woocommerce-table__product-name .cottonia-checkout-name-title {
  display:inline-block !important;
}