form.cart:has(#yith-wapo-container .yith-wapo-block),
:is(.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart) form.cart.variations_form .woocommerce-variation-add-to-cart {
  display: block !important;
}
.yith-wapo-block *, .yith-wapo-block *:before, .yith-wapo-block *:after {
  box-sizing: border-box;
}
#yith-wapo-container .yith-wapo-block {
  padding: var( --yith-wapo-block-padding );
}
.yith-wapo-block .yith-wapo-addon.empty-title{
  margin-top: 20px;
}
.yith-wapo-block .yith-wapo-addon:not(:first-child):not(.empty-title):not(.toggle-open) {
  margin-top: 20px;
}
.yith-wapo-block .yith-wapo-addon:not(:first-child):not(.empty-title).wapo-toggle.toggle-closed {
  margin-top: initial;
}
.yith-wapo-block .yith-wapo-addon:after {
  content: '';
  display: block;
  clear: both;
}
.yith-wapo-block .yith-wapo-addon .addon-header{
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.yith-wapo-block .yith-wapo-addon .addon-header .title-image{
  max-width: 115px;
  padding: 15px 0px;
}
.yith-wapo-block .yith-wapo-addon .wapo-block-title {
  margin-top: 0;
  clear: none;
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle {
  width: auto;
}
.yith-wapo-block .yith-wapo-addon:not(.empty-title).wapo-toggle .wapo-addon-title {
  display: flex;
  flex: 0 0 100%;
  column-gap: 10px;
  margin-bottom: 25px;
}

.yith-wapo-block .yith-wapo-addon.wapo-toggle .addon-header {
  cursor: pointer;
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle:not(:last-child) {
  margin-bottom: 10px;
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle.toggle-open:not(:last-child) {
  margin-bottom: 20px;
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle .options-container.default-closed{
  display: none;
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle .wapo-addon-title:before {
  content: '\f543';
  font-family: 'dashicons';
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle .wapo-addon-title.toggle-open:before {
  content: '\f460';
  font-family: 'dashicons';
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle .options-container.default-open {
  display: block;
}
.yith-wapo-block .yith-wapo-addon-type-color .yith-wapo-option {
  margin: 0px 5px 5px 0px;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option label, .yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label {
  word-break: normal;
  margin: 0;
  cursor: pointer;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option small del {
  opacity: 0.5;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .description {
  font-size: 12px;
  word-break: break-word;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-separator {
  width: 100%;
  height: 1px;
  margin: 30px 0px;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-separator.simple_border {
  border-bottom: 1px solid;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-separator.double_border {
  height: 5px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-separator.dotted_border {
  border-bottom: 1px dotted;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-separator.dashed_border {
  border-bottom: 1px dashed;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-separator.empty_space {
  width: 100%;
  height: 50px;
  border: 0;
}
/* TOOLTIP */
.yith-wapo-block .yith-wapo-addon .yith-wapo-option {
  word-break: break-all;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip img {
  display: inline-block;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip span {
  background-color: var(--yith-wapo-tooltip-colors-background);
  color: var(--yith-wapo-tooltip-colors-text);
}

/* Tooltip */
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .yith-wapo-addon-label .tooltip {
  visibility: hidden;
  width: max-content;
  max-width: 100%;
  word-break: auto-phrase;
  background-color: var(--yith-wapo-tooltip-colors-background);
  color: #fff;
  text-align: center;
  padding: 8px;
  font-size: 14px;
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  z-index: 9;
}

.yith-wapo-block .yith-wapo-addon .yith-wapo-option .yith-wapo-addon-label .tooltip.position-bottom {
  top: 130%;
  bottom: initial;
}

.yith-wapo-block .yith-wapo-addon .yith-wapo-option .yith-wapo-addon-label .tooltip.position-top::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: var(--yith-wapo-tooltip-colors-background) transparent transparent transparent;
}

.yith-wapo-block .yith-wapo-addon .yith-wapo-option .yith-wapo-addon-label .tooltip.position-bottom::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid var(--yith-wapo-tooltip-colors-background);
}

.yith-wapo-block .yith-wapo-addon .yith-wapo-option .yith-wapo-addon-label:hover .tooltip {
  visibility: visible;
  opacity: 1;
}

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-textarea .yith-wapo-option .yith-wapo-addon-label .tooltip.position-top,
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-option .yith-wapo-addon-label .tooltip.position-top,
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-colorpicker .yith-wapo-option .yith-wapo-addon-label .tooltip.position-top {
  bottom: 105%;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-textarea .yith-wapo-option .yith-wapo-addon-label .tooltip.position-bottom,
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-option .yith-wapo-addon-label .tooltip.position-bottom,
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-colorpicker .yith-wapo-option .yith-wapo-addon-label .tooltip.position-bottom,
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option .yith-wapo-addon-label .tooltip.position-bottom,
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-number .yith-wapo-option .yith-wapo-addon-label .tooltip.position-bottom {
  top: 105%;
}

.yith-wapo-block .yith-wapo-addon .yith-wapo-option:hover .tooltip span {
  display: block;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip:hover span {
  display: block;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip span:after {
  border-top-color: var(--yith-wapo-tooltip-colors-background);
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip.position-bottom span:after {
  border-bottom-color: var(--yith-wapo-tooltip-colors-background);
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .yith-wapo-addon-label {
  position: relative;
  cursor: pointer;
}

/* CHECKBOX */
.yith-wapo-addon.yith-wapo-addon-type-checkbox .checkbox-button-container {
  display: flex;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-checkbox .yith-wapo-option input {
  margin-right: 10px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-checkbox .yith-wapo-option div.label {
  line-height: 20px;
}
.yith-wapo-addon-type-checkbox .options .yith-wapo-option .yith-wapo-addon-label {
  margin-left: 5px;
}
/* COLOR */
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label {
  position: relative;
  margin-bottom: 10px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label .color-container{
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label .color-container small{
  text-align: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-checkbox .yith-wapo-option div.label, .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option div.label {
  display: flex;
  align-items: center;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label.position-above .option-container, .yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label.position-under .option-container{
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label.position-right .option-container{
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 7px;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label.position-left .option-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 7px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option.selected span.color:after, .select_box .select_option.selected:after {
  content: '';
  width: 18px;
  height: 18px;
  background: #03bfac url('../img/icon-check.png') center no-repeat;
  background-size: 50%;
  border-radius: 50%;
  margin: 0;
  display: block;
  position: absolute;
  top: -6px;
  right: -6px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label span.color {
  width: 40px;
  height: 40px;
  border-radius: var( --yith-wapo-color-swatch-style );
  border: 2px solid #dedede;
  position: relative;
  display: flex;
  justify-content: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option:not(.rounded) div.label span.color {
  align-items: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label span.color img {
  border-radius: var( --yith-wapo-color-swatch-style );
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label:hover span.color {
  border: 2px solid #03bfac;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option.selected div.label span.color {
  border: 2px solid #03bfac;
}
/* DATE */
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-date .yith-wapo-option .date-container input{
  min-width: initial;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-date .yith-wapo-option .label {
  display: flex;
  flex-direction: column;
}
#ui-datepicker-div {
  padding: 20px;
}
#ui-datepicker-div #wapo-datepicker-time {
  height: 60px;
  padding-top: 10px;
}
#ui-datepicker-div #wapo-datepicker-time label {
  width: 43%;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  display: block;
  float: left;
}
#ui-datepicker-div #wapo-datepicker-time select {
  width: 57%;
  background-color: #f7f7f7;
  border: 1px solid #efefef;
  display: block;
  float: left;
  cursor: pointer;
}
#ui-datepicker-div #wapo-datepicker-time select {
  background: #f7f7f7 url('http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png') no-repeat;
  background-position: 95%;
  background-size: 10px;
  -webkit-appearance: none;
}
#ui-datepicker-div #wapo-datepicker-save button {
  width: 100%;
  border-radius: 0px;
  margin: 0;
}

/* FILE */
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-option input.file {
  display: none;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-option div.label.position-under .option-container, .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-option div.label.position-above .option-container{
  max-width: 100px;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label.file-input{
  cursor: initial;
}
/* LABEL */
.yith-wapo-block .yith-wapo-addon .options.per-row-1 .yith-wapo-option .label_container .image img{
  max-width: 150px;
  max-height: 150px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option div.label {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option div.label .label-container-display {
  border-radius: 5px;
  border: 1px solid #7a7a7a;
  padding: 10px;
  height: 100%;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option.selected div.label .label-container-display {
  border: 1px solid #03bfac;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option.selected div.label .label-container-display:after {
  content: '';
  width: 18px;
  height: 18px;
  background: #03bfac url('../img/icon-check.png') center no-repeat;
  background-size: 50%;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: -6px;
  right: -6px;
  z-index: 10;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option p {
  margin: 6px 0 0 0;
}

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container:after {
  content: '';
  display: block;
  clear: both;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container .label_price{
  display: flex;
  flex-wrap: wrap;
  word-break: break-all;
  align-items: center;
  column-gap: 5px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container.content-align-left .label_price{
  justify-content: flex-start;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container.content-align-center .label_price{
  justify-content: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container.content-align-right .label_price{
  justify-content: flex-end;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container.content-align-left .label-container-display {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container.content-align-center .label-container-display {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container.content-align-right .label-container-display {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label.position-left .label-container-display {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label.position-right .label-container-display {
  display: flex;
  flex-direction: row;
  align-items: center;
}

/* NUMBER */
.single-product div.product .summary.entry-summary form.cart .yith-wapo-block .quantity {
  max-width: 80px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-number.numbers-check .options.error-message{
  border: 1px solid var(--yith-wapo-required-option-color);
  padding: 10px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-number.numbers-check .yith-wapo-numbers-error-message{
  color: var(--yith-wapo-required-option-color);
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-number .yith-wapo-option .yith-wapo-addon-label,
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-colorpicker .yith-wapo-option .yith-wapo-addon-label {
  display: inline-block;
}
/* PRODUCT */
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-image {
  margin-right: 10px;
  max-width: 100px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-image img{
  display: block;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  line-height: 20px;
  border-radius: 5px;
  border: 1px solid #7a7a7a;
  padding: 10px;
  font-size: 15px;
  height: 100%;
}

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container .product-info {
  word-break: break-word;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container .product-info .stock-info{
  padding-bottom: 10px;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .product-container:hover {
  border: 1px solid var(--yith-wapo-accent-color-color);
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.selected .product-container {
  border: 1px solid var(--yith-wapo-accent-color-color);
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.selected .product-container:after {
  content: '';
  width: 18px;
  height: 18px;
  background: var(--yith-wapo-accent-color-color) url('../img/icon-check.png') center no-repeat;
  background-size: 50%;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: -9px;
  right: -9px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container small.option-price {
  margin: 7px 0px 5px 0px;
  font-size: 16px;
  font-weight: bold;
  display: block;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container .sign.positive {
  display: none;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container .brackets {
  display: none;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container .button {
  margin: 0;
  font-size: 15px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.out-of-stock {
  pointer-events: none;
  opacity:0.5;
  color: #8b8b8b;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.out-of-stock .stock.out-of-stock {
  opacity: initial;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .option-add-to-cart .quantity{
  display: block;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .options.per-row-1{
  gap: 8px;
}
/* RADIO */
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option input {
  margin-top: 0px;
}
/* SELECT */
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-select .image-container img {
  max-width: 200px;
  max-height: 200px;
  margin-bottom: 10px;
}
/* TEXT */
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-text .yith-wapo-option .input-text-container input {
  min-width: initial;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-text .yith-wapo-option .label {
  margin-bottom: 10px;
}
/* TEXTAREA */
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-textarea .yith-wapo-option {
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-textarea .yith-wapo-option .label {
  margin-bottom: 10px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-textarea .yith-wapo-option textarea {
  min-height: 200px;
}
/* COLORPICKER */
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container {
  background-color: #FFFFFF;
  min-width: 200px;
  width: auto;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 7px;
}
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container span.wp-picker-input-wrap.hidden {
  display: inline-block !important;
}
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container button.wp-color-result {
  margin: 0 6px 3px 0;
  vertical-align: middle;
  position: relative;
  border-radius: 4px !important;
}
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-default-custom:before {
  content: "\e91a";
  text-indent: 0;
  font-family: 'yith-icon';
  color: #d8d8d8;
  font-weight: normal;
  width: 15px;
  background: none;
  line-height: 30px;
  margin-left: 8px;
}
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-default-custom {
  padding: 10px;
}
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-default-custom.default_color:before {
  color: #5d5d5d;
}
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container .wp-picker-default, .yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container .wp-picker-clear {
  opacity: 0;
  width: 25px;
  margin-left: -20px;
  padding: 0;
  position: absolute;
  z-index: 2;
}
.yith-wapo-block .yith-wapo-addon-type-colorpicker input[type="text"].wp-color-picker{
  width: 6rem;
  display: initial;
  border: none;
  line-height: 3.0;
}
.yith-wapo-block .yith-wapo-addon-type-colorpicker input[type="text"].wp-color-picker:focus{
  box-shadow: none;
}
.yith-wapo-block .yith-wapo-addon-type-colorpicker span.wp-color-result-text:empty {
  padding: 0px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-colorpicker .yith-wapo-option div.label.position-under .option-container, .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-colorpicker .yith-wapo-option div.label.position-above .option-container{
  max-width: 100px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-colorpicker .yith-wapo-option div.label.position-left .yith-wapo-addon-label{
  margin-left: 10px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-colorpicker .yith-wapo-option div.label.position-right .yith-wapo-addon-label{
  margin-right: 10px;
}


/* START THEME PROTEO SUPPORT */

.theme-yith-proteo .yith-wapo-addon-type-colorpicker .wp-picker-container .button.wp-color-result{
  border: 1px solid #cccccc;
  background: none;
  border-radius: initial;
}
.theme-yith-proteo .yith-wapo-addon-type-colorpicker .wp-picker-container .button.wp-picker-clear{
  border: 1px solid #cccccc;
  border-radius: initial;
  line-height: normal;
}
.theme-yith-proteo .yith-wapo-option .yith-wapo-ajax-uploader .button {
  margin-bottom: 0;
  margin-right: 0;
}
.yith-wapo-block .yith-wapo-addon-type-colorpicker span.wp-picker-custom-placeholder {
  line-height: 3.0;
  font-size: 12px;
}
.yith-wapo-addon .yith-wapo-option .wp-picker-container.yith-wapo-colorpicker-initialized.wp-picker-active .wp-picker-open {
  vertical-align: bottom;
}
.theme-yith-proteo.single-product div.product form.cart .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-number .yith-wapo-option .input-number.quantity input,
.theme-yith-proteo.single-product div.product form.cart .yith-wapo-addon-type-product .quantity input.wapo-product-qty,
.theme-yith-proteo .single-product div.product form.cart .yith-wapo-addon-type-product .quantity input.wapo-product-qty {
  height: 45px;
  width: 70px;
  font-size: 1rem;
}
.theme-yith-proteo #wapo-datepicker-time select {
  font-family: Montserrat, sans-serif;
  font-weight: bold;
}

body.theme-yith-proteo.yith-wapo-modal-is-open {
  position: fixed;
}

body.theme-yith-proteo.yith-wapo-modal-is-open .single-product div.product .summary.entry-summary {
  padding-left: 50px;
}

.theme-yith-proteo .yith-wapo-edit-product-cart small {
  color: var( --proteo-general_link_color );
}

/** ---- Media Query ---- */
@media only screen and (max-width: 768px) {
  body.theme-yith-proteo.yith-wapo-modal-is-open .single-product div.product .summary.entry-summary {
    padding-left: 0;
  }
}

/* END THEME PROTEO SUPPORT */

/* IMAGE POSITION */
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option {
  line-height: 20px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image {
  display: inline-block;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-left {
  display: block;
  float: left;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-left img {
  width: auto;
  height: 20px;
  margin-right: 10px;
  display: block;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-right {
  margin-left: -15px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-right img {
  width: auto;
  height: 20px;
  margin-left: 10px;
  display: block;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-above {
  display: block;
  margin-bottom: 5px
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-above img {
  width: auto;
  max-height: 100px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-under {
  display: block;
  margin-top: 5px
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-under img {
  width: auto;
  max-height: 100px;
}
/* TOTAL PRICE TABLE */
#wapo-total-price-table{
  display: none !important;
}
#wapo-total-price-table table {
  width: auto;
  font-size: 20px;
  line-height: 40px;
}
#wapo-total-price-table table th {
  padding-right: 10px;
  text-align: left;
}

/* CART CHECKOUT */
.woocommerce-cart-form .yith-wapo-group-title, #order_review .yith-wapo-group-title{
  font-size: 16px;
}
/* Individual addons */
tr.cart_item.yith-wapo-product-has-individual-addons td {
  border-bottom: none !important;
}
tr.cart_item.yith-wapo-product-is-individual-addons td {
  padding-top: 0px !important;
  font-size: 0.9em;
}
/** Add-on type Product as item */
tr.cart_item.yith-wapo-product-as-item td{
  font-size: 0.9em;
}
tr.cart_item.yith-wapo-product-as-item td img{
  transform: scale(.7);
}

/** MIN MAX FEATURE */

/** Required option */
.yith-wapo-addon .yith-wapo-option .required-error .required-message{
  color: var(--yith-wapo-required-option-color);
}
.yith-wapo-block .yith-wapo-addon .min-error{
  font-size: 13px;
  margin-top: 15px;
}
.yith-wapo-block .yith-wapo-addon .min-error *,
.yith-wapo-addon .options-container .max-selected-error{
  color: var(--yith-wapo-required-option-color);
}
.yith-wapo-block .yith-wapo-addon .wapo-error {
  color: var(--yith-wapo-required-option-color);
}
.length-error-message{
  display: none;
  padding: 5px 0px;
  color: var(--yith-wapo-required-option-color);
  word-break: break-word;
}

 /** Price box colors */
#wapo-total-price-table {
  color: var(--yith-wapo-price-box-colors-text);
  background: var(--yith-wapo-price-box-colors-background);
}
/** Uploads **/
.yith-wapo-ajax-uploader .button {
  border-radius: 5px;
  padding: 10px 15px;
  font-size: 13px;
  font-weight: normal;
  cursor: pointer;
  overflow: auto;
}
.yith-wapo-ajax-uploader .link {
  color: var(--yith-wapo-uploads-file-colors-border);
  cursor: pointer;
}
.yith-wapo-uploaded-file .remove {
  position: relative;
  top: 2px;
  cursor: pointer;
  font-size: 14px;
  margin-bottom: 10px;
}
.yith-wapo-uploaded-file-element .yith-wapo-uploaded-file-info .file-size{
  opacity: 0.7;
}
.yith-wapo-uploaded-file-element .yith-wapo-uploaded-file-info .file-name{
  color: #000000;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file-element.completed span.info label:before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  background: #03bfac url('../img/icon-check.png') center no-repeat;
  background-size: 50%;
  border-radius: 50%;
  z-index: 10;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file-element.completed span.info .file-name {
   display: flex;
   align-items: center;
   column-gap: 10px;
 }
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-loader-container{
  position: relative;
  top: 5px;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file span.info {
  display: flex;
  flex-direction:column;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file-element {
  margin-bottom: 10px;
}
.yith-wapo-addon .yith-wapo-option.allow-multiple .yith-wapo-uploaded-file-element.completed {
  border-bottom: 1px solid #d1d1d1;
}
.yith-wapo-addon.yith-wapo-addon-type-file hr.upload-separator {
  border-top: 1px solid var(--yith-wapo-uploads-file-colors-border);
  opacity: 0.6;
}
.yith-wapo-addon.yith-wapo-addon-type-file img.yith-wapo-img-uploaded {
  margin: 10px 0px 10px 0px;
  width: 45px;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-ajax-uploader{
  background: var(--yith-wapo-uploads-file-colors-background);
  border: 1px dashed var(--yith-wapo-uploads-file-colors-border);
  border-radius: 5px;
  padding: 20px;
  margin: 10px 0px;
  font-size: 14px;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-ajax-uploader .yith-wapo-ajax-uploader-container{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 10px;
}
.yith-wapo-addon.yith-wapo-addon-type-file .ui-progressbar {
  position: relative;
  top: 5px;
  height: 10px;
  border: none;
}
.yith-wapo-loader.ui-progressbar.ui-corner-all.ui-widget.ui-widget-content .ui-progressbar-value {
  background-color: var(--yith-wapo-uploads-file-colors-border);
}

/** ERROR */
.yith-wapo-option small.yith-wapo-error {
  word-break: break-word;
}

/** CUSTOM FORM STYLE - start */
/* COLOR */
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label:hover span.color, .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option.selected div.label span.color {
  border: 2px solid var(--yith-wapo-accent-color-color);
}
/* LABEL */
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option div.label .label-container-display,
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .product-container{
  border: 1px solid var(--yith-wapo-form-border-color-color);
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option.selected div.label .label-container-display,
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.selected .product-container{
  border: 1px solid var(--yith-wapo-accent-color-color);
}
/* PRODUCT */
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option:not(.out-of-stock) label {
  border: 1px solid var(--yith-wapo-form-border-color-color);
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option label:hover, .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.selected label {
  border: 1px solid var(--yith-wapo-accent-color-color);
}
/* CUSTOM RADIO & CHECKBOX */
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.checkboxbutton {
  width: 20px;
  height: 20px;
  position: relative;
  display: block;
  float: left;
  margin-right: 10px;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.checkboxbutton input[type="checkbox"] {
  width: 20px;
  height: 20px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.checkboxbutton:before {
  content: '';
  background: #ffffff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 1px solid var(--yith-wapo-form-border-color-color);
  border-radius: var(--yith-wapo-checkbox-style);
  margin-right: 10px;
  text-align: center;
  font-size: 17px;
  vertical-align: middle;
  cursor: pointer;
  margin-bottom: 5px;
  transition: background-color ease 0.3s;
  display: inline-block;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.checkboxbutton.checked:before {
  background-image: url( ../img/check.svg ) !important;
  background-size: 65%;
  background-repeat: no-repeat !important;
  background-color: var(--yith-wapo-accent-color-color);
  border-color: var(--yith-wapo-accent-color-color);
  color: #ffffff;
  background-position: center;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.radiobutton {
  width: 20px;
  height: 20px;
  position: relative;
  margin-right: 10px;
  display: block;
  float: left;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.radiobutton input[type="radio"] {
  width: 20px;
  height: 20px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.radiobutton:before {
  content: '';
  background: #ffffff;
  background-clip: content-box;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 1px solid var(--yith-wapo-form-border-color-color);
  border-radius: 100%;
  padding: 2px;
  margin-bottom: 0px;
  margin-right: 0px;
  font-size: 20px;
  text-align: center;
  display: inline-block;
  float: left;
  cursor: pointer;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.radiobutton.checked:before {
  border-color: var(--yith-wapo-accent-color-color);
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.radiobutton.checked:before {
  background-color: var(--yith-wapo-accent-color-color);
  background-clip: content-box !important;
}
/* FONT SIZE */
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label label{
  font-size: var(--yith-wapo-label-font-size);
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon .yith-wapo-option .description {
  font-size: var(--yith-wapo-description-font-size);
  overflow-y: auto;
  max-height: 70px;
}
/* ACCENT COLOR */
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option.selected div.label .label-container-display:after, .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.selected div.label::after, .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option.selected div.label .label-container-display:after {
  background-color: var(--yith-wapo-accent-color-color);
}
/* COLOR SWATCHES */
.yith-wapo-container .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label span.color {
  width: var(--yith-wapo-color-swatch-size);
  height: var(--yith-wapo-color-swatch-size);
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option.selected span.color:after, .select_box .select_option.selected:after {
  background: var(--yith-wapo-accent-color-color) url('../img/icon-check.png') center no-repeat;
  background-size: 50%;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option *{
  max-width: 100%;
}
/** SELECT ADD-ON */
.yith-wapo-addon.yith-wapo-addon-type-select.required-min .select2-selection.select2-selection--single{
  border: 1px solid var( --yith-wapo-required-option-color );
}
#yith-wapo-container .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-select.required-min {
  border: inherit;
  border-radius: inherit;
}
#yith-wapo-container .yith-wapo-block .yith-wapo-addon .options .option-description {
  margin-top: 15px;
}
/** DATE ADD-ON */
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-date .yith-wapo-option .date-container, .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-colorpicker .yith-wapo-option .yith-wapo-colorpicker-container, .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-textarea .yith-wapo-option .textarea-container textarea, .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-text .yith-wapo-option .input-text-container {
  margin-top: 8px;
}

/*GRID SYSTEM */
.yith-wapo-block div.yith-wapo-addon .options.per-row-1 {
  row-gap: 15px;
}

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container {
  height: 100%;
}

.yith-wapo-addon-type-text input.length-error {
  border-color: #ff0000;
}

/** IMAGES - START */
.yith-wapo-addon:not(.yith-wapo-addon-type-label) .yith-wapo-option .image img{
  max-width: 100%;
  max-height: 200px;
}
/** IMAGES - END */

/** CART PAGE */

body.yith-wapo-modal-is-open {
  overflow: hidden;
}


table.shop_table tbody tr td.product-name .yith-wapo-edit-product-cart{
  text-decoration: none;
  cursor: pointer;
}
.yith-wapo-edit-product-cart small {
  font-weight: 800;
  cursor: pointer;
}

.yith-wapo-popup {
  position: fixed;
  visibility: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  opacity: 0;
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.yith-wapo-popup.open,
.yith-wapo-popup.open .yith-wapo-wrapper {
  visibility: visible;
  opacity: 1;
}

.yith-wapo-popup .yith-wapo-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}

.yith-wapo-popup .yith-wapo-wrapper {
  position: absolute;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  text-align: left;
}

.yith-wapo-head {
  display: flex;
  justify-content: space-between;
  border-radius: 10px 10px 0 0;
  padding: 20px;
  background-color: #FFFFFF;
  z-index: 10;
}
.yith-wapo-head .edit-options-label {
  padding-top: 30px;
  padding-left: 30px;
  font-weight: 700;
  font-size: 20px;
}

.yith-wapo-content .woocommerce > div{
  background-color: #FFFFFF;
}

.yith-wapo-wrapper,
.yith-wapo-main,
.yith-wapo-content .woocommerce{
  height: 100%;
}

.yith-wapo-content{
  max-height: calc(100% - 146px);
  overflow: auto;
  background-color: #FFFFFF;
  padding: 0px 50px;
}

.yith-wapo-popup .yith-wapo-close {
  width: 26px;
  height: 26px;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("../img/close_small.svg");
  mask-image: url("../img/close_small.svg");
  background-color: #c0c0c0;
}

.yith-wapo-popup .yith-wapo-close:hover {
  cursor: pointer;
  background-color: #6b6b6b;
}

body.yith-wapo-modal-is-open span.select2-container.select2-container--default.select2-container--open {
  z-index: 9999;
}

.yith-wapo-wrapper > button.single_add_to_cart_button.button.alt {
  position: absolute !important;
  top: 90%;
  right: 45%;
  z-index:99;
}

.yith-wapo-popup .yith-wapo-wrapper .yith-wapo-main {
  opacity: 0;
  height: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  box-shadow: 0px 0px 14px 7px rgba(52,52,52,1);
  -webkit-box-shadow: 0px 0px 10px 3px rgb(74 74 74);
  -moz-box-shadow: 0px 0px 10px 3px rgb(74 74 74);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.yith-wapo-popup .yith-wapo-wrapper .yith-wapo-main {
  opacity: 1;
}

.yith-wapo-footer {
  background: rgb(240, 240, 240, 0.88);
  display: flex;
  justify-content: flex-end;
  border-radius: 0 0 10px 10px;
}

.yith-wapo-footer .yith-wapo-add-to-cart{
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 14px 30px;
}

.yith-wapo-footer .yith-wapo-add-to-cart .button {
  margin: 0;
  padding: 12px 60px;
  border-radius: 10px;
}

/** FADE IN SCALE */

.yith-wapo-popup.fade-in .yith-wapo-wrapper .yith-wapo-main{
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  -ms-transform: scale(0.3);
  transform: scale(0.3);
}

.yith-wapo-popup.open.fade-in .yith-wapo-wrapper .yith-wapo-main{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.yith-wapo-modal-is-open .yith-wapo-popup.fade-in.open .single-product .product_title{
  font-size: 30px;
}

.yith-wapo-modal-is-open .yith-wapo-popup.fade-in.open .single-product .price .amount{
  font-size: 20px;
}

.yith-wapo-popup.open .single-product div.product .woocommerce-product-gallery {
  top: 0 !important;
}

/** MEDIA QUERY - START */
@media (min-width: 768px) {
  #ui-datepicker-div {
    width: 23em;
  }
}

@media only screen and (max-width: 768px) {

  /* TOOLTIPS */
  .yith-wapo-block .yith-wapo-addon .yith-wapo-option .yith-wapo-addon-label .tooltip {
    max-width: initial;
  }

  .yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container button.wp-color-result {
    vertical-align: inherit;
  }

  /* UPLOADS */
  .yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-ajax-uploader-container .button{
    margin-top: 10px;
  }

  /* COLORPICKER */
  .yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container {
    min-width: auto;
  }

  /** EDIT CART MODAL */
  .yith-wapo-head,
  .yith-wapo-footer {
    border-radius: 0;
  }

}
@media screen and (min-width: 1024px) {
  /* LABEL */
  .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option div.label .label-container-display:hover {
    border: 1px solid var(--yith-wapo-accent-color-color);
  }
  .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option div.label .label-container-display:hover {
    border: 1px solid #03bfac;
  }
}


/** MEDIA QUERY - END */

/** GUTENBERG BLOCKS - BLOCK THEMES */

/**** ---- Twenty Twenty Four ---- ****/
.theme-twentytwentyfour .wc-block-add-to-cart-form #yith-wapo-container .input-text.wapo-product-qty{
  padding: .9rem 0;
}

/* Table Style Radio Buttons */
.yith-wapo-table-style-wrapper {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 20px;
  margin: 20px 0;
}

.yith-wapo-table-title {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid #007cba;
}

.yith-wapo-table-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option {
  background: #ffffff;
  border: 2px solid #dee2e6;
  border-radius: 8px;
  padding: 20px 16px;
  margin: 0;
  transition: all 0.3s ease;
  cursor: pointer;
  min-height: 60px;
  position: relative;
  min-width: 100%;
  width: 100%;
}

.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option:hover {
  border-color: #007cba;
  box-shadow: 0 2px 4px rgba(0, 124, 186, 0.1);
}

.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option.selected {
  border-color: #28a745;
  background-color: #f8fff9;
  box-shadow: 0 0 0 2px rgba(40, 167, 69, 0.2);
  z-index: 1;
}

/* Beautiful checkmark for selected items */
.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option::after {
  content: "✓";
  position: absolute;
  top: 15px;
  right: 15px;
  width: 24px;
  height: 24px;
  background: #28a745;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 10;
}

.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option.selected::after {
  opacity: 1;
  transform: scale(1);
}

.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option:not(.selected)::after {
  opacity: 0;
  transform: scale(0.8);
}

.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .label {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}

.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .radio-button-container {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
  gap: 0;
}

/* Hide the radio button span completely */
.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .radiobutton,
.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option span.radiobutton {
  display: none !important;
  visibility: hidden !important;
}

.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .yith-wapo-addon-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-weight: 500;
  color: #333;
  margin: 0;
  padding: 0;
  gap: 20px;
}

.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .price {
  font-weight: 600;
  color: #007cba;
  margin-left: auto;
}

/* Style the quantity text and price on same line */
.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .yith-wapo-addon-label {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Style the price on the same line with proper spacing */
.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .yith-wapo-addon-label small.option-price {
  font-weight: 800;
  color: #0a5fb4; /* strong blue */
  font-size: 20px;
  line-height: 1;
  margin-left: auto;
  flex-shrink: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Ensure proper spacing between quantity and price */
.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .yith-wapo-addon-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 0;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  flex-wrap: nowrap;
  gap: 20px;
}

/* Create proper spacing by targeting the text content */
.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .yith-wapo-addon-label {
  text-align: left;
}

/* Ensure the price is pushed to the right with proper spacing */
.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .yith-wapo-addon-label small.option-price {
  margin-left: auto;
  padding-left: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
}

/* Extra spacing for larger viewports (desktop/tablet) */
@media (min-width: 992px) {
  .yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .yith-wapo-addon-label {
    gap: 45px;
  }
  .yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .yith-wapo-addon-label small.option-price {
    padding-left: 30px;
  }
}

.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .yith-wapo-addon-label small.option-price .woocommerce-Price-amount {
  font-weight: inherit;
  color: inherit;
}

.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .yith-wapo-addon-label small.option-price .brackets,
.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .yith-wapo-addon-label small.option-price .sign {
  display: none !important;
}

/* Hide all radio button elements completely */
.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option input[type="radio"],
.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option input.yith-wapo-option-value,
.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .radiobutton,
.yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option span.radiobutton {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  position: absolute !important;
  left: -9999px !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  pointer-events: none !important;
}

/* Improve table wrapper styling */
.yith-wapo-table-style-wrapper {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 25px;
  margin: 20px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.yith-wapo-table-title {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 3px solid #007cba;
  text-align: center;
}

/* Hide quantity selector when table style is active */
.yith-wapo-table-style-wrapper ~ .quantity {
  display: none !important;
}

/* Hide all quantity selectors when table style is present */
body:has(.yith-wapo-table-style-wrapper) .quantity,
.yith-wapo-addon:has(.yith-wapo-table-style-wrapper) ~ .quantity,
.yith-wapo-addon:has(.yith-wapo-table-style-wrapper) + .quantity,
.yith-wapo-addon:has(.yith-wapo-table-style-wrapper) .quantity {
  display: none !important;
}

/* Additional selectors to hide quantity */
.quantity,
.yith-wapo-hidden-quantity {
  display: none !important;
}

/* Show quantity only when table style is NOT present */
body:not(:has(.yith-wapo-table-style-wrapper)) .quantity {
  display: block !important;
}

/* Hide addon title when table style is active */
.yith-wapo-table-style-wrapper {
  .wapo-addon-title,
  .addon-title,
  .yith-wapo-addon-title {
    display: none !important;
  }
}

/* Alternative CSS selector for hiding title */
.yith-wapo-addon:has(.yith-wapo-table-style-wrapper) .wapo-addon-title,
.yith-wapo-addon:has(.yith-wapo-table-style-wrapper) .addon-title,
.yith-wapo-addon:has(.yith-wapo-table-style-wrapper) .yith-wapo-addon-title {
  display: none !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .yith-wapo-table-style-wrapper {
    padding: 15px;
    margin: 15px 0;
  }
  
  .yith-wapo-table-title {
    font-size: 16px;
  }
  
  .yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option {
    padding: 10px 12px;
  }

  /* Let content wrap nicely on narrow screens */
  .yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .yith-wapo-addon-label {
    flex-wrap: nowrap;
    gap: 12px;
    white-space: nowrap;
    overflow: hidden;
    justify-content: space-between;
  }
  
  /* Mobile spacing for price */
  .yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .yith-wapo-addon-label small.option-price {
    margin-left: auto;
    padding-left: 12px;
    width: auto;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 480px) {
  .yith-wapo-table-style-wrapper {
    padding: 12px;
    margin: 12px 0;
  }
  
  .yith-wapo-table-title {
    font-size: 14px;
  }
  
  .yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option {
    padding: 8px 10px;
  }

  /* Make labels stack cleanly on very small screens */
  .yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .yith-wapo-addon-label {
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
    gap: 10px;
    overflow: hidden;
    justify-content: space-between;
  }
  
  /* Smaller mobile spacing for price */
  .yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .yith-wapo-addon-label small.option-price {
    width: auto;
    padding-left: 10px;
    margin-left: auto;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  /* Adjust font sizes for mobile */
  .yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .yith-wapo-addon-label {
    font-size: 15px;
  }
  
  .yith-wapo-table-style-wrapper .yith-wapo-option.table-style-option .yith-wapo-addon-label small.option-price {
    font-size: 16px;
  }
}